/* HTML Elements --------------------------- */

body
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size : 12px;
    margin: 0px;
    padding: 0px;
    background : white;
    color : #333333;
}

iframe
{
    border : solid 1px silver;
}    

img 
{
    border: none;
}

h1
{
    font-weight : normal;
    font-family : Impact, Arial, Helvetica, Sans-Serif;
    font-size : 36px;
    color : #573f23;
}    

h2, h3, h2 a, h3 a
{
    color : #573f23;
}    

h2
{
    font-size : 18px;
}    

a 
{
    color : #1260c5;       
    outline : none;
    text-decoration : none;
}

a:hover 
{
    text-decoration : underline;
}    

ul
{
    padding-left : 15px;
}    

li
{
    list-style-image : url('Images/bullet.png');
}    

/* Standard tables ----------------------------------- */


table
{
    border-collapse : collapse;
    margin : 0px;
}    

td, th
{
    border : none;
    padding : 5px 10px;
    padding-left : 0px;
    text-align : left;
    vertical-align : top;    
}      

th
{
    font-weight : bold;
}    

table .left
{
    text-align : left;
}    

table .right
{
    text-align : right;
}    

/* Page Layout ----------------------------------- */

#page
{
    background : url('Images/header.sky.png') repeat-x top;
}

#main
{
    margin : 0px;
    padding : 0px;
    background : #f6f3ea url('Images/body.background.png') repeat-y center;
    z-index: 1;
}   

div.paged
{
    margin-right : auto;
    margin-left : auto;
    position : relative;
    width : 975px;
    background : white;    
}

#main div.paged
{
    padding : 20px;
    width : 935px;
    min-height : 500px;
}    
 
div.indexheader
{
    padding : 0px;    
    margin : 10px 0px;
    position : relative;    
}    

div.indexheader div.indeximage
{
    margin : 0px;
    border-bottom: 5px solid #333333;
}    

div.indexheader div.indextext
{
    background : url('Images/index.header.background.png') no-repeat right center;
    padding : 10px 20px 5px 20px;    
    text-align : right;
    font-size : 28px;
    font-family : Impact, Arial, Helvetica, Sans-Serif;
    color : white;    
    height : 45px;
}    

table#columns
{
    padding : 0px;
    margin : 0px;
    width : 100%;
}    
 
td#sidecol
{
    width : 250px;
    padding-left : 10px;
    vertical-align : top;
}    

td#sidecol>div.rounded
{
    padding : 20px;
    background : #f6f3ea url('Images/sidebar.background.png') repeat-x top;
    margin : 20px 0px 20px 0px;
    color : #573f23;    
}    

td#maincol
{
    padding : 0px 10px 0px 0px;    
    margin : 0px;
    border : none;
    vertical-align : top;
}    


/* Form elements ------------------------------------------- */

label 
{
    display: block;
    margin : 5px 0px;
}

label.checkbox
{
    display : inline;
    margin : none;
}    

textarea, select
{
    width: 200px;
    border: 1px solid #CCCCCC; 
    color : black;   
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size : 12px;    
    margin : 5px 0px;
}

input[type="text"]
{
    width: 200px;
    border: 1px solid #CCCCCC; 
    color : black;   
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size : 12px;    
    margin : 5px 0px;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCCCCC;
}

button, a.button, input.button
{
    border : solid 2px  #5aa4da;
    padding: 5px;
    background : #5aa4da;
    color: white;
    font-weight : bold;
    text-decoration: none;
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size : 12px;
    cursor: pointer;  
}  

input[type="submit"]
{
    border : solid 2px  #5aa4da;
    padding: 5px;
    background :  #5aa4da;
    color: white;
    font-weight : bold;
    text-decoration: none;
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size : 12px;
    cursor: pointer;  
}  

div.controls
{
    position : relative;
    height : 30px;
    padding : 10px 0px;
}    

div.controls *
{
    float : left;
    margin-right : 10px;
}    

div.controls .next
{
    float : right;
    margin-right : 0px;
    margin-left : 10px;
}        

a.button:hover, a.button:link, a.button:visited, a.button:active
{
   text-decoration : none; 
   padding: 6px 10px;
}    

div.column
{
    float : left;
    width : 210px;
    margin : 10px 0px;
}    

div.column.half
{
    width : 315px;
    float: none;    
}    

div.column.half input[type=text], 
div.column.half textarea, 
div.column.half select
{
    width: 305px;
}

div.column.wide
{
    width : 630px;
    float : none;
    clear : left;
}

div.column.wide input[type=text], 
div.column.wide textarea, 
div.column.wide select
{
    width: 620px;
}


/* Header & Menus -------------------------------------- */

#header 
{
    position : relative;
    background : none ;
    border-bottom : 1px solid silver;
    height: 160px;
    z-index: 1000;
}    

