@charset "UTF-8";

html {
	margin: 0;
	padding: 0;
	height: 100%;
	position: relative;
}

body  {
	background: #DDDDDD;
	background-color:#036292;
	background-image: url(../images/bg_gradient.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	color: #000000;
	height: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	position: relative;
}

#main-container {
   min-height:100%;
   position:relative;
}

#top-wrapper {
	padding: .8em 0 10em 0;
	text-align: center;
	position: relative;
}

#container {
	position: relative;
}

#page { 
	width: 75em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
	position: relative;
} 
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.col-content {
	height: 38em;
	text-align: justify;
	background-color: #FFFFFF;
}


.box-header {
	height: 1.5em;
	padding: .5em;
	padding-left: .7em;
	background-color: #ADADAD;
	background-image: url(../images/box-header-bg.jpg);
	background-repeat: repeat-x;
	color:#021d72;
}

.box-content {
	padding: .7em;
	padding: 1em;
}

.box-subheader {
	border-bottom: 1px solid #666;
	margin-bottom: .8em;
}

.box-subheader-left {
	margin: 0 4.1em 0 0;	
	
	font-size: .8em;
	font-weight: bold;
}

.box-subheader-right {
	float: right;
	
	width: 4em;
	
	font-size: .8em;
	text-align: right;
}

.box-subheader-bar {
	padding: 0;
	margin: 0;
	
	height: 1px;
	background-color:#666;
	border: none;
}

.toggle {
	/*border: 1px solid #03314B;*/
	
	position: relative;
}

.toggle-box-header {
	height: 1.7em;
	
	padding: .4em;
	
	background-color: #03314B;
	background-image: url(../images/toggle-header-bg.jpg);
	background-repeat: repeat-x;
	
	color:#FFFFFF;
	font-weight: bold;
	text-align: center;
	
	cursor: pointer;
}


a:link {
	color: #036292;
	text-decoration: none;
}

a:visited {
	color: #036292;
	text-decoration: none;
}

.center { text-align: center; }
.italic { font-style: italic; }

/** LEGAL INFO STYLES **/
#legal-box-content {
	padding: 0;	
}
.legal-info {
	height: 33.5em;

	padding: 1em 1.5em;
	overflow: auto;
}