/* Layout Stylesheet */ 

/* overall style */ 
body {
 margin:0px;
 background:#444362;
 color: #ffffff;
 text-align:center;
 padding:0;
 font-family: Verdana, sans-serif;font-size: 65%;
 }

/* main layout, nothing is outside of this except the base area */ 
#layout {
 text-align:left;
 border:1px solid #555555;
 background: #333333;
 width:780px;
 margin:auto;
 }

#topbar {
 text-align:right;
 background:#000000;
 color: #ffffff;
 padding: 3px;	
}

/* branding area at the top */ 
#header {
 height:200px;
 background: #333333 url(images/top.jpg) top left no-repeat;
 }

/* basic bar */ 
#bar {
 background-image: url(images/bar.jpg);
 background-repeat:repeat-x;
 color: #ffffff;
 border:solid #666666;	
 border-width:1px 0 1px 0;
 padding: 5px;
 text-align:center;
 font-weight: bold;
 }

/* left content area */ 
#left {
 float:left;
 background: url(images/bardot.gif);
 background-repeat:repeat-x;
 color: #bbbbbb;
 width:170px;
 text-align:left;
 padding: 5px;
}

/* main content */ 
#content {
 float:left;
 width:589px;
 background: url(images/bardot.gif);
 background-repeat:repeat-x;
 color: #bbbbbb;
 border:solid #666666;	
 border-width:0 0 0 1px;
 text-align:left;
 padding:5px;
 }

/* footer */ 
#footer {
 clear: both;
 color: #aaabbb;
 text-align:center;
 background: url(images/bar.jpg);
 background-repeat:repeat-x;
 border:solid #666666;	
 border-width:1px 0 0 0;
 padding:5px;
 margin:auto;
 }

/* base */ 
#base {
 background:#ffffff;
 text-align:center;	
 padding:5px;
 font-size: 100%;
 color: #ffffff;
 height:63px;
 width:772px;
 margin:auto;
 background: #3185BD url(images/base.jpg);
 }


/* all the links*/ 
 #bar a:link {color: #ffffff; font-weight: bold; text-decoration : none;}
 #bar a:visited {color: #ffffff; font-weight: bold;text-decoration : none;}
 #bar a:hover {color: #666fff; font-weight: bold;text-decoration : none;}
 #bar a:focus {color: #ffffff; font-weight: bold;text-decoration : none;}
 #bar a:active {color: #ffffff; font-weight: bold;text-decoration : none;}

 #topbar a:link {color: #ffffff; font-weight: bold;text-decoration : none;}
 #topbar a:visited {color: #ffffff; font-weight: bold;text-decoration : none;}
 #topbar a:hover {color: #6666ff; font-weight: bold;text-decoration : none;}
 #topbar a:focus {color: #ffffff; font-weight: bold;text-decoration : none;}
 #topbar a:active {color: #ffffff; font-weight: bold;text-decoration : none;}

 #base a:link {color: #ffffff; font-weight: normal;text-decoration : none;}
 #base a:visited {color: #ffffff; font-weight: normal;text-decoration : none;}
 #base a:hover {color: #cccccc; font-weight: normal;text-decoration : none;}
 #base a:focus {color: #ffffff; font-weight: normal;text-decoration : none;}
 #base a:active {color: #ffffff; font-weight: normal;text-decoration : none;}

 #left a:link {color: #ffffff; font-weight: normal;text-decoration : none;}
 #left a:visited {color: #ffffff; font-weight: normal;text-decoration : none;}
 #left a:hover {color: #6666ff; font-weight: normal;text-decoration : none;}
 #left a:focus {color: #ffffff; font-weight: normal;text-decoration : none;}
 #left a:active {color: #ffffff; font-weight: normal;text-decoration : none;}

 #content a:link {color: #ffffff; font-weight: normal;text-decoration : none;}
 #content a:visited {color: #ffffff; font-weight: normal;text-decoration : none;}
 #content a:hover {color: #6666ff; font-weight: normal;text-decoration : none;}
 #content a:focus {color: #ffffff; font-weight: normal;text-decoration : none;}
 #content a:active {color: #ffffff; font-weight: normal;text-decoration : none;}