/***********************************************/
/* Body elements                               */
/***********************************************/

*
{
padding: 0em;
margin: 0em;
}

body
{
padding: 35px 0px 35px 0px;
background-color: #56caf5;
}

body,input
{
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#00A2D7;
}

p
{
line-height: 1.5em;
margin-bottom: 2.0em;
text-align: justify;
}

/***** END BODY ELEMENTS *****/



/***********************************************/
/* Link elements                               */
/***********************************************/

a
{
	color: #0395D3;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
	color: #026B99;
}

/***** END LINK ELEMENTS *****/



/***********************************************/
/* Header elements                             */
/***********************************************/

h1
{
	display: inline;
	font-weight: bold;
	font-size: 1.4em;
	text-transform: uppercase;
	color: #00B7F1;
	background-image: url(../images/dots.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 90px;
}

h1 span
{
font-weight: normal;
}

h2
{
	color: #56caf5;
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 10px;
	padding-bottom: 10px;
}

/***** END HEADER ELEMENTS *****/



/***********************************************/
/* Layout DIVs                                 */
/***********************************************/

#outer
{
	z-index: 2;
	position: relative;
	/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
	*/
	width: 90%;
	border: solid 7px #b4e4fa;
	background-color: #fff;
	margin: 0 auto;
}

#bluecontent {
	padding-top: 20px;
	padding-right: 2em;
	padding-bottom: 0em;
	padding-left: 2em;
	background-color: #B4E4FA;
}

#homecontent {
	background-image: url(../images/home_background.gif);
	background-repeat: no-repeat;
	background-color: #B4E4FA;
	background-position: center top;
	height: 542px;
	width: 717px;
}

#homecontent .contentarea {
	padding-left: 150px;
	padding-top: 140px;
	padding-right: 75px;

}

#content
{
	background-color: #fff;
	padding-top: 20px;
	padding-right: 2em;
	padding-bottom: 0em;
	padding-left: 2em;
}

#homecontent .contentarea ul li {
	font-size: 110%;

}

.rightcontent {
	float: right;
	width: 250px;
	padding: 15px;
}

#rightbox {
	background-color: #B4E4FA;
	padding: 10px;
	width: 230px;
	margin-bottom: 15px;
	border: 1px solid #00B7F1;
}

#rightbox h2 {
	font-size: 100%;
	color: #00B7F1;

}

#rightbox ul li, ol li {
	font-size: 95%;
}

/***** END MAIN ELEMENT DIVs *****/



/***********************************************/
/* Class elements                              */
/***********************************************/

.contentarea
{
padding-top: 1.3em;
}

.error {
font-size: 14px;
font-weight: bold;
color: #990000;
display: block;
margin-top: 10px;
margin-bottom: 20px;
}

.contentarea ul {
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 11px;

}

#normalcontent .contentarea ul {
	margin-left: 20px;
	margin-bottom: 5px;
	font-size: 12px;

}

.contentarea ul li {
	margin-top: 15px;
	margin-bottom: 15px;
}

/***** END CLASS ELEMENTS *****/


/***********************************************/
/* Image elements                              */
/***********************************************/

img {}

img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
border: solid 1px #6F5230;
}

img.leftnoborder
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
border: solid 1px #6F5230;
}

/***** END IMAGE ELEMENTS *****/


/***********************************************/
/* Header DIVs                                 */
/***********************************************/

#header
{
	position: relative;
	width: 100%;
	height: 108px;
	background-color: #00b7f1;
	background-image: url(../images/topbar.jpg);
	background-repeat: no-repeat;
}

#logoheader
{
	position: relative;
	width: 100%;
	height: 85px;
	background-color: #b4e4fa;
}

#logoheader img
{
	border: none;
}

#logoheader img.right {
	margin-right: 5px;
	margin-top: 5px;
}

#affiliates {
	float: right;
}

#ezine {
	border: 1px solid #FFFFFF;
	color: #0099FF;
	text-align: left;
	background-color: #56CAF5;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	padding: 10px;
	background-image: url('../images/topbar.jpg');
}

#ezine .title{
	display: block;
	margin-bottom: 5px;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

#ezine form input {
	font-size: 11px;
	color: #000000;
}

#ezine form input#submit {
	font-size: 9px;
	font-weight: bold;

}


/***** END HEADER DIVS *****/


/***********************************************/
/* Menu DIVs                                   */
/***********************************************/

#menu
{
	background-color: #00B7F1;
	height: 35px;
	width: 100%;
	position: relative;
	background-image: url(../images/menu/six_0.gif);
}

#menucenter {
	margin-left: auto;
	margin-right: auto;
	width: 730px;
}

/***** END MENU DIVs *****/


/***********************************************/
/* Footer DIVs                                 */
/***********************************************/

#footer
{
	position: relative;
	width: 100%;
	height: 40px;
	clear: both;
	font-size: 0.8em;
	background-color: #00b7f1;
	background-image: url(../images/topbar.jpg);
	background-repeat: no-repeat;
	color: #003978;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
}

#footer .left
{
position: absolute;
left: 2.0em;
bottom: 1.2em;
}

#footer .right
{
position: absolute;
right: 2.0em;
bottom: 1.2em;
}

/***** END FOOTER DIVs *****/



/***********************************************/
/* FORM ELEMENTS                               */
/***********************************************/

.formTitle {
	background-color: #B4E4FA;
	padding: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.formElement {
	background-color: #E8F7FD;
	font-size: 11px;
	padding: 5px;
}

.formInputBox {
	padding: 2px;
	margin-right: 5px;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
}

.formSelect {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.formOption {
	padding-left: 2px;
	padding-right: 2px;
}

.formButton {
	font-size: 12px;
	padding: 2px;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
}

input.submit
{
border: solid 1px #5F6800;
font-weight: bold;
padding: 0.25em;
font-size: 0.8em;
color: #F2F3DE;
vertical-align: middle;
background-color: #2C0603;
}


/***** END FORM ELEMENTS *****/



/***********************************************/
/* TABLE ELEMENTS                              */
/***********************************************/

.table {
border: 1px solid #999999;
}

.tableTitle {
	background-color: #B4E4FA;
	padding: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #666666;
	color: #000000;
}

.tableElement {
	background-color: #E8F7FD;
	font-size: 10px;
	padding: 5px;
	border: 1px solid #666666;
}

/***** END TABLES *****/
.video {
	border: 1px solid #999999;
	margin: 5px;
	padding: 5px;
	width: 320px;
}