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

body {
background: url(../graphics/landing-routepower-bk.gif) repeat top left #fff;
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#all {
margin: 20px auto 0px auto;
width: 770px;
text-align: left;
}
.twocolumns, .footer {
position: relative;
width: 770px;
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
}
.header {
position: relative;
width: 770px;
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
vertical-align: bottom;
}
.header img {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
vertical-align: bottom;
}

.header #topnav {
position: absolute;
top: 20px;
right: 20px;
text-align: right;
width: 200px;
height: 60px;
}
.header #topnav img { vertical-align: middle; }
.header #topnav a:link, .header #topnav a:visited { color: #7495C2; text-decoration: none; font-weight: bold; font-size: 13px; }
.header #topnav a:hover { color: #7495C2; text-decoration: underline; font-weight: bold; font-size: 13px; }
.header #topnav a:active { color: #7495C2; text-decoration: none; font-weight: bold; font-size: 13px; }

.twocolumns {
background: url(../graphics/body_bk.jpg) no-repeat top left #fff;
min-height: 630px;
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
}
.twocolumns #left {
width: 166px;
background-color: #7399C6;
float: left;
}
.twocolumns #left ul {
color: #44699B;
list-style-type: none;
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
}
.twocolumns #left ul li {
background: url(../graphics/menu_bk.jpg) no-repeat top left #7399C6;
height: 26px;
font-size: 12px;
padding: 5px 0px 0px 10px; 
margin: 0px 0px 0px 0px;
}

.twocolumns #left ul li a:link, .twocolumns #left ul li a:visited { color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; }
.twocolumns #left ul li a:hover { color: #fff; text-decoration: underline; font-weight: bold; font-size: 12px; }
.twocolumns #left ul li a:active { color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; }

.twocolumns .rss {
padding: 30px 0px 10px 10px; 
margin: 0px 0px 0px 0px;
}
.twocolumns .rss img {
vertical-align: middle;
}
.twocolumns .rss a:link, .twocolumns .rss a:visited { color: #fff; text-decoration: none; font-weight: bold; font-size: 10px; }
.twocolumns .rss a:hover { color: #fff; text-decoration: underline; font-weight: bold; font-size: 10px; }
.twocolumns .rss a:active { color: #fff; text-decoration: none; font-weight: bold; font-size: 10px; }

.twocolumns #right {
width: 602px;
float: right;
padding: 0px 0px 10px 0px; 
margin: 0px 0px 0px 0px;
vertical-align: top;
}
.twocolumns #right #rightContent {
padding: 0px 15px 0px 15px; 
margin: 0px 0px 0px 0px;
vertical-align: top;
}
.twocolumns #right h1 {
background: url(../graphics/header_graphic.jpg) no-repeat top left #fff;
padding: 3px 0px 10px 30px;
margin: 10px 0px 0px 0px;
font-size: 20px;
color: #F6851D;
}
.twocolumns #right #fp {
position: relative;

}
.twocolumns #right #fp div {
position: absolute;
top: 20px;
left: 140px;
}

/* Sub pages  */
.twocolumns #right #flags {
position: absolute;
top: 35px;
right: 50px;
}
.twocolumns #right #flags img {
border: 1px solid #ccc;
}

.twocolumns #right #breadcrumbs {
background-color: #DAB870;
height: 20px;
color: #000;
font-weight: bold;
font-size: 11px;
padding: 3px 0px 0px 5px;
}
.twocolumns #right #breadcrumbs img {
vertical-align: bottom;
padding: 0px 4px 0px 4px;
}
.twocolumns #right #breadcrumbs a:link, .twocolumns #right #breadcrumbs a:visited { color: #000; text-decoration: underline; font-weight: bold; font-size: 11px; }
.twocolumns #right #breadcrumbs a:hover { color: #000; text-decoration: underline; font-weight: bold; font-size: 11px; }
.twocolumns #right #breadcrumbs a:active { color: #000; text-decoration: none; font-weight: bold; font-size: 11px; }

.bbrown {
background-color:#FBD676;
padding: 0px 0px 0px 20px;
margin: 10px 0px 10px 0px;
}
.bbrown .event, .devent {
color: #000;
background-color: #fff;
}
.bbrown .event ul, .devent ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; }

.bbrown .event a:link, .bbrown .event a:visited, .devent a:link, .devent a:visited { color: #000; text-decoration: underline; font-weight: bold; font-size: 14px; }
.bbrown .event a:hover, .devent a:hover { color: #000; text-decoration: underline; font-weight: bold; font-size: 14px; }
.bbrown .event a:active, .devent a:active { color: #000; text-decoration: none; font-weight: bold; font-size: 14px; }

.btnImage{border:1px solid #999999;}

.twocolumns #right h2 {
font-size: 13px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.footer {
clear: both;
background-color: #7399C6;
height: 25px;
text-align: center;
color: #fff;
font-size: 12px;
}
.footer p {
padding: 5px 0px 5px 0px; 
margin: 0px 0px 0px 0px;
}
.footer a:link, .footer a:visited { color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; }
.footer a:hover { color: #fff; text-decoration: underline; font-weight: bold; font-size: 12px; }
.footer a:active { color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; }