/* CSS Document */

body, html {
    margin-top:0px;
    padding:0px;
    background-color: #333333;
}

#wrapper {
    width:900px;
    height:100%;
    overflow:hidden;
    background-color:#FFFFFF;
    padding: 0 10px 0 10px;
    margin:0 auto;
}


/*
=================== HEADER ===================
*/


#header {
    width: 900px;
    height:130px;
    background-color:#FFFFFF;
    padding: 0 0 0 0;
    border-bottom:5px solid #CC0000;
}

#headerleftcolumn {
    float:left;
    width:300px;
    background-color:#FFFFFF;
}

#headerrightcolumntop {
    text-align:right;
    width:600px;
    height: 115px;
    background-color:#FFFFFF;
    position: absolute;
    margin-left:300px;
}

#headerrightcolumnbottom {
    text-align:right;
    width:600px;
    height: 15px;
    background-color:#FFFFFF;
    position: absolute;
    margin: 115px 0 0 300px;
    font-family: arial;
    font-size: 12px;
    color: #CC0000;
}

#header .logo 	{
    background-image:url(/images/logo.jpg);
    background-repeat:no-repeat;
    margin: 5px 0 0 0;
    width: 240px;
    height: 120px;
    float: left;
}
#header .logo img  {
    text-decoration: none;
    border: 0;
}



/*
=================== TOP NAVIGATION ===================
*/

.topnav {
    height: 32px;
    background-color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#CC0000;
    text-decoration:none;
    border: 0px;
    padding-top: 10px;
}

.topnav a:hover	{
    background-color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#CC0000;
    text-decoration:underline;
    border: 0px;
    padding-top: 10px;
}

.topnav a:visited	{
    background-color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#CC0000;
    border: 0px;
    padding-top: 10px;
}


/*
=================== MAIN CONTENT AREA ===================
*/


#top_content	{
    width: 900px;
    height:100%;
    background-color:#FFFFFF;
    padding-bottom: 15px;
}

/* main image */

#main_canvas {
    width: 665px;
    height: 320px;
    float: left;
    margin-bottom: 10px;
}

#mainimage {
    background-image:url(/images/main.jpg);
    width: 665px;
    height: 320px;
    border-style:solid;
    border-color:#CC0000;
    border-width:0px;
}

.mainimage_text	{
    width: 345px;
    height: 245px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#FFFFFF;
    position:absolute;
    margin: 55px 0 0 300px;
}

.shadowRight 	{ 	background-image:url(/images/map_shadow_right.jpg);
    background-repeat:no-repeat;
    width: 15px;
    height: 320px;
    margin: -320px 0px 0px 665px;	}

.shadowBottom 	{	background-image:url(/images/map_shadow_bottom.jpg);
    background-repeat:no-repeat;
    width: 665px;
    height: 7px;	}

.shadowBottomCorner 	{	background-image:url(/images/map_shadow_bottomCorner.jpg);
    background-repeat:no-repeat;
    width: 15px;
    height: 7px;
    margin: -7px 0px 0px 665px;	}


/* RIGTH CONTENT BOXES */

.image0 	{
    background-image:url(/images/signup.jpg);
    width: 200px;
    height: 75px;
    border: #999999;
    border-style:solid;
    border-width: 1px;
    padding: 0px;
    margin: 0 10px 0 0;
    float: right;
}

.image0 img {
    text-decoration: none;
    border: 0;
}

.image1 	{
    /*background-image:url(/images/image1.jpg);*/
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:left;
    color: #333333;
    width: 190px;
    height: 150px;
    border: #999999;
    border-style:solid;
    border-width: 1px;
    padding: 0 5px 0 5px;
    margin: 10px 10px 0 0;
    float: right;
}

.image1 img {
    text-decoration: none;
    border: 0;
}

