/*NOTES
	-there is some wierd widths, due to a last minute drop shadow and bad math
	- Colors >> #CCC, #666, #FF9900, #0099FF
	4-6 > find the services ul bug!!!!
*/

/* GLOBALS AND ZERO OUTS */
body{
	padding: 0px;
	margin: 0px;
	background: url(../images/site/body_bg.png) repeat-x;
}

p, a, h1, h2, h3{
	margin: 0px;
	padding: 0px;
}

p, h1, h2, h3, li, a{
	font-family: "Lucida", sans-serif;
}

hr.breaker{
	margin:15px 0;
	color:#CCCCCC;
}

small a#ad{
	color:#0099FF;
	font-size:9px;
	margin-top:5px;
}

small a#ad:hover{
	color:#FFF;
	background-color:#0099FF;
}

#shadow_wrapper{
	width:880px;
	position:relative;
	left:50%;
	margin-left:-440px;
	background:url(../images/site/drop_shadow_bg.png) repeat-y center;
}

#shadow_bottom{
	height:35px;
	background:url(../images/site/site_bottom_shadow.png) no-repeat;
	width:880px;
	position:relative;
	left:50%;
	margin-left:-440px;
}

#container{
	width: 800px;
	position: relative;
	left: 50%;
	margin-left: -403px;
	background:url(../images/site/left_column_bg.png) repeat-y left top #FFFFFF;
}

/* LEFT COLUMN >>> LOGO, MAIN NAVIGATION, KEY DATES, MEMBERS */
#left_column{
	float: left;
	width: 250px;
	height:100%;
	min-height:800px;
}

#logo a img{
	border:none;
}

ul.navigation{
	text-align: left;
	width: 100%;
	margin:0px;
	padding:0px
}

ul.navigation li{
	margin:0px;
	padding:0px;
	list-style: none;
	background: url(../images/site/main_nav_bg.png) repeat-x;
	border-bottom: 1px solid #CCCCCC;
	
}

ul.navigation li a{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	display:block;
	padding: 5px 0 5px 15px;
}

ul.navigation li a:hover{
	color:#FF9900;
	text-decoration:underline;
}
	
#left_column_content{
	text-align:center;
}

h2.dates_and_members{
	border: 1px solid #666666;
	margin:15px;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	background:url(../images/site/grey_arrow.png) no-repeat 190px center;
	background-color:#FFFFFF;
	text-align:left;
}


p.key_date{
	font-size:12px;
	padding:0 25px;
	margin:0 0 10px 0;
	text-align:left;
}

span.date{
	color:#0099FF;
	font-weight:bold;
	font-size:13px;
}
	
#left_column img.member_of{
	border:1px solid #666666;
	margin: 0 80px;
}

#left_column img.member_of:hover{
	border:1px solid #FF9900;
}

p.member_caption{
	font-size:12px;
	margin-bottom:15px;
}

/* RIGHT COLUMN >>> TEMP FLASH, SUB NAVIGATION, MAIN CONTENT AND ITS DETAILS */

#right_column{
	float: left;
	width: 548px;
	background-color: #FFFFFF;
}

#right_column img.temp_flash{
	height:293px;
	width:550px;
}

#sub_navigation{
	background-color:#FF9900;
	height:31px;
	width:550px;
}

ul.sub_navigation{
	display:inline;
	list-style-type:none;
	float:left;
	margin: 5px 0 0 10px;
	padding:0px;
}

ul.sub_navigation li{
	float:left;
	margin-right:25px;
	color:#FFFFFF;
	padding:0px;
}

ul.sub_navigation li a{
	color:#FFFFFF;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
}

ul.sub_navigation li a:hover{
	color:#0099FF;
}

a.content_link{
	color:#0099FF;
}

a.content_link:hover{
	background:#0099FF;
	color:#FFF;
}

h1.content_headline{
	font-size:16px;
	font-weight:bold;
	background:url(../images/site/grey_arrow.png) no-repeat left center;
	padding-left:25px;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:7px;
}

#main_content{
	font-size:12px;
	line-height:20px;
	padding:25px;
}

#main_content ul.service_preview{
	padding-left:25px;
	font-size:12px;
	line-height:20px;
}

#main_content a.read_more{
	color:#FF9900;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	border-bottom:2px solid #0099FF;
	padding:1px;
}

#main_content a.read_more:hover{
	border-bottom:2px solid #FFFFFF;
	background-color:#FF9900;
	color:#FFFFFF;
}

#main_content img.th{
	border:1px solid #000;
}

#main_content img.ribbon_th{
	margin:0 7px 0px 0;
	float:left;
}

#main_content ul#principles{
	margin:0px 0px 35px 15px;
}

#main_content ul#principles li.label{
	list-style:none;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	font-style:italic;
	font-size:13px;
}

#left_content{
	float:left;
	width:47%;
	margin-bottom:35px;
}

#right_content{
	float:right;
	width:47%;
	margin-bottom:35px;
}

ul.service_preview{
	margin:0px 0px 0px 0px;
}

#left_col{
	float:left;
	width:48%;
}

#right_col{
	float:right;
	width:48%;
}

#left_col ul, #right_col ul{
	list-style-type:disc;
}

/* FOOTER >>> COPY RIGHT, PURPOSE */

#footer{
	clear:both;
	background-color: #FF9900;
	text-align:center;
	width:800px;
}

#footer p{
	margin:0 15px;
	padding: 10px 0;
	font-size:9px;
	font-weight:bold;
}