/* Layout Stylesheet */ 

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

/* main layout, nothing is outside of this */ 
#layout {
 text-align:left;
 border:1px solid #cccccc;
 background: #ffffff;
 width:778px;
 margin:auto;
 }

#topbar {
 text-align:right;
 color: #0076A9;
 padding: 3px;	
}

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

/* basic bar */ 
#bar {
 background-image: url(images/menubar.gif);
 background-repeat: repeat-x;
 color: #ffffff;
 border:solid #cccccc;	
 border-width:1px 0 1px 0;
 height: 28px;
 }

/* content */ 
#contentarea {
 width:778px;
 background: url(images/contentbg.gif) repeat-y;
 }

/* main navigation area */ 
#nav {
 float: left;
 color: #ffffff;
 width:170px;
 text-align:left;
 padding: 5px;
 font-size: 110%;
}

/* main content */ 
#content {
 float: right;
 width:585px;
 text-align:left;
 padding:5px;
 }

/* classes */

.clear {clear: both;}
 span.c2 {float:left; margin-left: 0.5em; margin-right: 1.5em}
 span.c1 {float:right; margin-right: 0.5em; margin-left: 1.5em}

/* footer */ 
#footer {
 clear: both;
 background-image: url(images/menubar.gif);
 background-repeat:repeat-x;
 color: #ffffff;
 text-align:center;
 border:solid #cccccc;	
 border-width:1px 0 0 0;
 padding:5px;
 }

/* base */ 
#base {
 text-align:center;	
 border-width:1px 0 0 0;
 padding:2px;
 font-size: 100%;
 color: #6BBA21;
 width:772px;
 margin:auto;
 }

/* all the links and other text*/ 
 h3 {color: #0E7CAB;}
 #nav {color: #000000; font-weight: bold;}
 #nav a:link {color: #0E7CAB; font-weight: bold; text-decoration : none;}
 #nav a:visited {color: #0E7CAB; font-weight: bold;text-decoration : none;}
 #nav a:hover {color: #6BBA21; font-weight: bold;text-decoration : none;}
 #nav a:focus {color: #0E7CAB; font-weight: bold;text-decoration : none;}
 #nav a:active {color: #0E7CAB; font-weight: bold;text-decoration : none;}

 #topbar a:link {color: #000000; font-weight: bold;text-decoration : none;}
 #topbar a:visited {color: #0E7CAB; font-weight: bold;text-decoration : none;}
 #topbar a:hover {color: #6BBA21; font-weight: bold;text-decoration : none;}
 #topbar a:focus {color: #000000; font-weight: bold;text-decoration : none;}
 #topbar a:active {color: #000000; font-weight: bold;text-decoration : none;}

 #base a:link {color: #0E7CAB; font-weight: normal; text-decoration : none;}
 #base a:visited {color: #0E7CAB; font-weight: normal; text-decoration : none;}
 #base a:hover {color: #6BBA21; font-weight: normal;text-decoration : none;}
 #base a:focus {color: #0E7CAB; font-weight: normal; text-decoration : none;}
 #base a:active {color: #0E7CAB; font-weight: normal; text-decoration : none;}