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

body {
	background-color: #262626;
	background-image:url(../images/backgroundpat.jpg);
	background-repeat: repeat-x;
	}

#logo {background-image:url(../images/logo.jpg);
width: 95px;
height: 84px;}

h1 {color:#FFF;
position:absolute;
left: 125px;
top: 10px;}

*html h1 {
	top: 35px;}

/* Navbar */
#navbar {background-image:url(../images/navback.jpg);
background-repeat:repeat-x;
clear: both;
width: 800px;
height: 25px;
position:absolute;
left: 0px;
margin-top: 35px;
margin-left: auto;
margin-right: auto;
clear:both;
font-family: "Copperplate Gothic light";
text-align: center;}

* html #navbar {
padding: 0px;
}


#navbar ul{
font-weight: 900;
width:100%;
list-style:none;
margin:3px 0px 0px 10px;
padding:0px;
font-size:12px;
}


#navbar li{
	display:inline;
	background:none;
	border-right:1px solid #999;
	margin:0px 1em 0px 0em;
	padding:0 1em 0 0px;
	line-height:1.5em;
}

#navbar li.noborder {
border: none;
}

#navbar a {
text-decoration: none;
color: #FFF;
}

#navbar a:visited {
color:#ffffff;
text-decoration:none;
}

#navbar a:hover {
text-decoration: none;
color: #fdca00;
}
#navbar a:active {
	text-decoration: none;
	color: #ffffff;
}


#emblem {background-image:url(../images/rotcemblem.gif);
background-repeat:no-repeat;
height: 675px;
width: 150px;
position: absolute;
left: 800px;
border-right:1px solid #000;
border-bottom:1px solid #000;}

*html #emblem
{height: 665px;
}

#emblem ul {
	margin-top:105px;
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	color:#fdca00;
	text-align:center;}

#emblem a {
color:#fff;
text-decoration: none;
font-variant:small-caps;
border: 0px;
border-style:none;}

#emblem li {
	margin-bottom: 10px;}

#emblem a:hover {
color:#fdca00;
text-decoration:none;}

#emblem img {
  border-style: none;}

/*sidenav*/
#sidnav ul {
	margin-top:125px;
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	color:#fdca00;
	text-align:center;
	font-family: "Copperplate Gothic light";}

#sidenav a:hover {
	color:#fdca00;}

/*content*/

.content {
	color: #000;
	position:absolute;
top:160px;
width:785px;
height: auto;
background:#CCC;}

*html .content {
	top: 170px;
	padding-bottom: 10px;}

.content h2 {
	margin-left: 15px;
	color: #000;
	font-family: "Copperplate Gothic light";
	text-decoration:underline;}

.content h3 {margin-left: 15px;}


.content p {
	margin-left: 25px;}
	
.content a {color: #333;
background:#CCC;}

.content a:hover {font-style:italic;}