/* css www.mississippitruth.org */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2008 */






/***************** BASIC ELEMENTS ****************/

* {margin: 0; padding: 0}

body {
	background: #87a35b /*url(images/gear-pg-bgflat.gif)*/;
	font-size:100.01%;
	font-family:"trebuchet ms", verdana, sans-serif;
	color:#003333/*2C5079*/}
	

p {padding:10px 30px 10px 20px; font-size:0.9em; line-height:1.6}


a{text-decoration:none}
a:link{color:#CC3300}
a:visited{color:#CC3300}
a:hover, a:active{color:#393;}


acronym{cursor:help}


/****************** SPECIFIC DIVS *********************/

/************* container **************/

#container{
	width:800px;
	position:absolute;
	left:50%;
	margin-left:-400px;/*position:relative;*/}


/************* intro **************/
#intro{
	height:120px;
	/*border-right:1px solid #2B4D70;
	border-left:1px solid #2B4D70;*/
	margin:0 /*340px*/0 0 0;
	background:  url(images/MTPhead-simple.gif) left no-repeat;}


/************* pageheader **************/
#pageHeader{ 	
	display:none;}
	
#pageHeader h1 span{display:none}
#pageHeader h2 span{display:none}

	

/************* quote **************/

#quote-head{
	width: 200px; 
	margin-left: 600px;
	background: #003333;}
	
#quote-head p{
	color:#E5FBBB;
	font-style:italic;
	padding:0 8px 2px 2px;
	/*margin-top: 130px;*/
	line-height: normal; 
}
#quote-head p.p1{
	font-size:1.1em;
	margin:/*30px*/0 0 0 0;
	width:/*70%*/190px;
	text-align:right;
	}
#quote-head p.p2{
	font-size:0.7em;
	width:170px;
	margin:/*3em*/ 0 0 0 0;
	text-align:right;}
	
#quote-head a:link, #quote-head a:visited{text-decoration:underline; color:#C5E1FF;}
#quote-head a:hover, #quote-head a:active{text-decoration:underline; color:white;}

#quote-space-top {background: url(images/quote-space-top.gif) no-repeat; height: 10px; width: 200px; margin: -100px 0 0 600px;}
#quote-space-btm {background: url(images/quote-space-btm.gif) no-repeat; height: 10px; width: 200px; margin-left: 600px;}



/************* supporting text **************/

#supportingText {
		background: #87a35b;
		width: 800px;
		margin-top: 110px;
		}
#supportingText h3{ 
	height:35px;
	border-top:1px solid #BDCCA3;
	border-bottom:1px solid #386496;
	border-right:1px solid #2B4D70;
	border-left:1px solid #2B4D70;
	}
#supportingText h3 span {display:none}



/************* flash piece **************/

#flash-piece{
	background: #fff;
	color: #003333/*0c3c6a*/;
	/*clear:both;*/
	height: /*443px*/ 600px;
	width: 590px;
	margin: 0 5px 0 5px;
	}
	
#flash-piece h2{
	color: #CC3300;
	border-bottom: #036 2px;
	margin: 0 0 20px 10px;
}

#flash-piece h3{
	color: #CC3300;
	margin: 0 5px 10px 10px;
	border: none;
}

#flash-piece h4{
	border-bottom: #036 2px;
	margin: 0 0 5px 10px;
	font-weight:bold;
}

#flash-piece p.p1{
	margin: 0 5px 0 5px;
}
#flash-piece p.p2{
	margin: 0 5px 0 5px;
}
#flash-piece p.p3{
	margin: 0 5px 0 5px;
}

	
#flash-piece-top {background: url(images/flash-piece-top.gif) no-repeat; height: 10px; width: 590px; position: relative; margin: -358px 5px 0 5px;
}

#flash-piece-btm {background: url(images/flash-piece-btm.gif) no-repeat; height: 10px; width: 590px; margin: 0 5px 0 5px;}



/************* info-guts **************/

#info-guts{
	background: #fff;
	color: #003333/*0c3c6a*/;
	/*clear:both;*/
	height: 500px;
	width: 590px;
	margin: 0 5px 0 5px;
	}
	
#info-guts h2{
	color: #CC3300;
	border-bottom: #036 2px;
	margin: 0 0 20px 10px;
}

#info-guts h3{
	color: #CC3300;
	margin: 0 0 20px 10px;
	border: none;
}

#info-guts h4{
	border-bottom: #036 2px;
	margin: 0 0 5px 10px;
	font-weight:bold;
}

#info-guts p.p1{
	margin: 0 5px 0 5px;
}
#info-guts p.p2{
	margin: 0 5px 0 5px;
}
#info-guts p.p3{
	margin: 0 5px 0 5px;
}

	
#info-guts-top {background: url(images/flash-piece-top.gif) no-repeat; height: 10px; width: 590px; position: relative; margin: -358px 5px 0 5px;}

#info-guts-btm {background: url(images/flash-piece-btm.gif) no-repeat; height: 10px; width: 590px; margin: 0 5px 0 5px;}



/**************  declaration page  *********************/

