@charset "UTF-8";

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

body  {
	background: #DDDDDD;
	background-color:#036292;
	
	background-image: url(images/bg_gradient.jpg);
	background-repeat: repeat-x;
	
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/*text-align: center;*/ /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	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 */
	/*border: 1px solid #000000;*/
	text-align: center; /* this overrides the text-align: center on the body element. */
	
	position: relative;
} 


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.col-content {
	/*height: 29.3em;*/
	text-align: justify;
	
	background-color: #FFFFFF;
	
	/*border: 1px solid #ABABAB;*/
}


.box-header {
	height: 1.5em;
	
	padding: .5em;
	
	background-color: #ADADAD;
	background-image: url(../images/box-header-bg.jpg);
	background-repeat: repeat-x;
	
	color:#021d72;
	/*text-shadow: #000 0 1px 0;*/
}

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

.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;
}