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


body {
	background:url(../images/background.png) repeat-x top #2C4D90;
	margin: 0px;
	font: 12px "Helvetica Neue", Tahoma,Arial, Helvetica, Geneva, sans-serif;
	color: #000;
}

img {border: 0;}

a {text-decoration: none; color: #2C4D90;}
a:hover {text-decoration:underline; color: #2C4D90;}

h1, h2, h3, h4, h5, h6 {color: #2C4D90;}

#wrapper {
	width: 1024px;
	margin: auto;
	height: auto;
	
}
#border {width: 1024px;
		background:url(../images/wrapperback.png) repeat-y top;
		height: auto;
		float: left;}

#main_wrapper {
	width: 990px;
	margin:auto;
	background: #FFF;
	height: auto;
	
}

#logo {
	width: auto;
	height: auto;
	padding-left: 50px;
	padding-top: 20px;
	float: left;
}

#signingraphic {
	width: auto;
	float: right;
	height: 130px;
	}

#signin {
	width: 300px;
	float: right;
	height: 130px;
	margin-right: 35px;
	background: url(../images/login%20back.png) repeat-y top;
	color: #666;
}

#signin form {width: 230px; float: right; margin: 10px 30px 0px 0px; text-align: right;}

input {
width: 140px;	
background: url(../images/inputboxback.png) no-repeat top left; 
border-top: 0px;
border-right: #CCC 1px solid;
border-bottom: #CCC 1px solid;
border-left: #CCC 1px solid;
margin-bottom: 5px;
}

.contactinput {
width: 250px;	
background: url(../images/inputboxback.png) no-repeat top left; 
border-top: 0px;
border-right: #CCC 1px solid;
border-bottom: #CCC 1px solid;
border-left: #CCC 1px solid;
margin-bottom: 5px;
height: 20px;
padding: 5px 0 0 0;}

textarea {width: 250px; background: url(../images/inputboxback.png) no-repeat top left; border-top: 0; border-right: #CCC 1px solid;
border-bottom: #CCC 1px solid;
border-left: #CCC 1px solid;}
	
	

input[type='submit'], input[type='image'] {width: auto !important; cursor: pointer; border: 0; background: none;}

	
#menusection {
	float: left;
	width: 990px;
	height: 220px;
	margin-top: 0px;
	}

/* menu start */
.hide {display: none;}

#leftmenu {
	width: 267px;
	height: 218px;
	float: left;
	background: #FFF;
	border-top: solid 1px #999;
	
}

#leftmenu ul {list-style: none;
margin-left:-40px;
margin-top: 0px;
font-size: 14px;
}


#leftmenu ul li {padding-top: 8px; width: 268px; height: 28px; border-bottom: 1px solid #999;background: url(../images/menu_off_back.png) repeat-x bottom;}

#leftmenu ul li a {display: block;padding-left: 10px; font-weight: bold;}
#leftmenu ul li a {background:url(../images/menu_off.png) no-repeat left; text-decoration: none; color: #999;}
#leftmenu ul li a:hover {background:url(../images/menu_over.png) no-repeat left; text-decoration: none; color: #2C4D90;}



/* menu end */
#menuimage {
	float: right;
	padding: 0;
	width: 720px;
}

#thumbnails {
	visibility:hidden; 
	height: 0px; 
	overflow:hidden;
}

.slideshowContainer {
	width: 720px;
	height: 220px;
	border: 0; margin: 0; padding: 0;
	overflow: hidden;
	}

.loading {
	background: url(../images/loading.gif) center no-repeat;
}




#menushadow {background: url(../images/mainback.png) repeat-x top #FFF; height: 15px; width: 990px; float: left;}

#mainindex, #mainabout, #maintraining, #mainmembers, #mainqanda, #maincontact {float: left; 
margin-top: 0px; 
width: 930px; 
height: auto;
padding:50px 30px 30px 30px;
}

/* main content backgrounds below */

#mainindex {background: #FFF url(../images/indexmainback.jpg) no-repeat bottom;}
#mainabout {background: #FFF url(../images/aboutmainback.jpg) no-repeat bottom;}
#mainmembers {background: #FFF url(../images/membersmainback2.jpg) no-repeat bottom;}
#maintraining {background: #FFF url(../images/membersmainback2.jpg) no-repeat bottom;}
#mainqanda {background: #FFF url(../images/questionsmainback.jpg) no-repeat bottom;}
#maincontact {background: #FFF url(../images/contactmainback.jpg) no-repeat bottom;}


/* scrolling news */
#article {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 180px; /* important */
	height: 160px; /* important */	background: #FFF;
	font-size:13px;
}
#article_content {position: absolute;margin-top: 10px;left: 0;}
.article_item {padding: 5px 0px 5px 0px; height: 162px;	background: #FFF; text-align: left;}
.article_item h4 {color: #2C4D90; margin:0;padding:0;}
.article_item span {color: #666; font-size: 11px; font-weight:normal; margin:0;padding:0;}
.article_item p {color: #666; margin:0 0 10px 0;padding:0;}
/* end new scroller */




/* if page is to have columns CSS below */

.left_column {width:580px; float: left; padding: 0px 20px 0 20px;}

.left_column div, .left_column div img, .left_column div p, .left_column div h3 {float: left;}
.left_column div {margin: 0px 0px 20px 0px}
.left_column div p { width: 510px; padding:0;margin: 10px 0px 0px 10px;}
.left_column div h3 { width: 510px; padding:0;margin: 10px 0px 0px 10px; color: #2C4D90;}



.right_column {width: 290px; float: right; background: none; height: auto;}


/* features */

.featurewrap {width: 278px; background:url(../images/featureboxback.png) repeat-y;
height: auto; float: left; position: relative; padding: 0px;}
.featurefoot {width:  278px; background:url(../images/featureboxbackfoot.png) no-repeat; height: 51px; float: left;}
.featurecontent {width: 232px; margin-left: 23px; color: #666;}
/* end main content CSS */

#stansub {font-size: 10px;}

#footer {height: auto; margin: 0px 0px 0px 0px; width: 930px; float: left; padding: 30px; border-top: solid #CCC thin;}
#footer_l { float: left;}
#footer_r {float: right; text-align: right;}

#affiliates {float: left; width: 100%; height: auto;margin: 20px 0 40px 0;}
#affiliates div {margin: auto;text-align: center; width: 940px;}