/* CSS Document */
html, body {
	margin:0; 
 	padding:0; 
 	text-align:center; 
	background-image:url(../images/brick_back.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
#pagewidth {
	width:800px; 
	border:solid 0px orange;  
	margin-left:auto; 
	margin-right:auto;
	background-image:url(../images/white_shadow_bck.png);
	background-repeat:repeat-y;
	position:relative;
	
}
#container {

}
#header {
	width:780px;
	height:202px;
	background-image:url(../images/site_header.jpg);
	border:solid 0px #000000;
	position:relative;
	text-align:left;
}
#hor_border {
	width:780px;
	height:20px;
	background-image:url(../images/shadow_hor_border.jpg);
}

#leftcol{
 width:367px; 
 float:left; 
 position:relative; 
 border:solid 0px #000000;
 padding:15px;
 }
 
#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:367px; 
 border:solid 0px #000000;
 padding:15px;
 }
 

ul#onsite {
	list-style-type:none; 
	padding:0px; 
	margin:0px; 
	font-size:14px;
}
ul#onsite li {
	text-align:left;
}
p {
	padding:0px;
	margin:0px;
}
hr {
	size:2px;
}
#footer{
 height:80px; 
 clear:both;
 background-image:url(../images/white_shadow_bck.png);
	background-repeat:repeat-y;
 } 
 
#footer_body {
	width:780px;
	background-color:#000000;
	margin-left:auto; 
	margin-right:auto;
	position:relative;
	height:80px;
	 color:#FFFFFF;
}

ul.footer {
	list-style-type:none;
	padding:0px;
	margin:0px;
	text-align:center;
}
ul.footer {
	font-size:10px;
}

ul.footer li a:link, ul.footer li a:active, ul.footer li a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
ul.footer li a:hover {
	color:#999999;
	text-decoration:none;
}
ul.login_misc {
	list-style-type:none; text-align:center; padding:0px; margin:0px;
}
ul.login_misc li a:link, ul.login_misc li a:active, ul.login_misc li a:visited, ul.login_misc li a:visited {
	font-size:10px;
	text-decoration:none;
}
ul.login_misc li a:link, ul.login_misc li a:active, ul.login_misc li a:visited {
	color:#747378;
}
ul.login_misc li a:hover {
	color:#003399;
}

/*Rounded Login Box*/
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{
	font-size:1px; 
	overflow:hidden; 
	display:block;
}
.b1h {
	height:1px; 
	background:#3580ba; 
	margin:0 5px;
}
.b2h, .b2bh {
	height:1px; 
	background:#3580ba; 
	border-right:2px solid #3580ba; 
	border-left:2px solid #3580ba; 
	margin:0 3px;
}
.b3h, .b3bh {
	height:1px; 
	background:#3580ba; 
	border-right:1px solid #3580ba; 
	border-left:1px solid #3580ba; 
	margin:0 2px;
}
.b4h, .b4bh {
	height:2px; 
	background:#3580ba; 
	border-right:1px solid #3580ba; 
	border-left:1px solid #3580ba; 
	margin:0 1px;
}
.b2bh, .b3bh, .b4bh {
	background: #ddd;
}
.headh {
	background: #3580ba; 
	border-right:1px solid #3580ba; 
	border-left:1px solid #3580ba;
}
.headh h3 {
	margin: 0px 10px 0px 10px; 
	padding-bottom: 3px;
}
.contenth {
	background: #ddd; 
	border-right:1px solid #3580ba; 
	border-left:1px solid #3580ba;
}
.contenth div {
	margin-left: 12px; 
	padding-top: 5px;
}



 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  

/*Start of dropdown menus*/
.wrapper1{
	color: #44433f;	
	font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 4px 0 0;
	margin-left:10px;
	width:775px;
	border:solid 0px orange;
}

