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

body
{   
    font-family: Verdana, Arial, Helvetica Sans-Serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    color: #537483;
    background: #cfe399 url('Images/background_gradient.gif') repeat-y left;

}

img 
{
    border: none;
}

a
{
    color: #537483;
    outline : none;
}

a:hover
{
    color: #a2bc61;    
}

ul.nobullets 
{
    list-style-type : none;
    padding : 0px;
    margin-left : 0px;
}

h1
{
    font-size : 24px;
}

h2
{
    font-size : 18px;
}    

h1, h2
{
    font-weight : normal;
}

h1 a, h2 a
{
    text-decoration : none;
}

div.hr
{
    margin : 20px 0px;
    height : 1px;
    background : url('Images/hr.gif') repeat-x;
}    

div.vr
{
    height : 100%;
    width : 1px;
    background : url('Images/vr.gif') repeat-y;
}    

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


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

td, th
{
    border : solid 1px silver;    
    padding : 5px 10px;
    text-align : left;
    vertical-align : middle;    
}      

th
{
    font-weight : bold;
}    

table .left
{
    text-align : left;
}    

table .right
{
    text-align : right;
}    

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

#page
{
    width : 900px;
    border-top : none;
    margin-left : 60px;
    position : relative;
}

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

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

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 #CCCCCC;
    padding: 5px;
    background : white;
    color: #666666;
    font-weight : bold;
    text-decoration: none;
    font-family: Arial, Helvetica, Sans-Serif;  
    font-size : 12px;
    cursor: pointer;  
}  

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

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



/* 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;
}    

/* Top --------------------------- */

#top
{
    position: relative;
    height: 84px;
}

/* Top Ribbon --------------------------- */
#top_ribbon
{
    text-align: right;
    font-size: 10px;
    height: 25px;
}

#email
{
    position: absolute;
    width: 100px;
    right: 290px; 
    top: 31px;       
}

#tel
{
    position: absolute;
    font-size: 18px;
    width: 160px;
    right: 150px;    
    top: 25px;
    padding: none;
}

#member_login
{
    position: absolute;
    right: 10px;
    top: 20px;    
}

#member_login input.loginbutton
{
    background: transparent url('Images/login_button.gif') no-repeat center;    
    width: 24px;
    height: 24px;
    float: left;
    margin-top: 1px;
    border: none;
    margin-top: 3px;
}

#member_login input.clientcodetext {  
    float: left; 
    font-size: 12px;
    height: 14px; 
    width: 100px;
    position: relative;
    padding-left: 5px;
    padding-bottom: 2px;
}  

#member_login input.watermark {  
    color: #b6c8d1;
    padding-left: 5px; 
    padding-bottom: 2px;       
}  

/* Nav Ribbon --------------------------- */


#nav_ribbon
{
    position: absolute;    
    bottom : 0px;
}

#cklg_logo
{
    position: absolute;
    left: 0px;
    bottom : -29px;
    z-index: 1000;
}

#nav_ribbon ul
{
    position: absolute;
    left: 231px;
    bottom : 0px;
    width : 650px;
    margin : 0px;
    padding : 0px;
}

#nav_ribbon li
{
    list-style: none;
    display: inline-block;
    float : left;
    background: Transparent url('/Content/Images/nav_button.gif') no-repeat;    
    margin-right: 1px;
    width: 84px;
    height: 21px;
    padding-top: 7px;
    text-align: center;
    font-size: 11px;
}

#nav_ribbon li a
{
    text-decoration: none;
    padding: 5px 10px;    
    color: White;
}

/* Main --------------------------- */

table#main
{
    position: relative;
    margin: 0px;
    background: Transparent url('/Content/Images/main_background_image.gif') repeat-y right;
    width : 900px;
}

div#mainwrapper
{
    position : relative;
    padding-bottom : 20px;
}

div#topcontentimage
{
    text-align : right;
    height : 25px;
}

img#bottomcontentimage
{
    position : absolute;
    right : 0px;
    bottom : 0px;
}

