/* CSS Document */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset{margin:0; padding:0; border:0;}
a img{border:none;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
.textForm {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
/*------------------------------------------------------------------ 
# [Table of contents] 
#  
# 1. Body 
# 2. Wrapper / #wrapper
# 3. Header / #header 
# 4. Main / #main
# 5. Promo / #promo
# 6. Navigation / #nav
# 7. Footer / #footer 
# 8. Left column / #leftcolumn 
# 9. Right column / #rightcolumn 
# -------------------------------------------------------------------*/  

/*# 1. Body */
body
{
background:#ffffff url(images/bg2.jpg) 0 0 repeat-x; font-family:Arial, Helvetica, sans-serif; color:#666666;
}

h3
{
font-size:14px;
}
/*# 2. Wrapper */

#wrapper
{
width:998px;
margin:0 auto;
}

#wrapper a:link, #wrapper a:visited {text-decoration: none; color:#0099cc;}
#wrapper a:hover{color:#0099cc; text-decoration:underline;  }

/*# 3. Header */
#header
{
width:998px;
height:87px;
background: url(images/header.jpg) 0 0 no-repeat;
font-size:12px; 
color:#333333;
}

#header .share
{
width:600px;
height:30px;
padding:5px 10px 0 0;
float:left;
text-align:right;
}

#header input
{
width:120px;
height:18px;
padding:0;
margin:0;
font:11px Arial, Helvetica, sans-serif;
color:#999999;
display:inline;
}
#header input.button
{
width:64px;
height:20px;
background-color:#FF9900;
font:bold 11px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
padding:0;
cursor:pointer;
border:none;
margin:0px 0 0px 5px;
}

/*# 4. Main */
#main 
{
width:998px;
height:417px;
background:url(images/main.jpg) 0 0 no-repeat;
margin:0 auto;
}

#main2 
{
width:998px;
margin:0 auto;
}

#main2 .floatleft
{
float:left;
padding-right:20px;
}

#contactform
{
width:600px;
padding:20px;
}

#contactform fieldset
{
width:64px;
height:16px;
padding:0 80px 10px 0;
font:11px Arial, Helvetica, sans-serif;
color:#666666;
}

#contactform fieldset input
{
width:136px;
height:18px;
border:1px solid #cccccc;
padding:0;
margin:0 0 5px 9px;
font:11px Arial, Helvetica, sans-serif;
color:#666666;
}
#contactform input.button
{
width:64px;
height:25px;
background-color:#FF9900;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
padding:0;
cursor:pointer;
border:none;
margin:0 0 3px 5px;
}

#main a:link, #main a:visited {text-decoration: none; color:#0099cc;}
#main a:hover{color:#0099cc; text-decoration:underline;  }

#news
{
width:190px;
float:left;
padding:50px 5px 0 30px;
text-align:left;
}

#news .feed
{
font-size:11px;
color:#666666;
}

#news h3
{
color:#0099cc;
font-size:11px;
}

#latest
{
width:189px;
padding:25px 0 0 10px;
float:left;
}

#intro
{
Width:567;
height:417px;
float:left;
}

/* # 5. Promo */
#promo
{
width:998px;
height:295px;
padding:0 0 10px 0;
}

#promo .content
{
float:left;
padding:0 0px 0 3px;
}



#login
{
width: 257px;
height: 295px;
background:url(images/login.png) no-repeat;
float:left;
}

#login .form
{
width:240px;
height:100px;
font-size:11px;
padding:50px 0 0 20px;
}
#login fieldset label
{
width:64px;
height:16px;
padding:0;
font:11px Arial, Helvetica, sans-serif;
color:#666666;
display:inline;
}
#login fieldset input
{
width:136px;
height:18px;
border:1px solid #cccccc;
padding:0;
margin:0 0 5px 9px;
font:11px Arial, Helvetica, sans-serif;
color:#666666;
}

#login input.button
{
width:64px;
height:25px;
background-color:#FF9900;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
padding:0;
cursor:pointer;
border:none;
margin:0 0 3px 5px;
}
/* # 6. Navigation */
#nav
{
width:320px;
height:30px;
padding:5px 0px 0 50px;
float:left;
}


#polls 
{
width:240px;
height:295px;
background:url(images/polls.png) no-repeat;
float:left;
}

#nav ul { margin:0; padding:0}
#nav li {display:inline; padding: 0 10px 0 0;}
#nav a:link, #nav a:visited {text-decoration: none; color:#333333; font-weight:bold}
#nav a:hover{color:#006699; text-decoration:underline; font-weight:bold }


/* # 7. Footer */
#footer 
{
width:890px;
height:92px;
margin:0 auto;
padding:40px 0 10px 40px;
font-size:10px;
color:#666666;
clear:both;
}

#footer .text
{
padding:100px 0 0 0;
}

#footer img
{
float:left;
}

/* # 8. Left Collumn */
#leftcolumn 
{
width:220px;
padding:5px 0  0 30px;
float:left;
}


/* # 9. Right Collumn */
#rightcolumn 
{
width:670px;
margin:0px 0 0 0px;
font-size:12px;
float:right;
padding:20px 20px 40px 30px;
background-image:url(images/main2.png); 
background-repeat:no-repeat;
}

#rightcolumn h3
{
color:#0066CC;
}











