/*Styles to overwrite from default.css*/
body {
	background-color:#003366;
	margin-top:0px;
	}
	
.SkinObject
{
	font-weight: normal;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif !important;
}	

UL LI
{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px;
}

UL LI LI
{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px;
}

UL LI LI LI
{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px;
}

OL LI
{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px;
}

OL OL LI
{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px;
}

OL OL OL LI
{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px;
}
OL UL LI
{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px;
}

A:link
{
	text-decoration: underline;
	color: #003366;
}

A:visited
{
	text-decoration: underline;
	color: #003366;
}

A:hover
{
	text-decoration: none;
	color: #006633;
}

A:active
{
	text-decoration: underline;
	color: #003366;
}


/*Start all styles for Skin*/
#wrapper {
	width:960px;
	margin: 0 auto;
	left:50%;
	text-align:left;
	background-color:#FFFFFF;
	margin-top:15px;
	}

#header {
	position:relative;
	width:900px;
	height:100px;
	padding:0px 30px 0px 30px;
	}
	
#header .logo {
	width:244px;
	height:65px;
	float:left;
	margin-top:22px;
	}	
	
#topnav {
	position:relative;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:normal;
	font-size:10px;
	width:400px;
	text-align:right;
	margin-top:5px;
}	

#topnav .login_join {
	padding:8px 0px 15px 0px;
	width:120px;
	height:20px;
	float:right;
	position:relative;
}

#topnav .search {
	font-size:12px;
	font-weight:bold;
	float:right;
	position:relative;
	width:400px;
}

.utilnav			{font: 10px Arial, Helvetica, sans-serif !important; color:#666666 !important;font-weight: bold !important;}
a.utilnav			{font: 10px Arial, Helvetica, sans-serif !important; color:#666666 !important;font-weight: bold !important;text-decoration:none !important;}
a.utilnav:link		{font: 10px Arial, Helvetica, sans-serif !important; color:#666666 !important;font-weight: bold !important;text-decoration:none !important;}
a.utilnav:visited	{font: 10px Arial, Helvetica, sans-serif !important; color:#666666 !important;font-weight: bold !important;text-decoration:none !important;}
a.utilnav:hover		{font: 10px Arial, Helvetica, sans-serif !important; color:#003366 !important;font-weight: bold !important;text-decoration:none !important;}
a.utilnav:active	{font: 10px Arial, Helvetica, sans-serif !important; color:#666666 !important;font-weight: bold !important;text-decoration:none !important;}

.loginbtn {
	font: 11px Arial, Helvetica, sans-serif; 
	color:#FFFFFF;
	font-weight: bold; 
	background-image:url(images/btn_login_join.jpg);
	background-repeat:no-repeat;
	width:56px;
	padding:3px 0px 3px 0px;
	height:20px;
	display:block;
	float:left;
	text-align:center;
	}
	
a.loginbtn			{font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF !important;font-weight: bold !important;text-decoration:none !important;}
a.loginbtn:link		{font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF !important;font-weight: bold !important;text-decoration:none !important;}
a.loginbtn:visited	{font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF !important;font-weight: bold !important;text-decoration:none !important;}
a.loginbtn:hover	{font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF !important;font-weight: bold !important;text-decoration:none !important;}
a.loginbtn:active	{font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF !important;font-weight: bold !important;text-decoration:none !important;}

.joinbtn {
	font: 11px Arial, Helvetica, sans-serif; 
	color:#FFFFFF;
	font-weight: bold; 
	background-image:url(images/btn_login_join.jpg);
	background-repeat:no-repeat;
	width:56px;
	padding:3px 0px 3px 0px;
	height:20px;
	display:block;
	float:right;
	text-align:center;
	}
	
a.joinbtn			{font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF !important;font-weight: bold !important;text-decoration:none !important; }
a.joinbtn:link		{font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF !important;font-weight: bold !important;text-decoration:none !important;}
a.joinbtn:visited	{font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF !important;font-weight: bold !important;text-decoration:none !important;}
a.joinbtn:hover	{font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF !important;font-weight: bold !important;text-decoration:none !important;}
a.joinbtn:active	{font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF !important;font-weight: bold !important;text-decoration:none !important;}


.searchbtn {
	background-image:url(images/btn_search.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	width:70px;
	height:25px;
	padding:4px 15px 5px 15px;
	}

a.searchbtn			{font: 13px Arial, Helvetica, sans-serif; color:#FFFFFF !important;font-weight: normal;text-decoration:none; text-align:center;}
a.searchbtn:link	{font: 13px Arial, Helvetica, sans-serif; color:#FFFFFF !important;font-weight: normal;text-decoration:none;}
a.searchbtn:visited	{font: 13px Arial, Helvetica, sans-serif; color:#FFFFFF !important;font-weight: normal;text-decoration:none;}
a.searchbtn:hover	{font: 13px Arial, Helvetica, sans-serif; color:#FFFFFF !important;font-weight: normal;text-decoration:none;}
a.searchbtn:active	{font: 13px Arial, Helvetica, sans-serif; color:#FFFFFF !important;font-weight: normal;text-decoration:none;}	
	
.CustomSearchBox {
	border:#cccccc solid 1px;
	background-image:url(images/bg_search.jpg);
	background-repeat:no-repeat;
	width:177px;
	height:25px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#navigation {
	width:900px;
	height:34px;
	padding:0px 30px 0px 30px;
}	

#pagebody{
	width:900px !important;
	display:block;
	position:relative;
	margin:20px 30px 20px 30px;
}

/*Page Header/Title */

#pageheader {
	width:900px;
	height:56px;
	border-bottom:#cccccc solid 1px;
	position:relative;
	margin:20px 30px 20px 30px;
}

#homebanner {
	width:900px;
	height:200px;
	position:relative;
	margin:20px 30px 20px 30px;
}

#pageheader .title {
	float:left;
	width:510px;
	height:56px;
	padding-top:6px;
	}

#pageheader .titleimage {
	float:right;
	width:390px;
	height:56px;
	}

/*Left Side of Page*/

#leftside {
	width:200px;
	float:left;
	display:block;
	margin-right:30px;
	
}

#homeleftside {
	width:245px;
	float:left;
	display:block;
	margin-right:20px;
	
}

/*Content of Page*/

#pagecontent {
	float:right;
	width:660px;
	display:block;
}

#homepagecontent {
	float:right;
	width:625px;
	display:block;
}

#homepagecontent_3pane {
	float:left;
	width:425px;
	display:block;
}

#homerightside {
	width:200px;
	float:right;
	display:block;
	margin-left:20px;
	
}
	
/*footer*/	

#footer {
	width:900px;
	margin:20px 30px 20px 30px;
	padding-top:20px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border-top:#CCCCCC 1px solid;
	}