#header div.paged
{
    position : relative;
    font-size : 11px; 
    padding : 0px;
    margin-bottom : 10px !important;
    height : 160px; 
    background : transparent url('Images/header.background.png') no-repeat center top; 
}    

#header div.sitemap
{
    position : absolute;
    bottom : -1px;
    width : 680px;
    right: 0px;
    z-index : 5000;
}    

#headerbiker
{
    position : absolute;
    bottom : -15px;
    left : -5px;
    z-index : 100;
}    

#headerlogo
{
    position : absolute;
    bottom : 10px;
    left : 75px;
    z-index : 100;    
}    

#header li
{ 
    margin:0; 
    padding:0; 
    display:block; 
    float:left; 
    position:relative; 
}

#header li a
{ 
    padding:4px 8px; 
    text-align:left; 
    text-decoration:none; 
    background: none;  
    color : white;
    text-transform : uppercase;  
    font-weight : bold;    
    display: inline-block;
}

#header li:hover>a, #header li a:hover, #header li a:active
{ 
    background: #5aa4da url('Images/menu.gradient.png') repeat-x top !important;
    display: block;
}

#header ul
{
    margin:0; 
    padding:1px 0; 
    list-style:none;   
    border-top : solid 1px silver; 
}    

#header ul.level1
{     
    border-top : none;
}

#header ul.level2 a
{     
    background-color : white;
    font-weight : normal;
    color : Gray; 
}

#header ul.level2
{ 
    display:none; 
    position:absolute; 
    top : 22px; 
    left : 0px; 
    border-top : none;             
}

#header ul.level3
{ 
    display:none; 
    padding:0; 
    position:absolute; 
    left:150px; 
    top:-1px; 
}

#header ul.level1 li:hover ul.level2, #header ul.level1 li a:hover ul.level2
{ 
    display : block;     
}

#header ul.level2 li:hover ul.level3, #header ul.level2 li a:hover ul.level3
{ 
    display : block;       
}

#header li.level1
{
    border-bottom : solid 1px silver;
}    

#header li.level1 li
{
    width : 150px; 
    clear : left; 
    border : solid 1px silver;    
    border-top : none;
    background-color: #FFFFFF;   
}

#header li.level2 a
{
    clear:left; 
    position:relative;    
    text-transform : none;        
} 

#header li.level2 a:hover
{
    color: #FFFFFF;
    background: #5aa4da url('Images/menu.gradient.png') repeat-x top !important;    
}   

#header ul.level2 li.haschildren>a
{
    background : white url('Images/bullet.png') no-repeat 140px center !important;
    padding-right : 8px;
    display: block;   
}

#header ul.level2 li.haschildren>a:hover
{
    background: #5aa4da url('Images/menu.gradient.png') repeat-x top !important;       
} 

/* Footer & Sitemap -------------------------------- */

#footer
{
    margin : 0px;
    padding : 10px 0px;
    clear  : both;
    text-align : center;
    border-top : 1px solid silver;
    position: relative;
}    

#footer div.paged 
{
    margin-bottom : 10px;    
}
    
#footer div.sitemap
{
    padding : 0px;
    margin-bottom : 20px;
}    

#footer div.sitemap ul
{
    font-size : 11px;
    list-style : none;
    padding : 0px;
    margin : 0px;  
    display : inline;
}    

#footer div.sitemap li
{    
    margin : 2px 0px;
    padding-left : 10px;
    display : inline;    
}

#footer div.sitemap li a
{
    text-decoration : none;
    color : gray;
}        

#footer div.sitemap li a:hover
{
    text-decoration : underline;
}    

#footer div.sitemap li.level1
{
    display : block;
}

#footer div.sitemap li.level1 a
{
    color : #666666;
}        
    
#footer div.sitemap li.level2 a
{
    color : #999999;
}        

#footer div.sitemap ul.level3 
{
    display : none;
} 

#footer div.sitemap li.home
{
    display : none;
}           

/* Footer Links ------------------------- */

div#footerlinks
{
    padding : 10px 0px;
    text-align : center;
    height : 70px;
}    

div.footerlink
{
    float : left;
    margin-right : 20px;
}

div#webapps 
{
    float : right;
}    

div#copyright
{
    margin : 10px 0px;
    font-size : 11px;
    color : gray;
}    


/* MVC Standard Styles --------------------------- */ 