#declaration {
	background: #fff;
	color: #003333/*0c3c6a*/;
	/*clear:both;*/
	height: 500px;
	width: 590px;
	margin: 0 5px 0 5px;
	overflow: scroll;
}
#declaration h2{
	color: #CC3300;
	border-bottom: #036 2px;
	margin: 0 0 5px 10px;
}

#declaration h4{
	border-bottom: #036 2px;
	margin: 0 0 5px 10px;
	font-weight:bold;
}


#declaration p.p1{
	margin: 0 5px 0 5px;
}
#declaration p.psmall{
	margin: 0 5px 0 5px;
	font-size:75%;
}

#declaration ul li{
	margin-right: 5px;
	margin-left: 30px;
	font-size:85%;
}

/**************  photo  *********************/


#photo{
	border: #fff solid 2px;
	height: auto;
	width: 200px;
	float: right;
	padding: 0;
	margin-right: 5px;
}


/**************link list  *********************/

#linkList{
	font:0.8em/1.6 "trebuchet ms", verdana, sans-serif; 
	/*position:absolute;*/
	margin: 0 0 0 600px;
	}
	
#linkList2{width:200px}

#linkList h3{  
	width:200px; 
	height:53px;
	/*border-right:1px solid #3D82AD;
	border-left:1px solid #3D82AD;*/
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 200px/}
	
.dummy{margin: 0}

#linkList ul{
	background:#4c3800;
	/*border-right:1px solid #3D82AD;
	border-left:1px solid #3D82AD;*/}


#linkList li{
	list-style-type:none;
	display:block; 
	border-bottom:1px solid #E5FBBB;
	color:#fff;
	padding:7px 0 7px 5px;}
#linkList li a{
	font-weight:bold;
	display:block;
	color: #fff;
	border-left:solid thin #fff;
	/*background:url (link-dotty.gif) no-repeat 0px 55%;*/
	padding:0 5px 0 5px;}
#linkList li a:hover{color:#CC3300; background:#fff; border-left:solid thin #CC3300;}
#linkList li a:visited{font-weight:bold;}
#linkList li a.c{
	letter-spacing:0.2em;
	color:#666;
	font-size:0.81em;
	font-weight:normal;
	display:inline;
	text-transform:uppercase;
	background:none;
	padding:0 0 0 5px;}
#linkList li a.c:hover{font-weight:bold; background:#fff;}

#linkList li a:active{color:#CC3300; background:#fff;}

#linkList li#active a{background:#fff; color:#003333; border-left:solid thin #E5FBBB; font-variant:normal;}


#link-list-top {background: url(images/link-list-top.gif) no-repeat; height: 10px; width: 200px; margin: -100px 0 0 600px;}

#link-list-btm {background: url(images/link-list-btm.gif) no-repeat; height: 10px; width: 200px; margin: -1px 0 5px 600px;}

#link-list-mugs {
	/*margin: 0 0 0 2px;*/ 
	background:#4c3800 url(images/mugs-bottom200px.gif) no-repeat;
	padding: 10px 0 10px 0;
	width: 200px;
	height: 40px;
	margin: 0 0 0 600px;}



/************** footer *********************/

#footer {
	width: 800px;
	height: 100px;
	text-align:left;
	background:#4c3800 url(images/photos-strip-flat.gif) no-repeat;
	padding: 0 /*20px 0 20px*/;
	}
#footer a{
	color:#FFF;
	font-size:0.8em}
#footer a:visited{color:#FFF}
#footer a:hover{color:#003333}

#footer-top {background: url(images/footer-top.gif) no-repeat; height: 10px; width: 800px; margin: 5px 0 0 0;}

#footer-btm {background: url(images/footer-btm.gif) no-repeat; height: 10px; width: 800px; margin: 0 0 5px 0;}

#navlist-top {background: url(images/navlist-top.gif) no-repeat; height: 6px; width: 800px; margin: 5px 0 0 0;}

#navlist-btm {background: url(images/navlist-btm.gif) no-repeat; height: 6px; width: 800px; margin: 0 0 0 0;}


div#topnav1, #navcontainer
{
	background: #4c3800;/*003399*/
	background-position: top;
	position: relative;
	top: 0px;
	left:0px;
	width: 800px;
	height: 40px;
	font-size: 0.8em;
	text-align: left;
	z-index:1;
	/*border:	#FFFFFF solid;
	border-top:5px;
	border-bottom:5px;
	border-left: none;
	border-right: none;*/
}


#navcontainer ul
{
border: 0;
margin: 0 0 0 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 5px 0 0 0;
/*margin: 0;*/
}

#navcontainer ul li a
{
background: #4c3800;
width: 113px;
height: 35px;
border-top: none;
border-left: 1px solid #E5FBBB;
border-bottom: none;
border-right: none;
padding-top: 0px;
margin: 0 0 0 0;
color: #FFFFFF;
text-decoration: none;
display: block;
text-align: center;
font: Verdana, Arial, Helvetica, sans-serif;

}

#navcontainer ul li a:hover
{
	color: #003333;
	background: #fff;
	
}

#navcontainer a:active
{
background: #fff;
color: #666;

}

#navcontainer li#active a
{
	background: #003333;
	color: #ffffff;
}







/*mississippitruth.org*/