/*
Body background  black
content background #D1D39F
menu white, and gold for hover #766839
Headers and Image borders (ridgeback red) : #66260d
*/


body, html {
	font: 100.01% Garamond, "Times New Roman", Times, serif;
	color: white;
	background-color: black;
	margin: 0; padding: 0; border: 0;
	text-align:center;
}

#main {width: 744px; margin: 0 auto; 	text-align:left; 	}
/*content was 766839*/
#content {	color: black; background-color: #D1D39F;	border: 4px solid #66260d; clear: both; padding: 20px;  width: 672px; margin: 0 auto; /*720 - 2x20 - 2x4 = 672*/}

a {	font-weight: bold;	text-decoration: none; color: #030; background-color: #d1d39f;}

h1,h2,h3 {
	font-weight: bold;
	text-transform: none;
	text-align:left;
	color: #66260d;
	background-color: #d1d39f;
}
h1 {	font-size: 36px; text-align:center;}
h2 {	font-size: 24px;}
h3 {font-size: 18px;}

#header {
width: 100%;
	background-image: url(graphics/chongwe_logo-1.gif);
	background-position:top;
	background-repeat:no-repeat;
	height: 150px;

}
#header h1 {
display: none;
}
#header h2 {
	color: white;
background-color: transparent;
	font: 14px Arial, Helvetica, sans-serif;
	font-variant: normal;
	letter-spacing: 5px;
	word-spacing: 10px;
	text-align:center;
	text-transform:uppercase;
	margin: 0;
	padding-top: 132px;
}
#footer{width: 100%;}

#footer p{

	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-weight: normal;
	color: white;
	background-color: black;
	text-align:center; }

#content img {display:block; border: 2px solid #66260d; padding: 0; margin: 0 0.5em 0.5em 0; float: left;}
#content img.photocenter { margin: 0.5em auto; float: none;}
#content img.photoright {float: right; margin-right: 0;}
#content img.csca {margin: 0; display:block; border: 0; padding: 0 80px;}
#content img.resrequest {margin: 0.5em auto; float: none; border: 0;}

#content .pbreak img.one {float: left; margin: 0 10px 0.5em 32px; }
#content .pbreak img.two {float: left; margin: 0 auto 0.5em 10px;}
#content .pbreak img.onev {float: left; margin: 0 10px 0.5em 132px; }
#content .pbreak img.twov {float: left; margin: 0 auto 0.5em 10px;}
#content .pbreak p, h3, .pclear {clear: both;}

#contactpage {text-align: center;}


div.logorow {display: table-row;}
div.logocell {display: table-cell; text-align:center;}

.menucell, .footcellleft, .footcellright {
	font: normal 10px Arial, Helvetica, sans-serif;
		text-align:center;
	text-transform:uppercase;
}

.menucell {display: block; padding: 0; margin: 20px 0 0 0; width: 100%}
.menucell ul {display: block; padding: 0; margin: 10px auto; border: 0; width: auto;}
.menucell li {	
	border: 0;
	color: white; 
		background-color: black;
	padding: 5px 9px 5px 9px; /*adjust l/r padding to fill row*/
	display: block; float: left;
	margin: 0;

		}
.menucell a 	{
	color: white; 
	background-color: black;
	margin: 0;
}		
.menucell a:link 	{}
.menucell a:visited {}
.menucell a:hover 	{color: #766839; 	background-color: black;}
.menucell a:active 	{}

.footcellleft a {float:left; width:10em; text-align:left;color: white; background-color:black;}
.footcellright a {float:right; width:10em; text-align:right;color: white; background-color:black;}


.ssform .required {color: #66260d; background-color: transparent;}
fieldset.ssform {padding: 2em; border: 2px solid #66260d;}
legend.ssformlegend {padding: .5em;  border: 2px solid #66260d; color: #66260d; background-color: transparent; font-weight:bold; font-size:110%;}
.ssform input {padding: 0 10px;}
.ssform label {display: block; float: left; width: 150px; padding: 0 10px; text-align: right;}


/*  Nav menu styles now in separate file */
/*
#nav, #nav ul {	float: left;	width: 720px;	list-style: none;	line-height: 1.0;	
	padding: 0;	border: 0;	margin: 0;   }
#nav a {	display: block;	width: 90px;	color: #fff; background-color: #000;		font: normal 10px Arial, Helvetica, sans-serif; 	text-align:center;	text-transform:uppercase;	min-height: 1em; padding: 0.5em 0;  border: 0;			 margin: 0 auto;}

#nav a.daddy {	background: #000  url(images/closed.gif) center right no-repeat;}
#nav li {	float: left;	padding: 0;	width: 90px; background-color: #000;}
#nav li ul {	position: absolute;	left: -999px;	height: auto;	width: 140px;
	font-weight: normal;	border: 0;	margin: 0;}
#nav li li {	padding-right: 0;	width: 140px;}
#nav li ul a {	width: 140px;	 border: 0px solid #c8c5ce; text-align: left;	padding-left: 0.5em;}
#nav li ul ul {	margin: -24px 0 0 120px;  border: 0;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;}
#nav li:hover, #nav li.sfhover {
	/*background: #cc9;*/}
	
	*/
	
#nav a:hover {
background-color: #000; color: #766839;}


@media print {
#main {width: 98%; margin: 0 auto; 	text-align:left;}
#content {	background-color: white;	border: 0; clear: both; padding: 0; margin: 0; width: 100%;}
#nav, .menucell, #footer, .footcellleft, .footcellright, .noprint {
display: none;
}

#header {	background-image: none;
	background-position:top;
	background-repeat:no-repeat;
	height: 50px;}
#header h1 {
display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: black;
		background-color: white;
	font-variant: normal;
	letter-spacing: 5px;
	word-spacing: 10px;
	text-align:center;
	text-transform:uppercase;
	margin: 0;
	padding-top: 0;
}
#header h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	font-variant: normal;
	letter-spacing: 5px;
	word-spacing: 10px;
	text-align:center;
	text-transform:uppercase;
	margin: 0;
	padding-top: 0;
}
}