.error
{
    color:Red;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

/* Miscellaneous Styles ----------------------------------- */
 
.todo
{
    background : white url('/Content/Images/warning.png') repeat-y left;
    border : 1px solid gray;
    padding : 5px 5px 5px 10px;
    font-weight : bold;   
}

.clear
{
    clear : both;
}    

div.bordered 
{
    position : relative;
    margin : 10px 0px;
    padding : 10px 15px;
    background : #f6f3ea;
}  



/* Rounded Corners - Manual Injection -------------------- */

.corner1, .corner2, .corner3, .corner4
{
    position : absolute;
    z-index : 500;
    height : 6px;
    width : 6px;
    background : transparent;    
    display : block;
}    

.corner1 { background : transparent url('Images/corner.1.png') top left; top : 0px; left : 0px; }    
.corner2 { background : transparent url('Images/corner.2.png') top left; top : 0px; right : 0px; }    
.corner3 { background : transparent url('Images/corner.3.png') top left; bottom : 0px; right : 0px; }    
.corner4 { background : transparent url('Images/corner.4.png') top left; bottom : 0px; left : 0px; }    


.corner1.brown { background : transparent url('Images/corner.1.brown.png') top left; }    
.corner2.brown { background : transparent url('Images/corner.2.brown.png') top left; }    
.corner3.brown { background : transparent url('Images/corner.3.brown.png') top left; }    
.corner4.brown { background : transparent url('Images/corner.4.brown.png') top left; }    


/* Lozenges ------------------------------------- */

div.lozenge 
{
    text-align : left;
    background : transparent;
    position : relative;
}

div.lozenge div.lozenge_image
{
    height : 150px;
    position : relative;
}

div.lozenge div.lozenge_image a
{
    text-decoration : none !important;
}    

div.lozenge a.lozenge_title 
{
    font-family : Impact, Arial, Helvetica, Sans-Serif;
    font-size : 46px;
    position : absolute;
    bottom : -5px;
    left : 10px;
    z-index : 150;
    color : white;
    text-decoration : none !important;       
}

div.lozenge div.lozenge_text
{
    padding : 10px;
    position : relative;
}    

div.lozenge div.lozenge_text p
{
    margin-top : 0px;
}

div.lozenge div.lozenge_edge 
{
    width : 1px;
    height : 104px;
    background : transparent url('Images/lozenge.edge.png') no-repeat;
    position : absolute;
    top : 0px;
}    

div.lozenge div.lozenge_shadow
{
    position : absolute;
    bottom : 0px;
    left : 0px;
    width : 100%;
    background : transparent url('Images/lozenge.shadow.png') repeat-x;
    height : 104px;
    z-index : 100;
}    

div.lozenge div.lozenge_edge.left
{
    left : 0px;
}    

div.lozenge div.lozenge_edge.right
{
    right : 0px;
}    

div.lozenge.small a.lozenge_title 
{
    font-family : Impact, Arial, Helvetica, Sans-Serif;
    font-size : 26px;
    position : absolute;
    bottom : 0px;
    left : 10px;
    z-index : 150;
    color : white;
    text-decoration : none !important;       
}

div.lozenge.small div.lozenge_image
{
    height : 50px;
    position : relative;
}

div.lozenge.small div.lozenge_shadow
{
    position : absolute;
    bottom : 0px;
    left : 0px;
    width : 100%;
    background : transparent url('Images/lozenge.shadow.png') repeat-x bottom;
    height : 50px;
    z-index : 100;
}    

/* Search Bar ------------------------------ */

div.searchbar
{
    padding : 10px 0px;
    background : #e3dabf;
}    

div.searchbar div.searchterm
{
    float : left;
    margin-right : 15px;
}    

div.searchbar select
{
    width : 165px;
    margin : 0px;
}    

div.searchbar label
{
    display : inline;
    margin : 0px 10px 0px 0px;
} 

div.searchbar h2
{
    float : left;
    margin : 2px 30px 0px 20px;
    display : block;
    font-weight : bold;
    font-size : 12px;
}

div.searchbar button, div.searchbar .button
{
    padding : 0px 15px;
    position : relative;
    top : 0px;
    margin : 0px;
}    



div.sidebartext>*
{
    margin-left : 10px;
    margin-right : 10px;
}    

div.sidebartext h2, div.sidebartext h1
{
    display : block;
    margin : 0px 0px 10px 0px;
    padding : 5px 10px;
    background : brown;
    color : white;
    font-size : 14px;
}    

#sidecol div.searchbar
{
    background : #f6f3ea url('Images/sidebar.background.png') repeat-x top;
    padding : 0px 0px 10px 0px;
    margin: 10px 0px;
}    

#sidecol div.searchbar div.searchwrapper
{
    margin : 0px 10px;
}    

#sidecol div.searchbar div.searchterm
{
    float : none;
}    

#sidecol div.searchbar select
{
    width : 200px;
}    

#sidecol div.searchbar label
{
    display : block;
    margin : 5px 0px;
} 

#sidecol div.searchbar h2
{
    display : block;
    margin : 0px 0px 10px 0px;
    padding : 5px 10px;
    background : brown;
    color : white;
    float : none;        
    font-size : 14px;
}

#sidecol div.searchbar button, #sidecol div.searchbar .button
{
    margin-top : 10px;
}

/* Peermap --------------------------- */

div.peermap
{
}    

div.peermap ul
{
    padding : 0px;
    margin : 0px;  
}    

div.peermap ul.level1
{
    margin : 10px;
}    

div.peermap li
{    
    margin : 2px 0px;
    list-style-image: none;
    background : transparent url('Images/peermap.elbow.png') no-repeat 8px -3px; 
    list-style : none;    
}

div.peermap li.level1
{    
    font-size : 14px;        
    font-weight : bold;     
    background : none;
}

div.peermap li.level1 li,
div.peermap li.level2 li 
{
    padding-left : 20px;
    font-size : 12px;        
    font-weight : normal;     
}

div.peermap li a
{
    color : #573f23;
    padding-left : 3px;
}   

div.peermap a.current
{
    font-weight : bold;
} 


/* Breadcrumb ------------------------- */

div.breadcrumb
{
    margin : 10px 0px;
}    

div.breadcrumb ul
{
    list-style : none;
    padding : 0px;
    margin : 0px;  
}    

div.breadcrumb li
{    
    display : inline;    
}

div.breadcrumb li a
{
    padding-right : 12px;
    margin-right : 5px;
    background : transparent url('Images/bullet.png') no-repeat right;
}    


/* External Links ------------------------- */

div.externallink img
{
    float : right;
    clear : right;
    margin : 25px;
}   


/* Event Styles ------------------------- */ 

div.event th
{
    width : 100px;
    font-weight : normal;
}

div.event td
{
    font-weight : bold;
}
    
div.event table
{
    width : 100%;
}    

/* Polaroid Image Frame ---------------------- */

div.polaroid 
{
    height : 201px;
    width : 237px;
    position : relative;       
}   

div.polaroid.random1
{
    height : 203px;
    width : 242px;
}   

div.polaroid.random2
{
    height : 192px;
    width : 229px;    
}   

div.polaroid div.frame
{
    position : absolute;
    z-index : 100;
    top : 0px; 
    left : 0px;
    width : 237px;
    height : 201px;
    background : url('Images/polaroid.1.png') no-repeat;
}    


div.polaroid.random1 div.frame
{
    background : url('Images/polaroid.2.png') no-repeat;
    width : 242px;
    height : 209px;    
}    


div.polaroid.random2 div.frame
{
    width : 229px;
    height : 192px;       
    background : url('Images/polaroid.3.png') no-repeat;
}  

div.polaroid div.crop
{
    position : absolute;
    top : 17px;
    left : 20px;
    height : 165px;
    width : 200px;
    overflow : hidden;
}

div.polaroid.random1 div.crop
{
    top : 22px;
    left : 21px;
    height : 150px;
    width : 200px;
}

div.polaroid.random2 div.crop
{
    top : 17px;
    left : 17px;
    height : 160px;
    width : 200px;
}
    
div.polaroid img
{
    height : 165px;
}   

/* Content Image --------------------------- */

img.contentimage, td#maincol p img, td#sidecol p img, img.indeximage
{    
    border : solid 2px #f6f3ea;  
    margin : 10px 0px;
}      

img.contentimage, td#maincol p img, td#sidecol p img
{
    width : 150px;   
}

img.indeximage
{
    width : 75px;
}

td#sidecol p img
{
    width : 75px;
}    

img.contentimage.left, 
td#maincol p img.left,
td#sidecol p img.left
{
    margin-right : 15px;
    margin-left : 0px;
}    

img.contentimage[align=left], 
td#maincol p img[align=left], 
td#sidecol p img[align=left]
{
    margin-right : 15px;
    margin-left : 0px;
}    

img.contentimage.right, 
td#maincol p img.right,
td#sidecol p img.right
{
    margin-left : 15px;
    margin-right : 0px;
} 

img.contentimage[align=right], 
td#maincol p img[align=right], 
td#sidecol p img[align=right]
{
    margin-left : 15px;
    margin-right : 0px;    
}    




/* Sidebar --------------------------------- */

div.sidebartext 
{
    background : #f6f3ea url('Images/sidebar.background.png') repeat-x top;
    padding-bottom : 10px;
    margin: 10px 0px;
}    

div.sidebartext>*
{
    margin-left : 10px;
    margin-right : 10px;
}    

div.sidebartext h2
{
    display : block;
    margin : 0px 0px 10px 0px;
    padding : 5px 10px;
    background : brown;
    color : white;
    font-size : 14px;
}    

img.sidebarimage
{
    width : 250px;
    margin : 0px;
    border : 1px solid silver;        
}    

/* ReportPage --------------------------------- */

#reportpage
{
    overflow : auto;
    width : 900px;
    height : 450px;
}

.CheckBoxGroup
{
    display : none;
}