/* CSS Document written jetscram.com */
/* NOV 2 2007 for CMCRI.org */

/* PLEASE NOTE */

/* Since the style sheet works with DWT and is in 
   a child folder use the ../ before all lining 
   background images.
   
   Thanks The Management */

* { padding:0; margin:0; z-index:1;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background:#99a46c url(../images/main_background_slide.gif) repeat-y center;
	/* here is the img file that controls the background, change the COLOR HEX according when
	   changing the background image */
	}

/* main divisionS */

div#header{
	width:772px;
	margin-left:auto;
	margin-right:auto;
	background-color:#993300; /* here changes the nav bar background color */
	height:21px;
	color:white;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:3;
}

div#wrap{
	width:772px;
	margin-right:auto;
	margin-left:auto;
	background:url(../images/quotes_rotation.gif) no-repeat top left;
}

div#logo{
	background:url(../images/cmcri_logo.gif) no-repeat left top;
	padding-left:5px;
	padding-top:15px;
	height:72px;
	}

div#leftColumn{
	float:left;
	width:158px;
	padding:33px 10px 0 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#centerColumn{
	width:419px;
	float:left;
}

div#rightColumn{
	float:left;
	width:156px;
	padding:25px 0 0 11px;
}

div#footer{
	clear:both;
	text-align:center;
	color:#666633;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:25px;
	}
	
/* styled headers */

#logo img{
	float:left;
	padding:0px 15px;
	border:none;
	}
#logo h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#336;
	z-index:1;
	float:left;
	}

/* main center column header */

#centerColumn h1{ color: #727150; font-size:24px; margin-bottom: 6px; }
#centerColumn h2{
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	}
#centerColumn h3 { font-size: 12px; font-weight: normal; font-style: italic; line-height: 16px; padding-right: 50px; padding-bottom: 6px; }
/* quote */
#rightColumn h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#cc9900; font-style: oblique; line-height:24px; margin: 0 8px 0 0; }
#rightColumn h3.homepage{
	font-size:14px;
	}
	
/* quote name */
#rightColumn h6{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#cc9900;
	padding-top:8px;
	}
	
	
/* styled paragraphs */

#leftColumn p{
	font-size:12px;
	color:#993300;
	line-height:16px;
	padding-bottom:16px;
	}
#centerColumn p{
	font-size:12px;
	line-height:16px;
	padding-bottom:16px;
	}

/* navigation */

#header ul {	
	padding:0px; 
	margin:0px;
	padding-left: 0;
	margin-left: 0;
	float: left;
	width: 100%;
}

#header ul li{ 
	display: inline;
}

#header ul li a
{
	color:white; /* here changes the link text color for the nav bar */
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right:1px white solid;
	
	text-decoration:none;
	line-height:19px;
	padding: 0px 11px;
	border-right:1px white solid;
	float: left;

}

#header ul li a.last{
	padding-right:0px;
	border:none;
}

#header ul li a:hover{color: #e6e289;} /* here changes the link hover text color for the nav bar */

#header ul li a:active { color:#000; background-color:#E8E8E8;}

/* mediation and about drop box css */

div#mediationDropBox, div#aboutDropBox{
	position:absolute;
	width:676px;
	margin: 0 auto;
	margin-left:auto;
	margin-right:auto;	
	z-index:3;
	visibility:hidden;
	padding-left:96px;	
}
div#aboutDropBox{
	width:397px;
	padding-left:375px;
	}

#mediationDropBox ul,#aboutDropBox ul
{	
	width:156px;
	z-index:3;
	padding:0px; 
	margin:0px;
	border:1px white solid;
	border-top:0px;
}

#mediationDropBox ul li ,#aboutDropBox ul li
{
	list-style:none; z-index:3;
}

#mediationDropBox ul li a,#aboutDropBox ul li a
{	z-index:3;
	color:black; /* here changes the dropbox text color */
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	height:15px;
	padding: 3px 11px 4px;
	background-color:#e6e289; /* here changes the dropbox background color */
	border-top:1px solid white;
}

* HTML #mediationDropBox ul li a, * HTML #aboutDropBox ul li a{
	padding: 4px 11px;
	margin-top:-1px;
	height:0px;
	}
#mediationDropBox ul li a:hover, #aboutDropBox ul li a:hover{
	color: white; /* here changes the dropbox hover text color */
	background-color:#993600; /* here changes the dropbox hover background color */
	z-index:3;
}


/* LINKS */
a{ color: #993600; text-decoration: none; }

a:hover{ color: #d5b83f; text-decoration: none; }
a:active { color: #993600; text-decoration: none; }
#footer a{
	color:#666633;
	text-decoration:none;
}