/*  
	Charlie Bennett
	'GreenMarble' Style Sheet
	12/7/06
*/



/**********************************
	GENERAL FORMATTING STYLES
***********************************/
body {
height: 100%;
font: normal 12px Arial, Helvetica, sans-serif; 
color: rgb(50,50,50); 
background-color: rgb(164,183,164);
padding: 0px; 
margin: 0px;
}
p {
text-align: justify; 
margin: 8px 0px 0px 0px;
}
h1 {
font: normal 24px "Trebuchet MS", Trebuchet, sans-serif;
color: rgb(70,70,70); 
	}
h2 {
font: normal 20px "Trebuchet MS", Trebuchet, sans-serif; 
color: rgb(70,70,70); 
}
h3 {
font: bold 16px "Trebuchet MS", Trebuchet, sans-serif; 
color: rgb(70,70,70); 
margin: 0px;
}
h4 {
font: bold 14px "Trebuchet MS", Trebuchet, sans-serif; 
color: rgb(70,70,70); 
margin: 5px 0px;
}

/**********************************
		LAYOUT STYLES
***********************************/
#header {
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 250px;
background: url(images/topBg.png) repeat-y 0 0;
border-bottom: solid 3px rgb(120,120,120); 
z-index: 1;
}
#master {
position: relative; 
width: 860px; 
background-color: transparent;
margin: 0px auto; 
z-index: 1; 
} 
#logoTxt {
position: absolute; 
top: -150px; 
left: 100px; 
width: 350px; 
height: 65px; 
padding: 0px; 
margin: 0px; 
z-index: 3;
}
#logoImg {
position: absolute; 
top: -220px; 
left: 0px; 
width: 150px; 
height: 150px; 
padding: 0px; 
margin: 0px; 
z-index: 2;
}

/**********************************
		NAVIGATION STYLES
***********************************/
#nav {
position: absolute;
top: -21px;
left: 0px;
height: 30px;
width: 860px;
text-align: center;
font: bold 16px "Trebuchet MS", Trebuchet, sans-serif;
background-color: transparent;
margin: 10px 0px 20px 0px;
padding: 0px;
z-index: 2;
}
#nav ul, #nav li {
display: inline; 
list-style-type: none; 
margin: 0; 
padding: 0;
}
#nav a:link, #nav a:visited {
float: left;
font-weight: bold;
text-decoration: none;
color: rgb(110,110,110);
margin: 0 15px 0px 0px;
}
#nav a#current, #nav a:hover {
color: rgb(220,220,220);
background: transparent;
border-bottom: 6px solid rgb(0,120,0);
padding-bottom: 2px;
}
#nav a:hover {color: rgb(230,230,230);}



/**********************************
		CONTENT STYLES
***********************************/
#contentMaster {
position: relative;
top: 20px;
width: 860px;
height: auto;
margin: 0px;
z-index: 2;
}
.contentImgRight {
float: right;
font-size: 9px;
text-align: center;
border: solid 1px rgb(0,100,0);
margin: 5px 0px 0px 5px;
padding: 3px;
}
.contentImgLeft {
float: left;
font-size: 9px;
text-align: center;
border: solid 1px rgb(0,100,0);
margin: 5px 5px 0px 0px;
padding: 3px;
}
/*  CONTENT LEFT  */
.contentLeft {
float: left;
position: relative;
left: 0px;
width: 650px;
height: auto;
background-color: rgb(213,221,213);
margin: 0px;
margin-bottom: 20px;
padding: 0px;
z-index: 4;
}
.contLeftTop {
position: absolute;
top: -5px;
left: 0px;
width: 650px;
height: 5px;
background: url(images/contMainTop.jpg) no-repeat 0 0;
}
.contLeftBtm {
position: absolute;
bottom: -10px;
left: 0px;
width: 650px;
height: 15px;
background: url(images/contMainBtm.jpg) no-repeat 0 0;
}
.contentInL {
position: relative; 
top: 5px; 
left: 5px; 
width: 640px; 
height: auto;
}
.contentHdr {
position: absolute;
top: 5px;
left: 25px;
width: 300px;
height: 15px;
line-height: 15px;
font: normal 10px Arial, Helvetica, sans-serif;
color: rgb(150,150,150);
}
.contentTopLnk {
position: absolute; 
top: 5px; 
right: 10px; 
width: 30px; 
height: 15px; 
line-height: 15px;
font: normal 10px Arial, Helvetica, sans-serif;
}
.contentTopLnk a {
color: rgb(150,150,150); 
text-decoration: none;
}
.contentTopLnk a:hover {
color: rgb(59,48,153);
}

/*  CONTENT RIGHT  */
.contentRight {
float: none;
position: absolute;
left: 660px;
width: 200px;
height: auto;
padding: 0px;
background-color: rgb(213,221,213);
margin: 0px;
padding: 0px;
z-index: 4;
}
.contRightTop {
position: absolute;
top: -5px;
left: 0px;
width: 200px;
height: 5px;
background: url(images/contMinorTop.jpg) no-repeat 0 0;
}
.contRightBtm {
position: absolute;
bottom: -10px;
left: 0px;
width: 200px;
height: 15px;
background: url(images/contMinorBtm.jpg) no-repeat 0 0;
}
.contentRight a {
display: block;
color: rgb(100,100,100);
text-decoration: none;
border: solid 1px rgb(213,221,213);
margin: 0px 0px 3px 0px;
}
.contentRight a:hover {
color: rgb(0,100,0);
border: solid 1px rgb(0,100,0);
background-color: rgb(240,240,240);
}
.contentInR {
position: relative; 
top: 5px; 
left: 5px; 
width: 190px; 
height: auto;
}
.contentInR hr {
width: 190px; 
border-bottom: solid 1px rgb(40,40,40); 
margin: 5px 0px 10px 0px;
}




/**********************************
		FOOTER STYLES
***********************************/
#footer {
position: relative;
width: 860px;
height: 20px;
line-height: 20px;
text-align: right;
color: rgb(100,100,100);
border-top: solid 1px rgb(100,100,100);
margin: 25px 0px 20px 0px;
}
#footer a {text-decoration: none; color: rgb(100,100,100);}
#footer a:hover {color: rgb(0,100,0); text-decoration: underline;}