.wrapper1 a{
	color: #E5F2FB;
	text-decoration: none;
}
.wrapper1 a:hover {
	color: #09548B;
}
.wrapper1 p {
	margin: 0 0 17px;
	padding: 0;
	line-height: 18px;
}
.wrapper {
	/*width: 710px;*/
	margin: 20px auto;
}
ul#navigation {
	width:712px;
	width:745px !important;
}
.nav {
	background: #fff url(../images/nav_bg.png) repeat-x;
	float: left;
}
.nev-wrapper {
	clear: both;
	float: left;
}
.nav-left {
	background: url(../images/nav_left.png) no-repeat top left;
	float: left;
	width: 11px;
	height: 41px;
}
.nav-right {
	background: url(../images/nav_right.png) no-repeat top right;
	float: left;
	width: 11px;
	height: 41px;
}
.nav ul {
	/*width: 648px;*/
	height: 38px;
	float: left;
	margin: 0;
	padding-top: 3px;
	list-style: none;
	font-size: 15px;
}
.nav li {
	float: left;
	padding: 0 7px;
	background: url(../images/split.png) no-repeat right center;
	position: relative;
	z-index: 1;
	text-align:left;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
}
a .menu-left {
	background: url(../images/menu_left.gif) no-repeat left top;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid {
	background: url(../images/menu_mid.gif) repeat-x top left;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-right {
	background: url(../images/menu_right.gif) no-repeat top left;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 35px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color: #09548B;
}
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 27px;
	left: 6px;
	background: url(../images/submenu_top.png) no-repeat;
	width: 186px;
	padding-top: 9px;
}
.nav li ul {
	background: url(../images/submenu_bg.png) repeat-y;
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 14px;
}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #C1D9F0 dashed;
	background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
	color: #09548B;
	background: none !important;
	line-height: normal;
	width: 156px;
	padding: 8px 3px 3px;
	text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	color: #fff;
	background: #165B9F !important;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color: #fff;
	background: #165B9F !important;
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg {
	background: url(../images/submenu_bottom.png) no-repeat;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}
.content {
	width: 670px;
	background: transparent url(../images/content_bg.png) repeat-y;
	float: left;
	padding: 10px 20px;
}
.content h1 {
	color: #333;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px dashed #C1D9F0;
}
.content h2 {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: -5px;
}
.content p {
	padding: 0 15px;
	text-align: justify;	
}
.content-bottom {
	width: 710px;
	background: transparent url(../images/content_bottom.png) no-repeat;
	height: 13px;
	float: left;
}                    
                          
                    
					
					
/* Overlay*/

.screen_overlay {
	background-image:url(../images/trans_gray.png);
	background-repeat:repeat;
	width:100%;
	height:100%;
	z-index:99;
	position:absolute;
	left:0px;
	top:0px;
	text-align:center;
	display:none;
}
div#emerald_documents, div#reflection_documents, div#diamond_documents, div#biscayne_documents {
	position:relative;
	top:100px;
	width:400px;
}
ul li.title {
	font-size:14px;
	font-weight:bold;
	color:#949494;
}
ul li.title_bar {
	text-align:right;
}
img.pad_right {
	margin-right:5px;
}

/*Overlay rounded div*/

.b1, .b2, .b3, .b4{
	font-size:1px; 
	overflow:hidden; 
	display:block;
}
.b1 {
	height:1px; 
	background:#0152a1; 
	margin:0 5px;
}
.b2 {
	height:1px; 
	background:#ffffff; 
	border-right:2px solid #0152a1; 
	border-left:2px solid #0152a1; 
	margin:0 3px;
}
.b3 {
	height:1px; 
	background:#ffffff; 
	border-right:2px solid #0152a1; 
	border-left:2px solid #0152a1; 
	margin:0 2px;
}
.b4 {
	height:2px; 
	background:#ffffff; 
	border-right:2px solid #0152a1; 
	border-left:2px solid #0152a1; 
	margin:0 1px;
}
.contentb {
	background: #ffffff; 
	border-right:2px solid #0152a1; 
	border-left:2px solid #0152a1;
}
.contentb div {
	margin-left: 5px;
}






/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -155px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;

}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}