/*** CGCC CSS ****/

/*** Base Selectors - Universal properties ***/

	* {
		margin:0;
		font-family:verdana, geneva, arial, helvetica, sans-serif;
		padding:0;
	}

	body {
	background-color:#50581D;
	}	

	a {
		text-decoration:underline;
		color:#0000FF;
		cursor:pointer;
		border:0;
	}

	/*** Sets the text properties for all links when hovered over ***/
	a:hover { 
		text-decoration:underline;
		color:#666633; 
	}
	
	a:visited {
	color:#999900;
	}

	/*** Default heading attributes set here ***/ 
	h2 {
		color:#666633;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:600;
		font-size:20px;
		margin-bottom:4px;
	}
	
	h3 {
		color:#666633;
		font-weight:bold;
		font-size:16px;
		margin-bottom:4px;
	}
	
	h3.Rside {
		color:#666633;
		font-weight:bold;
		font-size:16px;
		margin:0 0 4px 0;
		[if IE 7] margin:0 0 4px -30px;
	}
	
	h3.Lside {
		color:#666633;
		font-weight:bold;
		font-size:16px;
		margin:0 0 0 5px;
		[if IE 7] margin:0 0 4px -20px;
	}

	h4 {
		font-size:12px;
		font-weight:bold;
		color:#000099;
		margin:10px 0 0 0;
	}

label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14pt;
	margin-bottom:5px;
	padding:0 8px 15px 0;
	}
	
/*** The font size and line height properties for the 
main text for all pages is set here ***/
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15pt;
	margin-bottom:5px;
	padding:0 8px 15px 0;
	}

	/*** Shared Classes ***/
	.left { 
		float:left; 
	}
	.right { 
		float:right;
	}

/*** End Base Selectors ***/

/*** Body Structure ***/
/*** Wrapper -- This surounds the entire body content, including the navbar and the Header. Background color for the content area is set here as well as the appearance of the side borders. Margin attributes center the content on the page ***/
div#wrapper {
	width:1020px;
	margin:0 auto;
	border-left:2px solid #666600;
	border-right:2px solid #666600;
	background-image:url(/images/wrapperBG.png);
}

/*** Nav bar -- refer to navbar.css in the CSS folder for the stylesheet for the top nav ***/


/*** Header -- The Header is taller than the header image by 20px to create the separator between
the Header and the body content ***/
div#header {
	height:187px;
	width:1020px;
	margin:0 auto;
	border-bottom:2px solid #666600;
	border-top:2px solid #666600;
	background-color:#FFFFFF;
}

/*** End Header ***/

/*** Container -- This is where the main body content is located, just below the Header. Includes all 3 columns. Background is set to transparent to show the wrapper  ***/
div#container {
	width:1020px;
	margin:0 auto;
	position:relative;
	background-color:transparent;
}

/*** Left Column -- This sets the width, float, alignment, and margins of the left column. The actual content classes set the individual 	padding for each element ***/ 
div#left-col {
	width:180px;
	text-align:left;
	float:left;
	margin:0;
	min-height:800px;
	height:auto !important;
	height:800px;
	padding:0 0 0 5px;
	}
	
div#left-colLarge {
	width:180px;
	text-align:left;
	float:left;
	background-color:#E9DCA7;
	margin:0;
	min-height:1785px;
	height:auto !important;
	height:1785px;
	}

/*** Left column navigation panels - size and spacing set here ***/
div.nav-menu {
	width:168px;
	margin:10px 0 10px 0;
}


/*** Top image on nav pods ***/
div.nav-menu .top {
	background:transparent url(../images/nav_cap.gif) no-repeat;
	height:30px;
	margin:0;
}

/*** Bottom image on nav pods ***/
div.nav-menu .bottom {
	background:transparent url(../images/nav-btm.gif) no-repeat;
	height:20px;
}

div.nav-menu ul {
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
}

/*** The nav pod background is set here for the default state ***/
div.nav-menu li {
	overflow:hidden;
	width:168px;
	height:20px;
	margin:0;
	margin-bottom:-1px;
}

/*** The nav pod background is set here when the menu item is a link ***/ 
div.nav-menu li a {
	display:block;
	width:168px;
	height:20px;
	color:#000000;
	padding:3px 0 0 12px;
	overflow:hidden;
	font-size:11px;
	text-decoration:none;
	font-weight:800;
}

/*** This is where the nav pod background is set to shift when hovered over - this is accomplished by moving the entire image -160 px. The amount shifted MUST match the image container size and the image size (160 px) ***/
div.nav-menu li a:hover {
	text-decoration:none;
	color:#666633;
}

div.nav-menu li a:visited {
	text-decoration:none;
	color:#999900;
}

.leftSpace { 
	margin-bottom:10px;
	width:168px; 
}

.leftList { 
	margin:0 0 10px 15px;
}

.leftList li { 
	margin:0 0 10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style:disc; 
}

.leftList p { 
	margin:0 0 10px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.leftListLarge { 
	margin:0 0 10px 25px;
}

.leftListLarge li { 
	margin:0 0 10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style:disc; 
}

.leftListLarge p { 
	margin:0 0 10px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/*** End Left Column ***/


/*** Start Center Column -- This sets the size, spacing, and margins of the center content column ***/
div#content {
	width:650px;
	margin:0;
	padding-bottom:10px; 
	float:left;	
	display:inline;
}

div#contentLarge {
	width:532px;
	margin:0;
	padding-bottom:10px; 
	float:left;
	border:0px solid #000000;
	display:inline;
	background-color:#FFFFFF;
}

div#centerColumn {
	width:655px;
	margin:0; 
	float:left;
	display:inline;
	border-left:2px solid #666600;
	border-right:2px solid #666600;
	min-height:1000px;
	height:auto !important;
	height:1000px;
	background-color:#FFFFFF;
}

div#centerColumnLarge {
	width:830px;
	margin:0;
	float:left;
	display:inline;
	border-left:2px solid #666600;
	background-color:#FFFFFF;
}

/*** This is the div that actually holds the content ***/
.content-area {
	margin:10px 10px 10px 5px;
	padding-left:5px;
	width:640px;
}

.content-areaLarge {
	margin:10px 10px 10px 6px;
	padding-left:5px;
	width:810px;
	background-color:#FFFFFF;
}

/*** This sets the headings on each page, including the bottom border ***/
.heading{
	font-size:14px;
	font-weight:bold;
	color:#000099;
	border-bottom:1px solid #666600;
	padding-bottom:2px;
	margin:20px 0 7px 0;
}

ul.contentText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14pt;
	margin:0 0 0 15px;
}
/*** End Main Content Area - Center column ***/


/*** Right Column ***/
/*** This is the wrapper for the right column. Size is set here. Spacing is set on the individual elements ***/
div#right-side {
	width:160px;
	float:left;
	margin:10px 0 0 8px ;
	padding:0;
} 

/*** End Right Column ***/


/*** Footer ***/
div#footer {
	width:1020px;
	height:27px;
	font-size:11px;
	clear:both;
	padding-top:5px;
	margin:0;
	background-color:#666633;
	border-top:2px solid #666600;
}

/*** This is the text located over the bottom bar graphic ***/
p.copyright {
	float:left;
	padding:2px 0 0 10px;
	color:#FFFFFF;
}

div#footer a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:14pt;
  color:#FFFFFF;
  }
	
/*** End Footer ***/

/*** Tables ***/
.table tr {
	border-bottom:1px dashed #FFCC66;
}

.contentField {
 width:620px;
 height:300px;
 margin:0;
 padding:0;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height:14pt;
}

.contentFieldSmall {
 width:300px;
 height:16px;
 margin:0;
 padding:0;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height:14pt;
}

.contactTable {
 margin:0;
 padding:0;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 line-height:14pt;
}

.articleList {
 margin:0 0 0 30px;
 padding:0;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height:14pt;
}

table {
 margin:0;
 padding:0;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height:14pt;
}

.required {
 margin:0;
 padding:0;
 color:#cc0000;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 line-height:14pt;
}