body {
margin : 0;
padding : 5px;
text-align : left;
font : 75% "Trebuchet MS", verdana, arial, sans-serif;
line-height : 1.5em;
background : black url(img/banner1.jpg) top center repeat-y;
color : #000;
}


			/*CONTAINER*/
#wrapper 
{
position : relative;
width : 1000px;
margin-right : auto;
margin-left : auto;
padding : 0;
border : 2px solid maroon;
background : #fff;
}
			/*TOP TITLE BAR*/
#title {
width : 770px;
margin-left : 5px;
padding : 0;
text-align : right;
background : #fff;
color : #000;
}
#title h1 {
margin : 0;
padding : 10px;
font-size : 175%;
text-transform : uppercase;
letter-spacing : 5px;
background : inherit;
color : maroon;
}
			/*BANNER*/
#header {
background : url(images/header.jpg) no-repeat;
width : 770px;
height : 200px;
margin : 0 0 0 5px;
padding : 1px 0 20px 0px;
}
			/*TOP NAVIGATION*/
.containerr {
width : 1000px;
height : 35px;
margin : 0px 0 10px 0px;
background-color:maroon;
color:#FFFFCC;
}

#submit {
width : auto;
height : auto;
background-color:maroon;
color:#FFFFCC;
font-size: 1em;
 border-radius: 5px;
 }
 
 #submit_level{
width : auto;
height : auto;
background-color:maroon;
color:#FFFFCC;
font-size: 1em;
 border-radius: 5px;
 }
 
#navCircle {
margin : 0;
padding : 0 0 20px 20px;
}

#navCircle1 {
margin : 0;
padding : 0 0 20px 20px;
}

#navCircle li {
margin : 0;
padding : 0;
display : inline;
list-style-type : none;
margin-top:5px;
}

#navCircle1 li {
margin : 0;
padding : 0;
display : inline;
list-style-type : none;
margin-top:1px;
}

#navCircle a:link, #navCircle a:visited {
float : left;
font-size : 1.3em;
padding : 0 25px 15px 25px;
text-decoration : none;
background : inherit;
color:#FFFFCC;
margin-top:5px;
}

#navCircle1 a:link, #navCircle a:visited {
float : left;
font-size : 1.2em;
padding : 0 25px 15px 25px;
text-decoration : none;
background : inherit;
color:#FFFFCC;
margin-top:5px;

}
#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
background-color : inherit;
color : #FFFFCC;

}
			/*MAIN CONTENT*/
#content {
width : 96%;
float : left;
margin-top : 0;
margin-left : 11px;
padding : 5px;

}
#content p {
padding : 0 20px;
}
			/*SIDEBAR*/
#right-col {
width : 175px;
margin : 5px 0 0 590px;
border-left : 1px none #28460a;
padding : 3px;
}
			/*FOOTER*/
#footer {
margin : 50px 0 0 0;
padding : 5px;
font : 90% "Trebuchet MS", verdana, arial, sans-serif;
background : maroon;
color : #fff;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #b2d094;
}
#footer a:hover {
background : inherit;
color : #fff;
text-decoration : none;
}
			/*SCROLLBAR*/
div.scroll {
height : auto;
width : 160px;
padding : 1ex;
margin : 0 0 30px 5px;
border : 1px solid #345411;
background : #BCE0A8;
color : #000;
}
			/*TYPOGRAPHY*/
h2 {
margin : 20px;
font-size : 140%;

letter-spacing : 3px;
background : inherit;
color : maroon;
}
h3 {
margin : 5px;
font-size : 120%;
letter-spacing : 5px;
background : inherit;
color : maroon;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
			/*LINKS*/
a img {
border : none;
}
a:link, a:visited {
text-decoration : none;
background : inherit;
color : #457C05;
}
a:hover {
text-decoration : underline;
background : inherit;
color : #666;
}
ul.side {
list-style-type : square;
padding : 0;
margin : 0;
background : inherit;
color : #457C05;
}
.side li {
padding-left : 0.2em;
margin-left : 2em;
}
			/*CLASSES*/
.news {
font-size : 90%;
background : inherit;
color : #000;
}
.imgleft {
float : left;
border : 1px solid #345411;
padding : 5px;
margin-right : 15px;
}
.imgright {
float : right;
border : 1px solid #345411;
padding : 5px;
margin-left : 15px;
}

 /* Dropdown Button */
.dropbtn {
    background-color: maroon;
    color: #FFFFCC;
    padding: 6px;
    font-size: 15px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: maroon;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	    font-size: 10px;

}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: maroon;
}