body {
background-color: #bdbfbe;
font-size:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
width: 80%;
background-color:#FFFFFF;
margin: 0 auto;
padding: 0px;
border: 5px solid #3300FF;
}

p { font: 90% arial, helvetica, sans-serif;  color:#000080; 	padding: 0; margin-top: 0px; background-color: transparent; }
h2 { 	font: 1.2em bold  georgia, times-roman, serif; color:#000080;  letter-spacing: 1px;   background-color: transparent;   }
h3 {  font: bold italic 95% arial, helvetica, sans-serif;    }


#header { padding: 15px; margin: 0px; border: 5px solid #00CC33; }

#footer { clear: both;  margin: 0px; border: 5px solid #9900CC; padding: 15px;  }


#container
	{ width:740px; position:absolute; left:50%; margin:0 -380px; background:#ffffff; border:10px solid #3300FF; height:auto; }

h1
	{ width:738px; margin:1px; color:#4C1B1B; font:helvetica; font-size:24pt; overflow:hidden; padding:80px 0 0; vertical-align:middle; text-align:right; }
p	{ margin:0; padding:1.2em; }
p a:link,
p a:visited,
p a:hover,
p a:active
	{ font-weight:bold; color:#b9121b; }

ul#navigation-1
	{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #b9121b; border-bottom:1px solid #b9121b; font:normal 8pt verdana, arial, helvetica;}
ul#navigation-1 li
	{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ec454e; color:#ffffff; width:146px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
	
ul#navigation-1 li ul.navigation-2
	{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:146px; position:absolute; top:21px; left:-1px; border:1px solid #b9121b; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li
	{ width:146px; clear:left; width:146px; }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{ clear:left; background:#b9121b; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
	{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3
	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
	{ background:#b9121b; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
	{ background:#ec454e; }
ul#navigation-1 li ul.navigation-2 li a span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }


#sidebar {  float:left;   clear: left;  width: 26%;  margin-top: 1px; padding: 0px;  border: 5px solid #FF6600;  }

#sidebar a {
	color: #7C6240;
}

#sidebar a:hover {
	text-decoration: none;
}

#content {  float:right;  width:70%; margin:0 auto;  padding: 0px;  border: 5px solid #FFFF33;   }

/*

#container
	{ width:740px; position:absolute; left:50%; margin:0 -380px; background:#ffffff; border:10px solid #3300FF; height:400px; }


#content {  margin-left: 33%;  margin-top: 1px;  padding: 10px;  border: 5px solid #FFFF33;   }

#sidebar {  margin-left: 0%;  width: 29%;  margin-top: 1px; padding: 10px;  clear: left;  border: 5px solid #FF6600;  }

div#container{width:700px;margin:0 auto}
div#sidebar{float:right;width:500px}

*/







a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
}

/* 
Create the bottom navigation - to include the navigation in the <div id="footer"> section of the page, I use div#footer and code each link accordingly. To make the list go horizontally I use: display: inline; 
http://www.isitebuild.com/css/css-layout.html
*/

div#footer ul li{
color : #000000;
background-color : transparent;
display: inline;
}

div#footer ul li a{
color : #115EAC;
background-color : transparent;
text-decoration : none;
}

div#footer ul li a:hover{
text-decoration : underline;
}
-->