* { margin: 0; padding: 0; }

body {
margin:15px 0px 0px 0px;
color: #333;
background-color: #D1DAED;
font-size: 62.5%; 
font-family: Arial, Helvetica, sans-serif; 
font-style: normal;
font-weight: normal;
font-variant: normal;}

#page {
background-color:#fff;
background-image:url(media/back_overlay_1.gif);
background-repeat:no-repeat;
background-position:bottom left;
width:990px;
margin:0 auto;
min-height:800px;
}

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


/* Synergy Portal layout elements */
#header {
background: url(media/back_header.gif);
background-position: top;
background-repeat: no-repeat;
background-color:#d1daed;
width: 990px;
}

#logo {
    float: left;
    width: 180px;
    margin: 0px;
    border: 0;
    padding: 0px 0px 0px 25px;
}
	
#bar {
clear:both;
padding: 0px;
margin: 0px;
width:990px;
height: 25px;
background-color:#003399;
}

/* column elements start here */
#leftcol {
    float: left;
    width: 456px;
    margin: 0px 0px 0px 0px;
    border: 0;
    padding: 40px 0px 0px 25px;
}


/* right column elements start here */
#rightcol{
width: 400px;
padding: 40px 20px 0px 50px;
float: left;
text-align:left;
background-color:#FFFFFF;}

p{
color: #666;
font-size: 1.2em;
line-height: 1.6em;
text-align: justify;}

h1{
font-family: Georgia, Times, serif;
text-decoration:none;
font-weight:normal;
color: #677718;
font-size: 2em;
}



#navigation li a:hover
{font-weight: normal;
color: #FFF;
text-decoration: none;
background-color:#0188C6;

}

#navigation a#active, #navigation a:hover#active
{color: #FFF;
font-weight: normal;
text-decoration: none;
background-color:#0188C6;
}




#us {
clear:both;
padding: 10px 0px 10px 115px;
margin: 25px 0px 0px 0px;
width: 285px;
background-color:#003399;
color:#FFFFFF;
font-size: 1.4em;
}

#us a:link, #us a:active, #us a:visited {font-weight: normal; text-decoration: none; color: #fff;} 
#us a:hover {text-decoration: none; color:#999 ;}


#eu {
clear:both;
padding: 10px 0px 10px 115px;
margin: 25px 0px 0px 0px;
width: 285px;
background-color:#677718;
color:#FFFFFF;
font-size: 1.4em;
}

#eu a:link, #eu a:active, #eu a:visited {font-weight: normal; text-decoration: none; color: #fff;} 
#eu a:hover {text-decoration: none; color:#999 ;}

/* footer elements start here */
#footer {
clear:both;
font-size: 1em;
line-height: 1.5em;
color: #666;
padding: 10px 0px 20px 0px;
margin: 0px auto;
text-align: right;
width:990px;
}

#footer p{
text-align: right;
}

#footer a:link, #footer a:active, #footer a:visited {font-weight:normal; text-decoration: none;color: #999;} 
#footer a:hover {font-weight:normal; text-decoration: none; color: #EE0000;}