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



body {background-image:url(../images/upper-bg.jpg); background-repeat:repeat-x; background-color:#000000; margin:0px; margin-left:2px; height: 100%;}

#banner { width: 100%; background-image:url(../images/top-banner.jpg); background-position:center; height:134px; background-repeat:no-repeat; }

#main_area { width: 100%; background-image:url(../images/main_area.jpg); background-position:center; height:134px; background-repeat:no-repeat; height:373px; }

#left-wrap {float:left; width:260px; float:left; background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;  color:#FFFFFF; }
#right-wrap {float:right; width:560px; float:left; background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;  color:#FFFFFF; }

#content_left {float:left; width:250px; float:left; background-image:url(../images/side.jpg); background-repeat:no-repeat; border:1px #ffffff dotted; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;  color:#FFFFFF; background-color:#1b2734; margin-top:65px; margin-left:20px; text-align:left; padding:5px;}
#content_left p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}
#content_left h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; border-bottom:1px #ffffff dotted;}
#content_left a:active  {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#a0afcf; font-weight:bold; text-decoration:none; background:none;}
#content_left a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#a0afcf; font-weight:bold; text-decoration:none; background:none;}
#content_left a:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#a0afcf; font-weight:bold; text-decoration:none; background:none;}
#content_left a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#a0afcf; font-weight:bold; text-decoration:underline; background:none;}


#content_left2 {float:left; width:250px; float:left; background-image:url(../images/side.jpg); background-repeat:no-repeat; border:1px #ffffff dotted; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;  color:#FFFFFF; background-color:#1b2734; margin-top:10px; margin-left:20px; text-align:left; padding:5px; }
#content_left2 p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}
#content_left2 h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; border-bottom:1px #ffffff dotted;}
#content_left2 a:active  {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#a0afcf; font-weight:bold; text-decoration:none; background:none;}
#content_left2 a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#a0afcf; font-weight:bold; text-decoration:none; background:none;}
#content_left2 a:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#a0afcf; font-weight:bold; text-decoration:none; background:none;}
#content_left2 a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#a0afcf; font-weight:bold; text-decoration:underline; background:none;}


#ct_right {float:right; width:545px; margin-left:10px; background-image:url(../images/content-bg.jpg); background-repeat:no-repeat; border:1px #ffffff dotted; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;  color:#FFFFFF; background-color:#1b2734; padding:5px; text-align:left;}
#ct_right p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
#ct_right h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:bold; border-bottom:1px #ffffff dotted;}
#ct_right a:link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#a0afcf; font-weight:bold; text-decoration:none; background:none; }
#ct_right a:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#a0afcf; font-weight:bold; text-decoration:none; background:none; }
#ct_right a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#a0afcf; font-weight:bold; text-decoration:none; background:none; }
#ct_right a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:bold; text-decoration:underline; }

li {list-style type:none; padding-top:5px; padding-bottom:5px; border-bottom:#ffffff; border-bottom-style:dotted; border-bottom-width:1px; list-style:none;  }

#joined-1 {font-size:12px; padding:10px;  color:#a0afcf}
#joined-1 b{font-size:12px; color:#ffffff;}
#joined-1 a{font-size:14px; color:#a5b5d6; padding-top:10px;}
#joined-1 a:hover{font-size:12px; color:#ffffff; padding-top:10px; }



* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%; background-color:#5a6d81; margin-top:0; margin-left:0px;}

body > #wrap {height: auto; min-height: 100%; background-image:url(../images/top-bg2.jpg); background-repeat:repeat-x; background-color:#5a6d81; }

#header {background-image:url(../images/top-m-bg.jpg); background-position:center; background-repeat:no-repeat; width:888px; height:401px; padding-left:6px;}

#main {padding-bottom: 150px; background-color:5a6d81;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -128px; /* negative value of footer height */
	height: 128px;
	clear:both;
	width: 100%; background-image:url(../images/footer-m-bg.jpg); background-position:center;  background-repeat:repeat-x; background-color:#29acc2; background-position:top;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;
}

#banner_txt{width:338px; height:158px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; padding-left:165px; padding-top:115px; text-align:left; font-weight:bolder;  }
#banner_txt b{color:#1b2734 }
#banner_txt i{color:#1b2734 }
#banner_txt a:link{color:#1b2734 }
#banner_txt a:visited{color:#1b2734 }
#banner_txt a:active{color:#1b2734 }
#banner_txt a:hover{color:#1b2734 }

#content{width:338px; height:158px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; padding-left:165px; padding-top:120px; text-align:left; font-weight:bolder;  }

#footer_inner h2 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; font-weight:bold;}

#footer_inner{background-image:url(../images/mid-footer.jpg); background-position:center; background-repeat:no-repeat; width:900px; height:128px; line-height:130px;}
#footer_inner a:active  {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; text-decoration:none; background:none; padding: 10px 15px 10px 15px;}
#footer_inner a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; text-decoration:none; background:none; padding: 10px 15px 10px 15px;}
#footer_inner a:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; text-decoration:none; background:none; padding: 10px 15px 10px 15px;}
#footer_inner a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; text-decoration:underline; background:none; padding: 10px 15px 10px 15px;}


#nav  {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; text-decoration:none; background:none; padding: 18px 0px 25px 5px; font-weight:bolder; text-align:right; margin-top:5px;}
#nav a:active  {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; background:none; padding: 10px 15px 10px 15px;}
#nav a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; background:none; padding: 10px 15px 10px 15px;}
#nav a:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; background:none; padding: 10px 15px 10px 15px;}
#nav a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:underline; background:none; padding: 10px 15px 10px 15px;}


blockquote
{       display: block;
	color: #ffffff;
	margin: 30px;
	background: #333e49;
        padding: 10px 10px 10px 10px;
	border-left: 25px solid #7b88a0;
        font-weight: normal;}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */