/* zeros out padding and margin and adds a black background */
body{
padding: 0;
margin: 0;
background-color: #000000;
font-family: Georgia, Times New Roman, serif;
}

/* sets the wrapper div width to 900px wide w/ a top margin of 0 */
#wrapper{
margin: 0 auto;
padding: 0px;
width: 900px;
border: 1px solid #BF1573;
}
/* gives the header a light green background to allow navigation bar to span entire 900px */
#header{
background: url("images/CarolinasJC_header.jpg") no-repeat #000;
width: 900px;
height: 125px;
margin: 0px;
padding-top: 1px;
}

#header h1, h2{
color: #86912F;
padding-left: 325px;

}
/* floats entire page to right, sets 900px width*/
#content_wrapper{
float: right;
width: 900px;
}
/* removes bullets from horizontal navigation */
#navigation{
list-style: none;
padding: 0px;
padding-top: 5px;
}
/* floats navigation to the left, removes right margin */
#navigation li{
float: left;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 15px;
}
/* sets font weight size family and color, background color, removes the underline  */
#navigation li a{
font: bold 13px;
background: #000;
padding: 5px;
display: block;
color:#86912F;
text-decoration: underline;
}
/* gives the navigation different background color and font color on rollover */
#navigation li a:hover{
background: #000;
color: #BF1573; 
}
/* clears floats on green_bar image and removes padding and margin */
.green_bar{
clear: both;
padding: 0px;
margin: 0px;
}
/* removes padding and margin on all images on website */
.image{
padding: 0px;
margin: 0px;
text-align: center;
}

/* sets the content area width to 900px and creates illusion of left and right 
sidebar with an image repeated along the y axis */
#content{
width: 900px;
background: url(images/content_repeaty.gif) top left repeat-y;
}


/* floats div to the left with 700px width to fit left sidebar and content */
#content_outer_left{
float: left;
width: 700px;
}
/* sets the right sidebar to float right with a 200px width */
#rightSidebar{
float: right;
width: 200px;
}

#rightSidebar h3{
color: #86912F;
padding: 0px 5px;
}

/* styles paragraph font within the right sidebar */
#rightSidebar p{
font-size: 12px;
color: #BFB78E;
padding: 0px 5px;
}
/* gives the vertical list based navigation a green background and sets it to span the entire sidebar */
#list_nav{
background: #fff;
margin: 0 auto;
width: 100%;
}
/* styles the h3 on the list based navigation */
#list_nav h3{
font: 18px;
font-weight: bold;
text-align: center;
color: #fff;
background: #000;
padding: 5px 10px;
}
/* styles the vertical list based navigation and adds images instead of bullets */
#list_nav ul{
font-size: 14px;
list-style: url(images/buzzets.gif);
padding-bottom: 10px;
color: #fff;
border: 5px;
border-color: #000;
}
#list_nav li{
margin-bottom: 10px;
}
#list_nav li a{
font-size: 12px;
text-decoration: none;
color: #ffffff;
}
/* sets the left sidebar to float left with a 200px width */
#leftSidebar{
float: left;
width: 200px;
}
#leftSidebar h3{
color: #86912F;
padding: 0px 5px;
}
#leftSidebar img, a{
text-decoration: none;
border: none;
}
/* sets font size/family/color for paragraph tags within the left sidebar */
#leftSidebar p{
font-size: 12px;
color: #BFB78E;
padding: 0px 5px;
}
/* floats content div to right to locate in center of page, sets width to 490px to allow for margin, font size/family, background color to white */
#mainContent{
float: right;
width: 490px;
font-size: 12px;
background-color: #BFB78E;
text-align: center;
margin: 5px;
min-height: 375px;
}
/* sets the font size/family/weight/color of the h1 contained in the content div */
#mainContent h3{
font: 22px;
font-weight: bold;
color: #000;
margin: 5px;
text-decoration: underline;
}

#mainContent h4, a{
color: #000;
text-decoration: underline;
}

#mainContent p{
line-height: 18px;
padding: 3px;
}

.link(
color:#86912F;
text-decoration: underline;
	
)
#footer{
background: #000000;
font: bold 10px;
clear: both;
padding: 0;
width: 900px;
}
#footer p{
color: #86912F;
text-align: center;
font-size: 11px;
}