html, body{
	height: 100%;
	width: 100%;

}

body {
	margin: 0px;
	background-color: #2F427A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.content_area {
	background-color: #FFFFFF;
	padding: 20px;
	color: #000000;
	font-size: 12px;
}

.top {
	background-image: url(images/top_bg.gif);
	background-repeat: repeat-x;
}
.blue_middle_square {
	background-image: url(images/horiz_lines.gif);
	background-repeat: no-repeat;
}
.bottom {
	background-color: #2F427A;
	background-image: url(images/bottom_bg.gif);
	background-repeat: repeat-x;
}
.bottom a {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.rightside {
	background-image: url(images/rightside.jpg);
	background-repeat: no-repeat;
}
.rightside_template {
	background-image: url(images/template/farright.jpg);
	background-repeat: no-repeat;
}

.white_line_bg {
	background-image: url(images/white_line.gif);
	background-repeat: repeat-x;
}
.template_top_bg {
	background-image: url(images/template/topleft.jpg);
	background-repeat: no-repeat;
	background-color: #CE0000;
}
.basic_cell {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
}
.errortext {
	color:#FF0000;
	font-weight:bold;
}#container {
	height: 438px;
	clear: both;
	  /*
                 *
                 * Issue: IE4 doesn't allow a negative margin-top.
                 *
                 * This code positions blueBox relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers.
                 * The content will be centered but will crop if the window is not small enough to accommodate it.
                 *
                 */
                position: static;
                top: -200px;
                /* IE4ever Hack: Hide from IE4 **/
                    position: static;
                /** end hack */
}
div#shim {
                visibility: hidden;
                width: 100%;
                height: 50%;                                                                     /* Bump div#blueBox down half the height of the screen. */
                margin-top: -219px;                                                              /* Half the height of div#blueBox. */
                float: left;
            }


.style1 {	color: #FFFFFF;
	text-decoration: none;
}
.style3 {	color: #FFFFFF;
	text-decoration: none;
}
.style4 {
	font-size: 16px;
	font-weight: bold;
}
.content_area #content {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}