#footer .footeraddress_chi {
	float:left;
}

#footer .footeraddress_dc {
	float:right;
}
		
	
/* Clearfix - Used to block and break div */

.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/*Main Site Container Styles*/

#mscontainer {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	width:100%;
}

#mscontainer p, td {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
}

#mscontainer a:link, a:active {
	color:#003366;
	font-weight:normal;
	text-decoration:underline;
	}
	
#mscontainer a:visited {
	color:#003366;
	font-weight:normal;
	text-decoration:underline;
	}
	
#mscontainer a:hover {
	color:#006633 !important;
	font-weight:normal !important;
	text-decoration:none !important;
	font-size:12px !important;
	}

#mscontainer_header .h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#666666;
	font-weight:bold;
}

#mscontainer_footer {
	text-align:right;
}

/*Title Container Styles*/

#titlecontainer {
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	font-size:24px;
	font-weight:bold;
	width:100%;
}

#titlecontainer p, td {
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	font-weight:bold;
	font-size:24px;
}

#titlecontainer_footer {
	text-align:right;
}


/*Home Site Container Styles*/

#homecontainer {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	width:100%;
	border:#CCCCCC solid 1px;
	padding:15px;
}

#homecontainer p, td {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
}

#homecontainer a:link, a:active {
	color:#003366;
	font-weight:normal;
	text-decoration:underline;
	}
	
#homecontainer a:visited {
	color:#003366;
	font-weight:normal;
	text-decoration:underline;
	}
	
#homecontainer a:hover {
	color:#006633 !important;
	font-weight:normal !important;
	text-decoration:none !important;
	font-size:12px !important;
	}

#homecontainer_header .h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#003366;
	font-weight:bold;
}

#homecontainer_footer {
	text-align:right;
}


/*Home Side Container Styles*/

#homeside_container {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#ebebeb;
	border-top:#666666 12px solid;
	padding-top:10px;
	font-size:12px;
	width:245px;
}

#homeside_container p, td {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
}

#homeside_header .h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#006633;
	padding-left:10px;
}

#homeside_footer {
	text-align:right;
}

/*Side Container Styles*/

#side_container {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#ebebeb;
	border-top:#666666 12px solid;
	padding-top:10px;
	font-size:12px;
	width:200px;
}

#side_container p, td {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
}

#side_header .h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#006633;
	padding-left:10px;
}

#side_footer {
	text-align:right;
}

/*Nav Container Styles*/

#nav_container {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#ebebeb;
	font-size:12px;
	width:200px;
	margin-bottom:10px;
}

#nav_container p, td {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
}

#nav_footer {
	text-align:right;
}

/*Common Elements*/

H1, .H1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#003366;
	font-weight:bold;
}

H2, .H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666666;
	font-weight:bold;
}

H3, .H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#003366;
	font-weight:bold;
}

H4, .H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003366;
	font-weight:bold;
	padding:0;
}

H5, .H5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	font-weight:bold;
}

p, td { color:#333333;}




