/******************************************************************************************************************
Visit creativelines.rjzone.com for more layouts and downloads for this template!
Please keep this information intact, and I love to see how my templates are being used send me an email at creativelines@rjzone.com with a linkto the site you use this template in. 
******************************************************************************************************************/
body {
margin : 0;
padding : 0;
line-height : 1.5em;
font : 75% "verdana", tahoma, verdana, arial, sans-serif;
background : #FFFFFF
color : #666;
}
#container {
width : 600px;
margin-right : auto;
margin-left : auto;
}
/**************************************************************
  Header Image
 **************************************************************/
#banner {
width : 600px;
height : 150px;
margin-bottom : 10px;
padding : 0;
background : url(img/head2.jpg);
}
/**************************************************************
   Top menu
 **************************************************************/
#title h1 {
margin : 0;
padding : 10px;
font-size : 1.5em;
color : #660000;
background : inherit;
}
.container {
width : 600px;
margin : 0;
padding : 0;
}
#top-nav {
text-transform : uppercase;
font-weight : 600;
height : 20px;
margin : 0;
padding : 0 0 30px 20px;
border-bottom : 0 solid #eee;
}
#top-nav li {
margin : 0;
padding : 0;
display : inline;
list-style-type : none;
}
#top-nav a:link, #top-nav a:visited {
float : left;
padding : 0 20px 20px 20px;
text-decoration : none;
color : #66000;
background : inherit;
}
#top-nav a:link.active, #top-nav a:visited.active, #top-nav a:hover {
background : inherit;
color : #FF0000;
background : url(img/top_menu.png) no-repeat bottom center;
}
/**************************************************************
   All page content except for footer
 **************************************************************/
#content {
float : left;
width : 420px;
margin : 0;
padding : 0;
border-right : 1px solid #eee;
}
#content p {
margin : 20px;
}
h1 {
margin-top : 15px;
padding : 0 0 0 0;
text-transform : uppercase;
font-size : 1.5em;
border-bottom : 1px solid #eee;
border-top : 1px solid #eee;
color : #008000;
background : inherit;
}

/**************************************************************
   Page Menu
 **************************************************************/
#side {
width : 160px;
margin : 0 0 0 426px;
padding : 0;
}
#side h2 {
font-size : 1em;
color : #666666;
background : inherit;
}
#side-nav {
margin : 0 0 0 20px;
padding : 0;
list-style-type : none;
color : #333;
background : inherit;
}
#side-nav a {
line-height : 2em;
background-color : inherit;
display : block;
text-decoration : none;
background : url(img/side_menu.png) no-repeat right;
color : #FF0000;
}
#side-nav a#current, #side-nav a:hover {
text-decoration : none;
background-color : #fff;
background : url(img/side_menu_hover.gif) repeat-y;
color : #000;
}
.sideheader {
margin : 0;
padding : 10px;
font-size : 1.4em;
text-transform : uppercase;
letter-spacing : 5px;
color : #8c9e18;
background : inherit;
}
.myborder {
border : 1px solid #660000;
padding : 5px;
}
a img {
border : none;
}
a:link, a:visited {
text-decoration : none;
color : #FF0000;
background : inherit;
}
a:hover {
text-decoration : none;
color : #660000;
background : inherit;
}
/**************************************************************
  Page menu News Scroll Block
 **************************************************************/
.news {
color : #666;
background : inherit;
}
div.scroll {
overflow : auto;
margin : 0 0 20px 10px;
padding : 1ex;
height : 8em;
border : 1px solid #eee;
background : #fff;
color : #866709;
}
/**************************************************************
 Links Page Menu Block
 **************************************************************/
.more-links ul li {
list-style-image : url(img/arrow.png);
padding-left : 5px;
margin-bottom : 10px;
}
.more-links {
padding : 10px;
margin-left : 10px;
color : #666;
background : #f7f7f7;
}

/**************************************************************
  Footer
 **************************************************************/
#footer {
clear : both;
width : 600px;
padding : 0;
margin : 0;
border-top : 1px solid #eee;
font-size : 0.9em;
color : #333;
background : inherit;
}
#footer a:link, #footer a:visited {
color : #c86000;
background : inherit;
}
#footer a:hover {
border-bottom : 1px dashed #eee;
color : #8c9e18;
background : inherit;
}
