/*
		Community Works Web Site CSS
		Created by: Cameron Milani
		Rev. 6
		
		
*/

/* ==== General Settings ==== */

body  {
    font-family: 'Georgia', Times New Roman, Times, serif;    
    background: #bbb url(../images/Background.jpg);
    margin: 0;          
    padding: 0;         
}

p, h1, h2, h3, h4, h5, h6, li {
    margin: 1ex 1em;
}

/* ==== Outer Div ==== */
div#outerDiv {
    width: 875px;      
    margin: 0 auto;     
    background: #fff url(../images/cwlogo_slogan.jpg) no-repeat;       
}

div#header {
    height: 158px;      
    position: relative;
}

div#midBanner {
    height: 282px;
}

div#content {
    background-color: #fff;
    padding: 5px;
}

#outerDiv a:link, #outerDiv a:visited {
    text-decoration: none;
    color: #303;
}

#outerDiv a:hover, #outerDiv a:active {
    color: #000;
    font-size: 12pt;
}

/* ==== Google Site Search ==== */

#outerDiv #googleSiteSearch {
	position:  absolute;
	left: 500px;
	top: 10px;
		
}

/* ==== Escape Button ==== */

#outerDiv #escButton {
    position: absolute;
    left: 800px;
    top: 25px;
}

#escButton a:link, #escButton a:visited{
    height: 29px;
    width: 86px;
    display: block;        
    text-indent: -1000em;   
    background: url(../images/esc_button.jpg) no-repeat left top;
    border: none;           
}

#escButton a:hover, #escButton a:active{
    background-position: left bottom;   
}


/* ==== Main Menu Drop Down's ==== */

.nav, .nav ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
.nav a {
    text-decoration:none;
}

#navigation {
    position:relative;
	top: 133px;
    height:25px;
    background:#fff;
    z-index:10;
	
}
.nav {
    position:absolute;
}
.nav .link {
    width:130px;
    margin-top:-10075px;
    float:left;
	
}
.nav a {
    position:relative;
    display:block;
    height:25px;
    line-height:25px;
    text-decoration:none;
    color:#eee;
    z-index:10;
}
.nav .sub a {
    
    margin:0 -1px 0 0;
    width:200px;
	left:-15px;
	
}
.nav .sub {
    float:left;
    top:25px;
	background:#fff;
}

.nav a.main {
    width:150px;
    height:25px;
    line-height:25px;
    margin-top:10075px;
    margin-right:-299px;
    float:left;
}
.nav a.main:hover, .nav a.main:focus, .nav a.main:active {
    margin-right:0;
    background:#eee;
    color:#eee;
}
.nav .sub a:hover, .nav .sub a:focus, .nav .sub a:active {
    margin:0 0 0 0;
    background:#eee;
    color:#eee;
}


/* ==== IE5 list fix ====*/

.nav .sub li {
	float:left;
}

.nav .sub > li {
	float:none;
}


/* ==== IE6 tabbing bug ==== */

a, a:hover, a:active, a:focus {}


/* ==== Opera fix* ==== */

.sub:hover {
    clear:both;
}

/* ==== Left Side Content ==== */

#content div#leftSideBar {
	float: left;
	width: 270;
	margin: 0 0;
	padding: 0 5px;
	border-right: solid #aaa 1px;
	
}

#leftSideBar p {
    font-family: 'Georgia', Times New Roman, Times, serif;
    font-size: 0.8em;
    line-height: 1.2em;
    color: #309;
    margin: 0 0 3ex 0;
}

#leftSideBar h3 {
    font-family: 'Georgia', Times New Roman, Times, serif;
    font-size: 1em;
    color: #309;
    text-align: left;
    margin: 1ex 0 .5ex 0;
}

 #leftSideBar img {
    margin: 0 -10px;
	padding: 0 0;
	border: none;
	
	} 

#leftSideBar ol {
    margin: .5em 0 1.5em 0 ;
}

#leftSideBar li {
    font-family: 'Georgia', Times New Roman, Times, serif;
    font-size: 0.8em;
    color: #309;
    margin: .2em .5em;
}

#leftSideBar ul {
	clear: left;
	padding: 0 0;
	margin: 0 0 5px 0;
	}

#leftSideBar h3 {
	clear: left;
	margin: 0 0 10px 0;
	}


/* ==== Main Content ==== */

#content div#mainContent {
    float: left;
    width: 410px;
    margin: 0 0;
    padding: 0 15px;
}

#mainContent p {
    font-family: 'Georgia', Times New Roman, Times, serif;
    font-size: .9em;
    line-height: 1.4em;
    color: #309;
    margin: 1ex 0;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
    font-family: 'Georgia', Times New Roman, Times, serif;
}

#mainContent h1 {
    font-size: 1.6em;
    font-weight: bold;
    color: #309;
    margin: 0 0 .4ex 0;
}

#mainContent h2 {
    font-size: 1.2em;
    color: #309;
    margin: .4ex 0;
}

#mainContent h3 {
	font-size: 1em;
    color: #309;
    margin: .4ex 0;

	}

#mainContent h4 {
    font-size: .9em;
    font-weight: bold;
    color: #309;
    margin: 1ex 0 -.2ex 0;
}

#mainContent ul {
    font-family: Georgia, serif;
    font-size: 0.9em;
    margin: 0 0 1.4ex 0;
	color: #309;
}


/* ==== Right Side Images / Content ==== */

#content div#sideBar {
    float: right;
    width: 200px;
    padding: 0 5px;
    margin: 0;
    border-left: solid #aaa 1px;
}

#sideBar p {
    font-family: 'Georgia', Times New Roman, Times, serif;
    font-size: 0.8em;
    line-height: 1.2em;
    color: #309;
    margin: 0 0 3ex 0;
}

#sideBar h3 {
    font-family: 'Georgia', Times New Roman, Times, serif;
    font-size: 1em;
    color: 309;
    text-align: left;
    margin: 1ex 0 .5ex 0;
}

#sideBar img {
    display: block;
	margin: 0 0;
	border: none;
}

#sideBar img a:hover {
	border:none;
}

#sideBar ol {
    margin: .5em 0 1.5em 0 ;
}

#sideBar li {
    font-family: 'Georgia', Times New Roman, Times, serif;
    font-size: 0.8em;
    color: #309;
    margin: .2em .5em;
}

/* ==== footer ==== */

div#footer {
    clear: both;
    background: transparent;
    margin: 0 auto;
    padding: 5px;
}

#footer p {
    font-family: 'Georgia', Times New Roman, Times, serif;
    font-size: .75em;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
}

#footer a {
    color: #1b9d95;
    text-decoration: none;
}

/* ==== miscellaneous styles ==== */

.clear { clear: both }