@import "reset-fonts-grids.css";
/**
 * Main stylesheet
 * Developed by: Jeremy Davis, Compass IT, www.compassit.biz
 */
html { background: none; }
body { background: url(../images/bg.gif) repeat-x top #96d2ee; font-family: Arial, Helvetica, sans-serif; }
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
img.right { float:right; }
img.left { float:left; }
img.center { display: block;  margin-left: auto; margin-right: auto; }

/*
	table for wysiwyg
*/
.table-border { border-color: #5b5b5b; border-width: 0 0 1px 1px; border-style: solid; }
.table-border td { border-color: #5b5b5b; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 4px; }
/**
 *  Document dimensions and layout 
 */
#custom-doc { 
	margin:auto;
	text-align:left;
	width: 74em; /* 962px /13 */
	*width:  72.150em; /* 962px/13.3333 ie width */
	background: url(../images/inner_bg.gif) repeat-y top;
}
#outer-wrapper{ background: url(../images/outer_bg.gif) no-repeat top; 	
				min-height: 713px; 
				height:auto !important;
 				height:713px;

				}
#outer-wrapper-subpage{ background: url(../images/outer_subpage_bg.gif) no-repeat top; 	
						min-height: 713px; 
						height:auto !important;
 						height:713px;
						}
/**
 * Logo block
 */
.logos{ height: 102px; }
#logo-img, #header-contact-img{ padding: 28px 34px 0 34px; }
#header-contact-img{ float: right; }
/**
 * Main menu
 */
#menu-wrapper { margin: 5px 18px 0px 18px; height: 32px; }
#menu {
	list-style-type: none;
	width: 926px;
	height: 34px;
/*
	float: left;
*/
	padding-top: 3px;
	background: url(../images/nav_bg.gif) repeat-x top; 
	font-size: 93%;
	font-weight: bold;
}
#menu li { float:left; background: url(../images/nav_separator.gif) no-repeat right; }
.nav-last { background: none !important; }
#menu a{
	display: block;
/*
	float: left;
*/
	width: 154px;
	text-align: center;
	color: #fff;
	line-height: 2.7;
	text-decoration: none;
	text-transform: uppercase;
}
#menu a:hover, .nav-last a:hover{ background-color: #2597ce; }
/* drop down */
/*
#menu li ul{ display: none; }
*/
#menu ul { position:absolute; width:154px; top:143px; display:none; }
#menu li ul a{
    width:153px;
    float:left;
	background-color: #2597ce;
	border-top: 1px #73c0e6 solid;
}
#menu li ul a:hover{ background-color: #1774a4; }
#menu ul ul{ top:auto; }	
#menu li ul ul { left:143px; margin:0px 0 0 10px; }
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{ display:none; }
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{ display:block; }

#menu-under { margin: 5px 18px 0px 18px; background-color: #c8c8c8; height: 1px; }
/**
 * front page advertisment
 */
#front-advertisment { margin: 5px 18px 5px 18px; height: 251px; /*
background: url(../images/front_page_banner.jpg)
*/; }
#front-advertisment span{
	display: block;
	width: 500px;
	height: 177px;
	text-align: center;
	padding: 74px 0 0 60px;
}

#front-advertisment span p{
	float: right;
	font-style: italic;	
	margin-right: 30px;
}
#front-advertisment h1{
/*
	display: block;
	width: 500px;
	height: 177px;
	text-align: center;
*/
/*
	font-family: "Times New Roman", Times, serif;
	font-size: 197%;
*/
	font-size: 174%;
/*
	padding: 74px 0 0 60px;
*/
	color: #272727;
}
#front-advertisment div{ height: 48px; background-color: #272727; }
#front-advertisment div img{ float: left; padding: 6px 30px; }
#front-advertisment div h2{ line-height: 3; color: #fff; font-size: 123.1%; }
/**
 * Supage advertisment 
 */

#subpage-advertisment { margin: 5px 18px 5px 18px; height: 133px; }
#subpage-advertisment div {
	width: 400px;
	height: 80px;
	text-align: center;
	padding: 40px 0 0 59px;
	color: #272727;
}
#subpage-advertisment div h1{
	font-size: 123.1%;
}
#subpage-advertisment div span{
	display:block; 
	float: right;
	font-style: italic;
}
/*
#subpage-advertisment div{ height: 1px; background-color: #818181; }
#subpage-advertisment div img{ float: left; padding: 6px 30px; }
#subpage-advertisment div h2{ line-height: 3; color: #fff; font-size: 123.1%; }
*/

/**
 * Body styles
 */
#body-wrapper{
/*
	min-height: 372px;
*/
/*
	background: url(../images/body_bg.gif) no-repeat bottom;
*/
	color: #5b5b5b;
	font-size: 93%
}
#content{ float: left; 
/*
		  width: 587px;
*/ 
		  width: 567px; 
		  height:auto !important;
 		  height:567px;
/*
		  margin-left: 40px; 
		  margin-top: 20px; 
		  margin-right: 20px; 	
*/
		  min-height: 352px;
/*
		  min-height: 490px;
*/
		  margin-left: 6px;
		  padding-left: 40px; 
		  padding-top: 20px; 
		  padding-right: 36px;
		  line-height: 1.7;
		  background: url(../images/body_bg.gif) no-repeat bottom left;
}
/*
#content h3{
	display: block;
	height: 30px;
	margin-bottom: 10px;
	width: 532px;
	background: url(../images/content_h2_bottom.gif) no-repeat bottom; 
	font-family: "Times New Roman", Times, serif; 
	font-size: 153.9%; 
	color: #014f8e;
	line-height: 1;
}
*/
/*
#content p{ padding-bottom: 16px; }
*/
#right-content{ margin-top: 20px; width: 294px; float:left; line-height: 1.5; }
#right-content a{ 	color:#0083c8; text-decoration:none; }
#right-content a:hover { text-decoration:underline; }
#right-content ul,
#right-content ol { margin-left:10px; margin-bottom:20px; }
#right-content ul li,
#right-content ol li { margin:4px 10px; line-height:1.4; }
#right-content ul li { 	list-style-type:disc; }
#right-content ol li { list-style-type:decimal; }

.subpage-content { 
					min-height: 490px; 
					height:auto !important;
 					height:490px;
					}
/**
 * Contenet boxes
 */
.box-header-orange, .box-header-green{ 
	height: 40px; 
	background: url(../images/sidebox_hd_orange.gif); 
	text-align: center; 
	line-height: 3.5;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 100%;
}
.box-header-green{ margin-top: 4px; background: url(../images/sidebox_hd_green.gif); }
.box-content{ background: url(../images/sidebox_bg.gif) repeat-y; padding: 10px 16px 10px 16px; }
.box-content .image-center{ text-align: center; }
/**
 * Footer
 */
#footer{ 
	margin: 5px 12px 10px 12px; 
	height: 32px; 
	background-color: #2084b9; 
	color: #fff; 
	text-align: center; 
	line-height: 3; 
	font-size: 85%;
}
