@charset "utf-8";
/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif;
margin:0 auto 0 auto;
background:#fff;}

/* specific divs */

#container { width:980px;
margin:20px auto 0 auto;}

.clear { clear:both;}


/* header this includes logo and main image */

#header {}

#header #logo { border-top:1px solid #f8a54b;
border-bottom:1px solid #f8a54b;
float:left;
width:220px;
padding:58px 0 58px 0;
.padding:60px 0 60px 0;
text-align:center;}

#header #logo img { margin:0 0 0 30px;}

#header #image { float:left;
margin:0 0 0 10px;
/*background-color:#feecd8;
border-bottom:1px solid #fbc68d;*/}

/* main content */

#main { margin:0 0px 10px 0;
/*background:url(../images/shadow.jpg) 81% 0% no-repeat;*/
height:100%;}

/* left column - sub menu and free advice */
#main #left #side-menu { border:1px solid #f78f1e;
border-top:none;
margin:-11px 0 0 0;
padding:0;}

#main #left #side-menu ul { font-size:74%;
color:#f78f1e;
padding:0;
margin:10px 0 10px 0;}

#main #left #side-menu li { list-style:none;
font-weight:bold;}

#main #left #side-menu li.norm { border-bottom:1px dotted #f78f1e;
padding:7px 5px 7px 5px;}

#main #left #side-menu li.last { border-bottom:none;
padding:7px 5px 0px 5px;}

#main #left #side-menu a { background:url(../images/side-arrow.jpg) left center no-repeat;
margin:0 0 0 20px;
padding:0 0 0 10px;
color:#f78f1e;
text-decoration:none;}

#main #left #side-menu a:hover { color:#fabb77;}

#main #left { float:left;
width:220px;
margin:0 20px 0 0;}

/* free advice box */

#main #left #advice { background-color:#f78f1e;
padding:0 0 10px 0;}

#main #left #advice h2 { font-size:80%;
font-weight:bold;
color:#fff;
border-bottom:1px solid #fff;
margin:10px;
padding:10px 0 3px 0;}

#main #left #advice p { color:#fff;
font-size:74%;
margin:10px;}

#main #left #advice form { }

#main #left #advice input { border:1px solid #fbc68e;
font-size:74%;}

#main #left #advice .email { background-color:#f68e1e !important;
color:#fff;
width:135px;
margin:0 0 0 10px;}

#main #left #advice .btn { background:url(../images/btn-bg.jpg) repeat-x;
width:50px;
color:#fff;
font-weight:bold;}

/* middle column - content */

#main #middle { float:left;
width:450px;}

#main #middle h1 { color:#f68e1e;
font-size:130%;
margin:20px 0 10px 0;}

#main #middle p { color:#747473;
font-size:74%;
line-height:18px;}

#main #middle .p1 { font-weight:bold;}

#main #middle a { color:#747473;
text-decoration:underline;}

#main #middle a:hover { color:#747473;
text-decoration:underline;}

/* right column - latest news */

#main #right { float:left;
width:200px;
margin:20px 0 0 20px;}

#main #right #text { width:200px;
background-color: transparent;   
position: absolute; 
z-index: 2;
padding:0;
border:1px solid #fde2c6;}

#main #right #text_bg { width:200px;
height:250px;
background-color:#fff;  
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;}

#main #right h2 { font-size:100%;
color:#f68e1e;
margin:10px;
border-bottom:1px solid #fde2c6;
padding-bottom:3px;}

#main #right p { font-size:74%;}

#main #right p a { color:#747473;
text-decoration:none;}

#main #right p a:hover { color:#747473;
text-decoration:underline;}

#main #right .view { font-weight:bold;
margin:0 10px 10px 0;
color:#747473;
float:right;}

#main #right .article { margin:10px;
color:#747473;
border-bottom:1px solid #fde2c6;}

#main #right .article h3 { font-size:80%;
font-weight:bold;}

#main #right .article h3 a { color:#747473;
text-decoration:none;}

#main #right .article h3 a:hover { color:#747473;
text-decoration:underline;}

#main #right .article p a { color:#747473;
text-decoration:underline;}


/* footer */

#footer { border-top:1px solid #f78f1e;
color:#6a6969;
margin: 10px 55px 10px 0;
.padding:10px 0 10px 0;}

#footer p { font-size:70%;}

#footer a { color:#6a6969;
text-decoration:none;}

#footer a:hover { color:#6a6969;
text-decoration:underline;}

#footer #footer-left { float:left;
margin:10px 0 10px 20px;}

#footer #footer-right { float:right;
margin:10px 20px 10px 0;}