/* ------------- 1. General ----------------------*/
html, body
{
margin:0;
padding:0;
}

body{
margin-top:15px;
background: url(../images/bg.gif) top left repeat-x #656565;
font: normal 13px Helvetica, Arial, sans-serif;
text-align:center;
color:#666666;
}


a:link, a:visited, a:active {
color:#1e9288; 
text-decoration: none;
}

a:hover {
color: #404040;
text-decoration: underline;
}

form
{
margin: 0;
padding:0;

}

#clear { 
clear: both; 
line-height: 0px;
height: 0;
font-size: 0;
}

img, div { 
behavior: url(stylesheets/iepngfix.htc);
}
/* ------------- 2. DIV Containers --------------------*/

#wrapper {
text-align: left;
width: 900px;
margin-right: auto;
margin-left: auto;
padding:0px;
}

#logo {
width:200px;
height:220px;
float:left;

}

#flash {
width:700px;
height:220px;
float:right;
}


#head_bg {
background:url(../images/head.png) no-repeat top center;
height:22px;
width:900px;
float:left;
margin-top:10px;
}


#bottom_bg {
background:url(../images/bottom.png) no-repeat top center;
height:38px;
width:900px;
float:left;
}

#main_container
{
margin-left:1px;
width:899px;
float:left;
display:block;
background:url(../images/dot.gif) repeat-y right #fff;
}

#main_container .col1{
float:left;
display:block;
width:430px;
padding: 0;

}
#main_container .col2{
float:left;
display:block;
width:240px;
padding-left:13px;

}
#main_container .col3{
float:left;
width:160px;
display:block;
padding-left:10px;
}

#main_container_inner
{
margin-left:1px;
width:899px;
float:left;
display:block;
background:url(../images/dot_inner.gif) repeat-y right #fff;
min-height:250px;
}

#main_container_inner .col1{
float:left;
display:block;
width:670px;
padding: 0;
}
#main_container_inner .col2{
float:left;
display:block;
width:160px;
padding-left:23px;

}
#navcontainer		{ margin: 0; padding: 0; }
#navcontainer ul	{ margin: 0; padding: 0; list-style: none; list-style-type: none; }
#navcontainer li 	{ margin: 0; padding: 0; list-style: none; list-style-type: none; }
#navcontainer img 	{ margin: 0; padding: 0;}
#navcontainer a		{ display:block; font-size: 11px;  font-family: Tahoma, Verdana, Arial, sans-serif; color: #717174; width: 153px; text-decoration: none; padding: 5px 0 7px 24px; height:14px; text-align:left; background-image: url(../images/dot_copyright.gif); background-repeat: repeat-x; background-position: 0 25px;}
#navcontainer a:hover	{ display:block; background-image: url(../images/side_arrow.gif); background-repeat: no-repeat; background-position: 5px 50%; background-color: #00b1ff; color: #ffffff; }

.newsletter {
width: 190px;
height: 30px;
float: left;
display:block;
margin-top:5px;
}
.input_newsletter {
width: 150px;
margin: 0;
padding-left:3px;
padding-top:2px;
color: #A8A8A8;
border: 1px solid #d7d7d7;
font-family: "Tahoma";
font-size: 11px;
height: 17px;
float: left;
}

.head_text
{
font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
font-size:14px;
color:#00b1ff;
text-align:justify;
line-height:150%;
padding:5px 0  0 20px;  
font-weight:bold;
background-image: url(../images/arrow_blue_big.gif); background-repeat: no-repeat; background-position: 5px 10px;
}



#footer {
background:url(../images/footer.png) no-repeat top center;
height:38px;
width:900px;
float:left;

}

#slogan {
height:20px;
width:440px;
float:left;
padding-left:10px;
padding-top:18px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#0072ff;
}

#copyright {
height:20px;
width:420px;
float:right;
text-align:right;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
padding-top:18px;
padding-right:15px;
}


/* ------------- 3. Text ------------------------------*/
h1 {
color:#6b9056; 
font-size:16px; 
font-weight:bold; 
margin:0 0 10px 10px; 
padding:0 5px 0 15px; 
background: url(../images/arrow.gif) no-repeat 0 3px;
}

#main_container .col1 p{
text-align:justify;
font-family:  Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
padding-left:10px;
padding-right:7px;
line-height:180%;
}

#main_container_inner .col1 p{
text-align:justify;
font-family:  Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
padding-left:25px;
padding-right:10px;
line-height:180%;
}

.normal_text{
text-align:justify;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
line-height:180%;
}

.news_text
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:justify;
line-height:130%;
padding-left:10px;
}

#copyright p{
text-align:right;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
padding-right:10px;
}

/* ------------- 4. Links ----------------------------*/

#top_links a:link, #top_links a:visited, #top_links a:active
{
color:#4d4d4d;
text-decoration:none;
}

#top_links a:hover {
color: #ffffff;
text-decoration: underline;
}

#sub_images a:link, #sub_images a:visited, #sub_images a:active {
display:block;
float:right;
font-weight: bold;
color: #4d4d4f;
text-decoration:underline;
padding:5px;

}

#sub_images a:hover {
color: #ffffff;
text-decoration:none;
background-color:#4c4c4c;
}

#copyright a:link, #copyright a:visited, #copyright a:active {
color: #ffffff;
text-decoration: underline;
}

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

#scroller_link a:link, #scroller_link a:visited, #scroller_link a:active {
display:block;
float:right;
width:100px;
height:17px;
color:#5e5e50;
text-decoration:none;
text-align:center;
background-color:#b9ba9d;
padding-top:2px;
padding-bottom:2px;
font-family:Arial, Helvetica, sans-serif;

}

#scroller_link a:hover {
color: #fff;
text-decoration: none;
background-color:#0d344e;
}
/* ------------- 5. Forms ----------------------------*/

div#NewsletterBox
{
float: right;
display: block;
width: 170px;
height: 15px;
padding: 0;

}

div#NewsletterBox input
{
display: inline;
color: #999999;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
margin-right: 3px;
border-width: 1px;
}



div#NewsletterBox input.ImageButton
{
position: relative;
top: 2px;
}



div#NewsletterBox input[type='image']
{
position: relative;
top: 4px;
}

.cssform p{
width: 600px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 255px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
float: left;
text-align:right;
margin-right:10px;
margin-left: 159px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
height:16px;
display: inline;
color: #999999;
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
font-size: 12px;
margin-right: 3px;
border:1px solid #ADADAD;
}
.cssform textarea{
color: #999999;
width: 250px;
height: 110px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
}

a.ovalbutton{
background: transparent url('../images/oval-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
margin-left:400px;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/oval-green-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}