.image2	{
    background-image:url(/images/people.jpg);
    width: 200px;
    height: 70px;
    border: #999999;
    border-style:solid;
    border-width: 1px;
    padding: 0;
    margin: 10px 10px 0 0;
    float: right;
}

.image2 img {
    text-decoration: none;
    border: 0;
}



/*
=================== BENEFITS PAGE ===================
*/


#benefitsmainimage {
    background-image:url(/images/benefitsmain.jpg);
    width: 665px;
    height: 320px;
    border-style:solid;
    border-color:#CC0000;
    border-width:0px;
}

.benefits_textbox1 	{
    width: 200px;
    height: 320px;
    border: #999999;
    border-style:solid;
    border-width: 1px;
    padding: 0 5px 0 5px;
    float: right;
}

#textbox2 {
    clear:both;
    padding-top:15px;
    padding-bottom:15px;
}

.benefits_textbox2a 	{
    width: 280px;
    height: 220px;
    border: #999999;
    border-style:solid;
    border-width: 1px;
    background-image: url(/images/liteblue.jpg);
    padding: 0 5px 0 5px;
}

.benefits_textbox2b 	{
    width: 280px;
    height: 220px;
    border: #999999;
    border-style:solid;
    border-width: 1px;
    background-image: url(/images/liteblue.jpg);
    padding: 0 5px 0 5px;
    margin:-222px 0 0 305px;
}

.benefits_textbox2c 	{
    width: 280px;
    height: 220px;
    border: #999999;
    border-style:solid;
    border-width: 1px;
    background-image: url(/images/liteblue.jpg);
    padding: 0 5px 0 5px;
    margin: -222px 0 0 610px;
}

.text	{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333333;
    text-align:left;
}

.h1	{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#333333;
    font-weight:bold;
    padding-bottom: 0;
}


/*
=================== CONTACT AREA ===================
*/

#contact {
    width: 665px;
    height: 320px;
    border-style:solid;
    border-color:#CC0000;
    border-width:0px;
}

#contactleftcolumn {
    float:left;
    width:275px;
    background-color:#FFFFFF;
    padding: 0 10px 0px 15px;
}

#contactrightcolumn {
    text-align:right;
    width:355px;
    background-color:#FFFFFF;
    position: absolute;
    margin-left:275px;
    padding: 0 10px 0px 15px;
}

.contact_text {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333333;
    text-align:left;
    padding: 5px 5px 5px 5px;
}

.email a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#CC0000;
    text-align:left;
}

.email:hover {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-decoration:underline;
    color:#CC0000;
    text-align:left;
}



/*
=================== LOGON AREA ===================
*/

#logon {
    width: 665px;
    height: 320px;
    border-style:solid;
    border-color:#CC0000;
    border-width:0px;
}

#logontable {
    float:left;
    width:275px;
    background-color:#FFFFFF;
    padding: 15px 0 0 225px;
}

.logon_text {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333333;
    text-align:left;
    padding: 5px 5px 5px 5px;
}



/*
=================== FOOTER AREA ===================
*/

.oniaballs {
    background-image:url(/images/balls.jpg);
    background-repeat:no-repeat;
    background-position:left;
    width: 920px;
    height:30px;
    background-color:#FFFFFF;
    padding: 0 0 0 0;
    margin: 0 auto;
}

#Footerwrapper {
    width: 900px;
    padding: 5px 0 0 0;
    background-color:#333333;
    margin: 0 auto;
}

.footer 	{
    text-align:  right;
    font-family: arial;
    font-size: 10px;
    width: 450px;
    position:absolute;
    color: #FFFFFF;
    padding-bottom: 10px;
    margin-left:450px;
}

/* ================== */
#flashnotice {
    font-size: 110%;
    font-weight: bold;
    color: #666;/*#978E6F;*/
    border: 1px dashed #CC0000;
}

#flasherror {
    font-size: 110%;
    font-weight: bold;
    color: #CC0000;
    border: 1px dashed #666;
}