@charset "utf-8";
/**************************************************

--- Naming Convention & writing style ---

- IDs & class names = all_lower_case_with_underscores
- ID and class names should relate to content they contain, not position/appearance
- Cascade ID related class names by tabbing. eg:
#element_id{}
	#element_id .class_name{}
- Use single line declarations for all but the very long
- Prefered order: position ; dimensions ; float ; margin ; padding ; everything else

--- File structure ---

- Import
- Global styles
- Global classes
- Global IDs (IDs common to all/most pages)
- #id .classes
- Local IDs
- #id .classes

--- Colours ---

List colours here for easy find & replace
#ffcaca Pink
#cc1e11 Red
#d21e12 Mid Red
#8e1006 Dark Red
#cbc0c0 Red Grey
#676666 Light Grey

***************************************************/

/* *** IMPORT *** */

@import url("reset.css");

/*
Note: reset.css sets body text size @ 62.5%
For text sizes use:
1em instead of 10px
1.6em instead of 16px, etc
*/

/* *** GLOBAL STYLES *** */
body{background:#FFF; font-family:Helvetica, Arial, sans-serif}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix { height: 1%;}
a{color:#3d86c6}
a:hover{color:#65b3f7}
/* *** GLOBAL CLASSES *** */
img.img_fl{margin:3px; float:left;}

ul.nav{}
	ul.nav li{line-height:20px; display:inline;}
	ul.nav li a{line-height:20px; text-decoration:none; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:1.1em}
        ul.nav li a:hover{color:#3d86c6}
ul.nav li.selected a{color:#3d86c6 !important;}
ul.nav li.selected a:hover{color:#3d86c6 !important;}

ul.nav.top{padding-left:5px; background:#FFF; border-top:2px solid #000000;}
	ul.nav.top li{color:#6b6b6b}
	ul.nav.top li a{color:#6b6b6b}
	ul.nav.top li a:hover{color:#3d86c6 !important;}

ul.nav.second{padding-left:5px; background:#9d9b9b;}
	ul.nav.second li{color:#FFF}
	ul.nav.second li a{color:#FFF}
	ul.nav.second li a:hover{color:#3d86c6 !important;}

/*div.block{margin:0px 6px; padding:35px 25px; border-bottom:1px solid #c4c4c4; border-top:1px solid #c4c4c4; background:#FFFFFF;}*/

div.block{margin:0px; padding:6px 60px;background:#FFFFFF;}
	div.block h1{margin-bottom:15px; color:#3d86c6; font-size:1.7em; }
	div.block p{line-height:20px; margin-bottom:8px; font-size:1.1em; text-align:justify; font-family:Arial, Helvetica, sans-serif;}
	div.block p strong{color:#3d86c6; font-weight:bold;}
	div.block p em{font-style:italic;}
div.block.medium{width:510px; margin: 0px; padding:6px 25px;  float:left;}

div.side_block{width:188px; float:left;}
	div.side_block h2{position:relative; padding-left:5px; line-height:21px; background:url(../images/plc/h2_back.gif) repeat-x; color:#FFFFFF; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
	div.side_block h2 span.pointer{position:absolute; bottom: -7px; left:7px; width:14px; height:7px; background:url(../images/plc/pointer.gif) no-repeat;}
	div.side_block ul{background:#FFF;}
	div.side_block ul li{margin-bottom:3px; padding:10px; background:#f7f5f5; color:#4f4f4f; font-size:1.1em;}
	div.side_block ul li a{line-height:20px; backgound:#e2e3e3; color:#4f4f4f; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
	div.side_block ul li a .more{color:#3d86c6 !important; text-decoration:underline !important;}
.dark_grey_text{color:#444444;}
ul.logo_list{width:640px; margin:0px 15px;}
	ul.logo_list li{margin:9px; float:left; font-size:1.6em;}
	ul.logo_list li a:hover{opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}
div.board_member{width:48%; margin:1%; float:left;}
p.update_text{padding:5px 10px; color:#9e9fa1; font-family:Arial, Helvetica, sans-serif;}
/* *** GLOBAL IDs *** */
div#wrapper{width:765px; margin:0px auto; background:#f4f4f4;}
div#site_main{width:765px; padding:40px 0px 0px 0px; margin:0px auto; background:#FFF;}
div#header{width:765px; height:154px; background:url(../images/plc/header.gif) right no-repeat; border-top:#e6e6e6 1px solid;}
div#site_body{}
/*div#site_content{padding:18px 6px; background:url(../images/plc/back_grad.gif) #3a3939 repeat-x;}*/
div#site_content{padding:20px 0px; margin:35px 0px; background:#FFF repeat-x;  border-bottom:1px solid #dedddd; border-top:1px solid #dedddd; }
div#footer{position:relative; height:22px; background:#dddddd;}
	div#footer_blocks{position:absolute; right:0px; bottom:0px; width:123px; height:12px; background:url(../images/plc/footer_blocks.gif) no-repeat;}
	div#footer .dark_grey_text{padding-left:10px; font-size:1.3em; line-height:22px; font-family:Arial, Helvetica, sans-serif;}
div#site_map{margin-top:60px; background:#f4f4f4; border-top:1px solid #b9cfe3;}
	div#site_map div#site_map_nav_groups{width:790px; margin:0px auto;}
	div#site_map ul{width:17%; margin:10px; float:left;}
	div#site_map ul li{margin-bottom:5px;color:#5c5c5c;  text-transform:capitalize;}
	div#site_map ul li a.title{padding:5px 0px ; margin-bottom:10px; font-weight:bold; border-bottom:1px solid #c7c7c7; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; display:block;}
	div#site_map ul li a{color:#5c5c5c !important; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:1.1em;}
	div#site_map ul li a:hover{color:#3d86c6 !important;}
/* *** LOCAL IDs *** */