/* Column Styles --------------------------- */

td#left_col
{
    width: 175px;
    position : relative;
    border : none;    
    vertical-align: top;  
    padding-top : 0px;    
    background-color : white;   
}

table#main td#main_col
{
    margin : 0px;
    padding : 0px;
    position : relative;
    border : none;    
    vertical-align: top;         
}

td#main_col div.wrapper
{
    position : relative;
    padding : 0px 10px;
    min-height: 500px;
}

td#main_col div.vr.left
{
    position : absolute;
    left : 0px;
    top : 0px;
}    

td#main_col div.vr.right
{
    position : absolute;
    right : 0px;
    top : 0px;
}    


td#right_col
{
    width: 175px; 
    padding-right : 20px;
    border : none;    
    vertical-align: top;    
    padding-top : 0px;         
}

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

div.sectionindex
{
    margin: 8px 0px;
}

div.sectionindex div.level1
{
    margin : 10px 0px;
}

div.sectionindex div.level2
{
    margin : 10px 0px;
}

div.sectionindex div.level1 a
{
    font-size: 19px;
    font-weight: normal;
    color: #a2bc61;  
    text-decoration : none;  
}

div.sectionindex div.level2 a
{
    font-size: 16px;
    font-weight: bold;
    text-decoration : none;
}

div.sectionindex li.level3 a
{
    font-size: 12px;
    font-weight: bold;
    text-decoration : none;
}

div.sectionindex a.current
{
    color: #a2bc61;
}

div.sectionindex ul
{
    margin: 5px 0px 20px 0px;
    padding: 0px 0px 0px 15px;
}

/* News Items--------------------------- */

div.newsupdate
{
    padding-right: 15px;
}

div.newsupdate div.newsitem
{
    padding: 0px;
    margin: 10px 0px;
}

div.newsupdate div.newsitem img,
div.newsupdate div.newsitem ul,
div.newsupdate div.newsitem div.hr
{
    display: none;
}

div.newsupdate div.newsitem p
{
    padding: 0px;
    margin: 0px;
}

div.newsupdate div.newsitem p a.newstitle
{
    color: #a2bc61;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

div.latestnews h2 a
{
    font-size: 18px;
    color: #a2bc61;    
}

div.latestnews li
{
    margin : 10px 0px;
}

div.latestnews a,
div.archivenews a
{
    text-decoration : none;
}

div.newspage h2 a
{
    font-size: 22px;
    font-weight: normal;   
}

div.newspage div.newscontent img
{
    margin : 0px 20px 20px 20px !important;
}    

div.newspage h2
{
    clear : both;
}

div.newsupdate div.newsitem a.newsmorelink
{
    text-decoration: underline;
}

div.archivenews ul li a
{
    color: #a2bc61;
    font-weight: bold;
}

div.newspage p.newsdate
{
    color: #a2bc61;
    font-size: 12px;
    font-weight: bold;
}


/* Footer --------------------------- */
#footer
{
    text-align: right;
    font-size: 9px;
    margin-right : 15px;
}

#footer li 
{
    list-style: none;
    display: inline;
    text-align: center;
}

#footer a
{
    text-decoration: none;
    color: #537483;    
}

#footer a:hover
{
    text-decoration: underline;
}

/* Intro Images --------------------- */

div.introimage
{
    height : 200px;
    position : relative;
    text-align : right;
}    

div.introimage h1
{
    color : White;
    position : absolute;
    right : 10px;
    bottom : 10px;   
    font-weight : normal;
    margin : 0px;
    font-size : 44px;
}    


/* Child Index ------------------- */

div.childindex li
{
    margin : 2px 0px;
}

/* Staff Page ------------------- */

p.staffservice 
{
    font-weight : bold;
}

div.staffcontactdetails
{
}

div.staffcontactdetails h3
{
    margin : 2px 0px 5px 0px; 
    padding-left:0px;    
}

div.staffcontactdetails p
{
    font-size: 11px;
}