﻿* {
margin : 0;
padding : 0;
}

body { 
font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size : 100.1%;
color : #CCCCCC;
background : #142C41 url(images/background.jpg) repeat-x top left; 
text-align : center;
padding-top : 20px; 
}

h1, h2, h3, h4 {
font-weight : normal;
font-style : italic;
/*text-transform : lowercase;*/
}

h1 {
font-size : 2.2em;
}

h2 {
font-size : 1.6em;
}

h3 {
font-family : Georgia, 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size : 1.5em;
color : #cc9900;
margin-top : 10px;
}

h4 {
font-family : Georgia, 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size : 1.2em;
color : #cc9900;
margin-top : 5px;
}

p {
margin : 5px;
padding : 5px;
line-height : 160%;
}

a { 
text-decoration: none; 
color: #666;
/*border-bottom : 1px dotted #666;*/
}

a:hover, a:focus, a:active { 
color: #FFFFFF;
/*border-bottom : 1px solid #000;*/ 
}

a:visited {
color: #999;
/*border-bottom : 1px dotted #999;*/
}

a:visited:hover, a:visited:focus, a:visited:active {
color: #FFFFFF;
/*border-bottom : 1px solid #666;*/
}

#container {
	position : relative;
	width : 1000px;         /*900px;*/      /*57em;*/
	max-width : 1000px;                   /*96%;*/
	min-width : 1000px;
	margin : auto;
	text-align : left;
	font-size : 80%;
	background-color : Transparent;      /*#142C41;*/
}





/*ul {
list-style-type : none;
margin : 10px 5px 10px 5px;
}

li {
/*margin : 20px 0 20px 0;
}

li a {
background : #111;
display : block;
width : 90%;
height : auto;
padding: 0.2em;
padding-left : 5px;
font-weight : bold;
font-style : normal;
font-size : 1.4em;
line-height: 1.4em;
border : 1px solid #ccc;
}

li a:hover, li a:focus, li a:active {
background : #333;
text-decoration : none;
border : 1px solid #999;
}

li a:visited, li a:visited:hover, li a:visited:focus, li a:visited:active {
background : #111;
border : 1px solid #ccc;
}

li a:visited:hover, li a:visited:focus, li a:visited:active {
background : #333;
border : 1px solid #999;
}

#linkList ul li a.c {
background : transparent;
display : block;
width : 85%;
margin-top : -1.2em;
margin-left : 1.2em;
padding-left : 0;
font-weight : normal;
font-style : italic;
font-size : 1.2em;
border : 0;
letter-spacing : .02em;
}

#linkList ul li a.c:hover, #linkList ul li a.c:focus, #linkList ul li a.c:active {
border : 0;
color : #000;
}*/

h3.archives, h3.resources {
margin-top : 60px;
}

#pageHeader {
	width : 998px;
	height : 148px;
	background: transparent url(images/WCC_Banner.jpg) no-repeat top center;
	border : 1px solid #ccc;
}

#pageHeader h1, #pageHeader h2 {
color : #FFFFFF;
text-align : left;      /*right;*/
padding-top : 10px;     /*20px;*/
padding-left : 20px;
}

#pageHeader h2 {
padding-top : 10px;
}

/*MY ADDITTIONS*/

#pageHeader_topNav {
	width :auto;
	height : 50px;
	padding-top : 30px;
	padding-left : 20px;
	padding-right : 20px;
    /*text-align : center;*/
}
#pageHeader_Spacer {
	width :auto;
	height : 8px;
}

#photo, #bmclogo, #search, #login, #member_login, #bmc_rss, #wcc_rss {
position :absolute;
float : left;
left : 0;
width : 240px;
border : 1px solid #ccc;
border : 1px solid #ccc;
background : transparent;
padding : 0 0 0 0;
font-size : 1em;
font-style : normal;
color : #CCCCCC;
margin-bottom : 0;
}

#photo {            /*Replacing #linklist*/
top : 158px;        
height : 320px;
}
#bmclogo 
{
top : 488px;       
height : 36px;
font-size : 1em;
font-style :normal;
border-bottom-color:#142C41;
border-bottom-width:0;
vertical-align:middle;
}
#search {            /*NEW - under photo*/
top : 534px;       
height : 60px;     
}

#login {            /*NEW - under search*/
top : 604px;       
height : 154px;     
}

#member_login{
top : 534px;
height : 224px;
}

#bmc_rss{
top : 524px;    /*534px;*/       
height : 234px; /*184px;*/
border-top-color:#142C41;
border-top-width:0;
overflow: auto;
overflow-x: hidden; 
}

#wcc_rss{
top : 728px;       
height : 30px; 
}	


#container_footer {
float : right;
left : 250px;
    width : auto;
    height : auto;
    text-align: center;
    margin : 40px 0 20px 0;
}

#container_footer a {
margin : 0 20px 0 20px;
font-size : 80%;
letter-spacing : .4em;
}
/* NOW NOT IN USE
#container_sideLinks {
width : 110px;
height : 100px;
overflow :visible;
float : right;
border : 1px solid #ccc;
background : transparent;
margin : 0 8px 0 8px;
text-align: center;
}*********************************/

#container_maincontent {

float : right;
clear : none;
width : 750px;/*626px;  /*624px;*/                          /*38em;*/
max-width : 750px;
/*margin : 0 0px 0 8px;                    20px;*/
background : transparent;               /*#000;*/
/*margin :  8px 0 0 0;
border : 1px solid #ccc;*/
}
#container_maincontent_content {
clear : none;
width : auto;  /*624px;*/
padding : 0px 10px 0 10px;	/*added for ajax*/
/*margin : -8px 10px 0 10px;	added for ajax*/
border : 1px solid #ccc;                          /*38em;*/
background : transparent;
position :relative;
height : 600px;
top : 8px;
overflow : auto;	/*hidden;      /*auto;*/
overflow-x : hidden;
}

#container_maincontent_footer {
clear : none;
width : auto;  /*624px;*/                          /*38em;*/
background : transparent;               /*#000;*/
height : auto;
}




