/* main stylesheet*/

body {
text-align: center;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #686565;
background-color: #686565;
background-image: url(../images/bg/bodybg.gif);
background-repeat: repeat;
padding-top: 10px;
}

#container {
width: 810px;
margin: 0 auto;
z-index: 0;
position: relative;

}

/************************/
/* TOP NAV  
/***********************/

#topnav {
background: url(../images/bg/topbarbg.jpg) no-repeat;
width: 810px;
height: 40px;
color: #fff;
font-size: 90%;
list-style: none;
}


.topleft {
float: left;
margin-top: 15px;
margin-left: 10px; /* for IE 6 */
height: 22px;
}

html > body .topleft {
margin-left: 25px; /*for modern browsers */
}
/*
.topleft ul li {
display: inline;
}

*/
.topleft a{
float: left;
height: 22px;
width: 58px;
line-height: 22px;
text-decoration: none;
color: #fff;
}

#topnav a:hover {
color: #000;
}

a.homebtn {
float: left;
display: block;
background: url(../images/navbtns/home-icon.gif) no-repeat left center;
height: 22px;
width: 56px;
line-height: 21px;
padding-left: 8px;
}

a.feedbackbtn {
float: left;
display: block;
background: url(../images/navbtns/feedback-icon.gif) no-repeat left center;
height: 22px;
width: 56px;
line-height: 21px;
padding-left: 8px;
padding-right: 10px;
text-indent: 15px;
}



a.aboutbtn {
float: left;
display: block;
/*background: url(../images/navbtns/about-icon.gif) no-repeat left center;*/
height: 22px;
width: 100px;
line-height: 21px;
padding-left: 0px;
}

a.contactbtn {
float: left;
display: block;
background: url(../images/navbtns/contact-icon.gif) no-repeat left center;
height: 22px;
line-height: 21px;
padding-left: 8px;
text-indent: 10px;
}


.topright {
float: right;
margin-top: 20px;
margin-right: 25px;
text-align: right;
font-size: 110%;
font-weight: bold;
}

html > body .topright {
margin-left: 30px; /*for modern browsers */
}



/************************/
/* HEADER  
/***********************/

#header {

background: #3468b2;
height:178px;
width: 810px;
}


.righthead {
float: left;
background-image: url(../images/bg/header_03.jpg);
background-repeat: no-repeat;
height: 178px;
width: 280px;
}

.midhead {
float: left;
background-image: url(../images/bg/header_02.jpg);
height: 178px;
width: 243px;
}

.lefthead {
float: left;
background-image: url(../images/bg/header_01.jpg);
height: 178px;
width: 287px;
}


/************************/
/* CONTENT AREA  
/***********************/

#content {
background: url(../images/bg/contentbg.jpg) repeat-y;
width: 810px;
min-height:400px; /*modern browsers understand (firefox) */
height:auto !important; /* for modern browsers */
height:400px; /* for internet explorer */ 
text-align: left;

}

#innercontent {
width: 770px;
padding: 20px;
}

/**************************************/
/* LEFT COLUMN
/*************************************/
#leftcol {
float: left;
width: 550px;
margin-left: 20px; /* for IE 6 */
margin-right: 10px;
margin-top: 20px;
text-align: left;
background-color: #ffffff;
padding-bottom: 30px;
/*padding-right: 20px; */
/*border-right: 1px solid #3F3F3F; */
}

html > body #leftcol {
margin-left: 40px; /*for modern browsers */
}

/* start commented backslash hack \*/
*html #leftcol {height: 1%;}
/* close comented backslash hack */


#leftcol ul {
margin-left: 2px;
padding-left: 25px;
list-style-position: outside;

}

#leftcol ul li {
margin-bottom: 8px;
}

/**************************************/
/* RIGHT COLUMN
/*************************************/

#rightcol {
text-align: left;
float: left;
width: 175px;
margin: 0 auto;
margin-top: 20px;


}

#innerrightcol {
margin-top: 20px;
margin-left: 5px;
padding-right: 5px;
}

/* start commented backslash hack \*/
*html #rightcol {height: 1%;}
/* close comented backslash hack */

#rightcol ul {
list-style: none;
}

#rightcol h1 {
display: block;
background: url(../images/rtcolHeadbg3.gif) repeat-x;
height: 28px;
line-height: 28px;
width: 100%;
text-align: center;
color: #fff;
font-size: 120%;
}


/**************************************/
/* FOOTER
/*************************************/
#footer {
background: #bec3c9 url(../images/bg/footerbg.jpg) top center no-repeat;
height: 74px;
width: 810px;
text-align: center;
}

#innerfooter {
padding: 10px 20px;
text-align: center;
font-size: 90%;
}

.clear {
clear: both;
}

.rightcol {
float: right;
width: 140px;
padding: 10px 5px;
border-left: 1px solid #494949;
}


/**************************************/
/* GENERAL STYLES
/*************************************/

h1 {
color: #294F9E;
font-size: 150%;
margin-bottom: 1px;
margin-top: 0px;
}

h2 {
color: #59A100;
font-size: 125%;
margin-top: 10px;
margin-bottom: 1px;

}

h3 {
color: #3F3F3F;
font-size: 112%;
margin-bottom: 1px;

}




a {
color: #59A100;
text-decoration: none;
}

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

p {
margin-top: 10px;

}

/**************************************/
/* SPECIAL STYLES
/*************************************/
.leftsection {
float: left;
display: block;
width: 260px;
margin-right: 10px;
border-right: 1px solid #8C8C8C;
padding-right: 10px;
}

.rightsection {
float: left;
display: block;
width: 260px;
margin-left: 10px;
}

.sectiondivider {
border-bottom: 1px solid #8C8C8C;
margin: 15px auto;
width: 100%;
text-align: center;

}

.dashedline { 
border-bottom: 1px dashed #8C8C8C;
margin: -1px auto 15px auto;
width: 98%;
text-align: center;
}

.solidline { 
border-bottom: 1px solid #8C8C8C;
margin: -1px auto 15px auto;
width: 98%;
text-align: center;
}

.readmore {
float: right;
font-size: 10px;
}

a.readmore {
font-style: italic;
text-decoration: none;
color: #59A100;
}

a.readmore:hover {
text-decoration: none;
color: #FD8200;
}

img.left-float {
float: left;
display: block;
background-color: #294F9E;
border: 2px solid #294F9E;
margin-right: 10px;
margin-bottom: 3px;
}

img.right-float {
float: right;
display: block;
background-color: #294F9E;
border: 2px solid #294F9E;
margin-left: 10px;
margin-bottom: 3px;
}

blockquote.quote {
color: #FD8200;
font-size: 135%;
font-weight: bold;
font-style: italic;
}

.highlighttxt {
color: #FD8200;
font-size: 135%;
font-weight: bold;
font-style: italic;
text-align: center;
}
.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

.greentxt {
color: #59A100;
}

.orangetxt {
color: #FD8200;
}

.systemSpecial {
display: block;
background-image:url(../images/system-icon.png);
background-position: left center;
background-repeat: no-repeat;
padding-left:83px;
padding-top: 30px;
height: 80px;
width: 175px;
}

.systemSpecial a {
curser: pointer;
curser: hand;
}


.mceContentBody { background-image: none; background-color: White; color: Black; } /*SnippetMaster editor bg color*/