body {

	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #303030;
	font-size: 80%;
	line-height: 150%;
	/* the following style adds a scrollbar to firefox when too short to scroll normally, which keeps the page width consistant */
	overflow: -moz-scrollbars-vertical;

}

body h1 {
	font-size: 30px;
	font-weight: 100;
	color: white;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

body h2 {
	font-size: 120%;
	color:#666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

body h3 {
	font-size: 110%;
	color:#767676;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

hr {
	padding: 0px;
	margin: 0px 30px 0px 30px;
	height: 1px;
	border-top: 1px solid #4e4c2f;

}

.pageContainer  {
	width: 990px;
	margin: 0px auto;
	padding: 0px;
	
}

.headerContainer {
	
	height: 129px;
	width: 990px;
	padding: 0px;
	margin: 0px;
	background-color: #bebdb4;
}

.header {
	
	height: 94px;
}

.menu {
	
	height: 35px;
	
}


.SubMenuContainer  {

	height: 60px;
	background-image: url(images/menu-bg.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}




	
#menuBox {
	/*background-image:url(images/menuBg.gif);
	background-repeat: repeat-x;*/
	float: left;
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	height: 35px;



}

.menutab, .menutabs{
	height: 35px;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #87a0a4;
	background-color: #87a0a4;

}

.menutabs {

	background-color: white;

}

.menutab a , .menutabs a{

	text-decoration: none;
	color: white;

}

.menutab a:hover, .menutabs a:hover  {

	text-decoration: none;
	color: black;

}

.menutab .tr .tl a.menuSelected {
	background-color: white;

}

.menutab .tr .tl a.menuSelected:hover {
	

}

.tl {background: url(images/tl.gif) 0 0 no-repeat #87a0a4;} 
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:5px 10px} 

.tls {background: url(images/tls.gif) 0 0 no-repeat white;} 
.trs {background: url(images/trs.gif) 100% 0 no-repeat; padding:5px 10px} 

.clear2 {font-size: 1px; height: 1px}



/* this is the normal dormant style */
/*
#menuBox a {

	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: white;
	text-decoration: none;
	float: left;
	margin: 5px 10px 0px 0px;
	padding:5px 10px 0px 10px;		
	height: 35px;
	background-color: #87a0a4;
	
}
*/

/* this is the non selected hover style */
/*
#menuBox a:hover {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #fff;
	margin: 0px 10px 0px 0px;
	padding:5px 10px 0px 10px;	
	background-color: #87a0a4;

	
}
*/


/* this is the selected style */
/*
#menuBox a.Menu1Selected {
	
	margin: 0px 10px 0px 0px;
	padding:5px 10px 0px 10px;		
	color: #4e5e61;
	height: 35px;
	background-color: #fff;
	
}

*/

/* this is the selected hover style */
/*
#menuBox a.Menu1Selected:hover {
	
	margin: 0px 10px 0px 0px;
	padding:5px 10px 0px 10px;				
	color: #4e5e61;
	height: 35px;
	background-color: #fff;	
		
}

*/
/******************* SUBMENU **********************/



#subMenuBox {
	/*background-image:url(images/menuBg.gif);
	background-repeat: repeat-x;*/
	float: left;
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	height: 60px;

	vertical-align: middle;
	display: inline-block;

	
	
}

/* this is the normal dormant style */
#subMenuBox a {

	color: black;
	text-decoration: none;
	float: left;
	margin: 7px 10px 0px 0px;
	padding:0px 10px 0px 10px;		
	height: 53px;
	
	

}


/* this is the non selected hover style */
#subMenuBox a:hover {

	color: #4e5e61;
	margin: 7px 10px 0px 0px;
	padding:0px 10px 0px 10px;	
	
	

	
}


/* this is the selected style */
#subMenuBox a.Menu2Selected {
	
	margin: 7px 10px 0px 0px;
	padding:0px 10px 0px 10px;		
	color: #4e5e61;
	height: 53px;
	/* this makes ie use the second image while other browser which support png's use the one marked important
	background-image:url(images/SubMenuBg.png); !important;
	background-image:url(); */
	background-image:url(images/SubMenuBg.png);

	background-repeat: no-repeat;
	text-align:center;
	background-position:center;
	
}

/* this is the selected hover style */
#subMenuBox a.Menu2Selected:hover {
	
	margin: 7px 10px 0px 0px;
	padding:0px 10px 0px 10px;				
	color: #4e5e61;
	height: 53px;
	/* this makes ie use the second image while other browser which support png's use the one marked important
	background-image:url(images/SubMenuBg.png); !important;
	background-image:url(); */
	background-image:url(images/SubMenuBg.png);
	background-repeat: no-repeat;
	text-align:center;
	background-position:center;
		
}


.ContentContainer  {

	background-image: url(images/content-bg.gif);
	background-repeat: no-repeat;
	min-height: 430px;
	width: 990px;
	padding: 0px;
	margin: 0px;
}

.ContentContainerText  {
	padding: 10px 20px 20px 20px;
	margin: 0px;
	

}

.col1 {
	width:310px;
	float:left;

}

.col2 {
	width:310px;
	margin: 0px 0px 0px 10px;
	float:left;

}

.coltext {

	padding: 10px;

}

.coltext h2{

	color: white;
	text-align:center;
	font-size:16px;

}

.coltext a{

	color: white;
	font-weight:bold;
	text-decoration:none;
	text-align:center
	
}


.footerContainer {

	background-image: url(images/footer-bg.gif);
	background-repeat: no-repeat;
	height: 40px;
	padding: 0px;
	margin: 0px;

}

.footerText {
	padding: 15px 20px 0px 0px;
	text-align: right;
}


.leftCol {
	width: 680px;
	padding: 0px;
	margin: 0px;
	float: left;	

}

.leftColBox {
	margin: 10px 20px;
	height: 500px;
	width: 640px;
	background-color: white;
	overflow:scroll;

	
}

.sealeftCol {
	width: 970px;
	padding: 0px;
	margin: 0px;
	float: left;	

}

.sealeftColBox {
	margin: 10px 20px;
	height: 500px;
	width: 950px;
	background-color: white;
	overflow:scroll;

	
}

.rightCol {
	width: 300px;
	padding: 0px;
	margin: 0px;
	float: left;

}

.rightColBox {
	margin: 10px 20px 10px 0px;
	height: 450px;
	width: 240px;

	
}

.textBoxLeft {
	padding: 20px;
	color: #4e5e61;
}

.textBoxLeft h1{
	font-size: 20px;
	color: #4e5e61;
	
}

.textBoxRight a {

	color: #4e5e61;
	text-decoration: underline;
}

.textBoxRight{
	padding: 20px;
	color: white;
}

.textBoxRight p{
	padding: 3px;
}

.textBoxRight h1{
	font-size: 20px;
	color: white;
	
}

.textBoxRight hr {
	
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
	border: none;
	height: 1px;
	border-top: 1px solid white;
	border-bottom: none;

}

.textBoxRight a {

	color:white;
	text-decoration: underline;
}

.nav {
	margin: 20px 0px 0px 0px;
}

.nav a{
	padding: 0px 5px 0px 0px;

}

.googleadd {
	margin: 10px 0px 0px 0px;
	text-align:center;
	position: absolute;
	top:550px;
	}



.floatLeft {
	float: left;

}

.clear {
	clear: both;

}


.cllink {color:#666666;
        font-weight:bold;
    	text-decoration:underline;
	    text-align:center}