﻿/* ================================
    Home Page Stylesheet
================================ */
a img{border: 0px;}
* { text-shadow: 0 0 0 #000; font-family: Arial, Helvetica, sans-serif;}

.float{float:left;}

.clearer
{
	clear: both;
	line-height: 0px;
	font-size: 0px;
	width: 0px;
	height: 0px;
}

h1, h2, h3, h4, h5, h6, p, form, body
{
	margin: 0px;
	padding: 0px;
}

body
{

	padding-bottom:20px;
	background: url(/media/site/bg_body.jpg) top left #2D923C; 
}



#container
{
	margin: 0 auto; position:relative;
	width:918px;
	padding:0px 20px 0px 20px; 
	background-color: #FFFFFF;
}

.followus{position:absolute; top:106px; left:250px; font-size:15px; line-height:32px; color:#FFF; font-weight:bold;}
	.followus img{vertical-align:middle;}

#header{width:916px;}

#left_col{width:212px; float:left;}
	.button{ margin-top: 15px; float:left;}
#right_col{width:704px; float:left;}

/* ===============
    Home Page
=============== */

	#home_content, #ccwa_home{ width:453px; float:left;  padding:16px 0px 0px 15px;}
		#home_content p{ height:133px; font-size:12px; line-height:141%;} *html #home_content p{padding-bottom: 8px; } *:first-child+html #home_content p{padding-bottom: 8px; }
		#home_content a, #ccwa_home a{color:#000000; font-weight:bold;}
	#blogNews{background-color:#2B4FAA; padding:13px 13px 5px 13px; text-align:right; color:#FFFFFF; width:427px;font-size:12px; line-height:141%;}
		#blogNews a{ color:#FFFFFF; }
	#blogTable{padding:7px 10px 7px 10px; width:427px;background-color:#6EAAC9; text-align:left;color:#000000; margin-bottom: 3px;}
		#blogTable td{vertical-align:top;}
		#blogTable a{color:#000000;} 
		#blogTable a:hover, #blogNews a:hover{text-decoration:none; }
	
	#events
	{
		width:219px; float:left;
		background:url(/images/bg_upcoming.jpg) repeat-y top left; min-height:309px; height: auto !important; height: 309px;
		margin: 16px 0px 0px 17px; padding-bottom:13px;
		color:#FFFFFF; 
	}
		.event, #main3{width:164px; line-height:150%; font-size:12px; padding:10px 0px 10px 30px; overflow: hidden;}
		#upcomingIV{width:197px; line-height:150%; font-size:12px; padding:90px 0px 10px 13px; height: 108px;}
		.IVgroup{padding:0px 0px 15px 7px;}
		#main3{margin:90px 0px 0px 30px;}
		.event strong{display:block;}
		.event a, #main3 a, #upcomingIV a{ color: #FFFFFF; font-weight: bold; font-style:italic; display:block;} .event a:hover{text-decoration:none; }
	
	#ccwa_home p{ height:139px; font-size:14px; line-height:141%;}
	*html #ccwa_home p{padding-bottom: 8px; } *:first-child+html #ccwa_home p{padding-bottom: 8px; }
/* ===============
    /Home Page
=============== */

/* ===============
    Sub Page
=============== */

#sub_content{font-size:14px; width:642px; float:left; line-height:150%; padding:0px 0px 0px 15px;
	min-height:280px; height:auto !important; height:280px;
}
		#sub_content a{color:#244086; font-weight:bold;}
		#sub_content h2{color: #F29C18;font-size: 22px; line-height:120%;}
		#sub_content p { padding: 8px 0px; } #sub_content ul { margin-top: 0px; margin-bottom: 0px; padding-top: 8px; padding-bottom: 8px; }
		#sub_content table{font-size:14px; line-height:150%; padding:0px 0px 0px 15px;}
#breadcrumbs{ font-size:12px; line-height:100%; padding-top: 7px; font-weight:bold; text-align:right; color:#1b253b;} #breadcrumbs a{ color:#1b253b; }
#sub_info{ color: #F29C18; float:left; width:669px; font-weight:bold; padding-bottom: 20px;}
	#sub_info p { padding: 8px 0px; }
	#lecture_leader{color: #F29C18; float:left; width:669px; font-weight:bold; padding-bottom: 20px;}
	#lecture_leader h1{font-size: 22px; line-height:150%; }
#sub_title{ font-size:26px; line-height:100%; padding:20px 0px 7px 0px;  color:#244086; }
#lecture_pic{float:left; padding-right:20px; }
	#btn_register{margin-top:13px; display:block; float:left;}

#sub_program{width:468px; font-size:14px; float:left; line-height:150%; padding:0px 27px 0px 15px; min-height:280px; height:auto !important; height:280px;}
	#sub_program p { padding: 8px 0px; }

#program_info{ width:148px; border:2px solid #F5921D; line-height:151%; margin-top:55px; padding: 0px 23px 20px 18px; font-size:13px; float:left;}
	#program_info h1{font-weight:bold; color:#244086; padding-top: 20px; font-size:14px;}
	#program_info a{ color:#244086;} #program_info p { padding: 8px 0px; }
#footer_nav{ font-size:12px; line-height:100%; float:right;color:#1b253b; padding-top:25px; font-weight:bold;} #footer_nav a{color:#1b253b;}
	#footer_nav a:hover{text-decoration:none; }
/* ===============
   /Sub Page
=============== */

#footer{margin: 10px 0px 15px 0px; float:left; font-size:12px;}
#footer p
{
	width: 857px; padding-right:20px; height:20px;
	float:left; margin-left: 15px;
	color:#FFFFFF; font-size:11px; line-height:20px; font-weight:bold;
	background-color:#F7931D;
	text-align:right;
}

/* ===============
    Navigation
=============== */
#leftnav
{
	margin: 0px; padding: 16px 0px 16px 17px; list-style:none;
	background:url(/media/site/bg_leftnav.jpg) repeat-y top left;
	width:195px; /*height:257px;*/
}

	#leftnav li{ position: relative; float:left; padding: 0px; background:url(/media/site/pic_divide.gif) no-repeat bottom left; }
	#leftnav li.bottom, #leftnav ul.dropdown li.bottom, #topnav ul.dropdown2 li.bottom{ background:none; }
	#leftnav li a
	{
		display:block; 
		width:176px; padding: 7px 0px 7px 5px;
		font-size:13px; color:#FFFFFF; text-decoration:none;
		line-height:140%; font-weight:bold;
	}
		#leftnav li a:hover{ background:#5EB966;}

#topnav
{
	margin: 0px; padding: 0px; list-style:none;
	background:url(/media/site/bg_topnav.jpg) repeat-x top left;
	width:704px; height:34px;
}

	#topnav li { position: relative; float:right; padding: 0px;}
	*html #topnav li a{float:left;} *html #topnav li{  display:inline; } /*IE6 will not shorten the element when floated right; only left */
	#topnav li a
	{
		display:block;
		padding:3px 10px 0px 10px; height:31px;
		font-size:13px; color:#FFFFFF; text-decoration:none;
		line-height:229%; font-weight:bold;
	}
	#topnav li a:hover{ background-color:#5EB966;}



.dropdown, .dropdown2
{
	position:absolute;
	top: 0px;
	left: 100%;
	list-style:none;
	display:none;
	font-size:0px;

	/* Design for Dropdown Menus */
	padding: 5px 0px 5px 8px;
	margin: 0px;
	text-align:left;
	width: 178px;
	background-color: #375090; border:1px solid #5EB966;
}
.dropdown2{ background-color: #101D40; top: 100%; left: 0px; width:184px;}
#leftnav ul.dropdown li{background:url(/media/site/pic_divideFL.jpg) no-repeat bottom left;}
#topnav ul.dropdown2 li{background:url(/media/site/pic_divideTN.jpg) no-repeat bottom left;}


#leftnav li ul.dropdown li, #topnav li ul.dropdown2 li
{
	font-size:0px; line-height:0px;
	width: 100%; 
} 

#leftnav li ul.dropdown li a, #topnav li ul.dropdown2 li a
{
	font-family: arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 10px 5px 10px 5px; line-height:100%;
	display: block; float:left; width:158px; height:auto;
	line-height: 100%; font-size: 13px; color:#FFFFFF;
} 
#topnav li ul.dropdown2 li a{ width:169px;padding: 10px 3px 10px 5px;}
#leftnav li ul.dropdown li a:hover, #topnav li ul.dropdown2 li a:hover{background:#ED8D1B;  }

/* ===============
   /Navigation
=============== */

#thunder-scroller-exterior
{
	position: relative;
	width:194px;
	overflow: hidden;
	height:258px;
}
#thunder-scroller-interior
{
	left: 0px;
	top: 0px;
	width:194px;
	position: absolute;
}

#events #events-buttons
{
	text-align: center;
	margin-top: 10px;
}

#events button
{
	border: 0px none;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	width: 60px;
	background-color: #319441;
}

#upcoming_int{width:219px; float:right;
		background:url(/images/bg_upcomingint.jpg) no-repeat top left;
		margin: 16px 0px 0px 17px; padding-bottom:13px;
		color:#FFFFFF; 
		height: 180px;
		}