/*  Black Saga Competition
	Site design: CMC (www.malamedconsulting.com)*/


/* TYPE */

body { margin: 20px; background: #E1D0B2 url(motif1.gif)}
h1, h2 { font-family: Verdana, Arial, Helvetica, sans-serif; line-height:150%; color: #000; font-weight:bold; background:inherit; text-align:center; padding: 10px 10px 5px 10px}
h3, h4, h5, p, li, a{font-family: Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:left; background:inherit}

h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px; font-weight:bold; padding: 5px 10px 0px 10px}
h4 {font-size:12px; font-weight:bold; padding: 0px  10px 0px 10px}
h5 {font-size:12px; line-height:150%; padding: 0 10px 0px 10px;}
p {line-height:150%; font-size:11px; padding: 0 10px 0px 10px;}
ul, li {line-height:150%; font-size:12px; padding-top:5px}
hr {border: solid 1px; width: 80%; color: #ccc;}
a {text-decoration: underline;}
a:hover {color: #E6042A; text-decoration: none;}


.title {font-weight:bold; text-align:center}
.large {font-size:14px}
.center {font-size:14px; text-align:center}
.center_p {text-align:center}
.right {text-align: right}
.announce {font-size:11px; line-height:110%; text-align:center}
.red_text {color: #D5341F; text-align:center;}


/* STANDARD STRUCTURE AND HEADER FOR STANDARD PAGES (FORMS ARE IN A SEPARATE STYLE SHEET) */
#wrapper_homepage {
	background: #F4E4C3;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: #C8B491 1px solid;
}

#wrapper {
	background: #F4ECDE url(background.gif);
	width:800px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	border: #C8B491 1px solid;
}


#header {
	background:#000000;
	width: 800px;
	height: 94px;
	margin-left: auto;
	margin-right: auto;
}

#header_left {
	float: left;
	background:#000000;
	width: 185px;
	height: 94px;
	padding: 0px;
}

#header_right {
	background:#000000;
	width: 520px;
	height: 94px;
	margin-left: 260px;
	padding: 0px;
}

#mainContent {
	margin: 0px 0px 10px 185px;
	width:600px;
	height: auto;
}


#mainContent_homepage {
	width:800px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

#announce_area {
	background: #F4E4C3;
	width: 800px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 20px;
	border: #C8B491 1px solid;
}
	

/* NAVIGATION */
/* horizontal navigation*/
#body_forms #nav_forms a, #body_comp #nav_comp a, #body_ann #nav_ann a, #body_pub #nav_pub a, #body_don #nav_don a, #body_about #nav_about a
{
	background:#F0E4CE;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #D5341F;
	

}

#navBar { 
	width:800px;
	height:40px;
	background-color: #E1D0B2;
	margin-left: auto;
	margin-right: auto;
	border-top:#D5341F solid 4px;
	border-bottom:#D5341F solid 2px;
	text-align: center; 
}

	#navBar ul {
	margin-top:8px;
}
	
	#navBar li { 
		padding: 0px 25px 0px 0px;
		color: #000;
		background: inherit;
		display: inline;
		list-style-type:square;
	}
		
	
	#navBar li a { 
		font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight: bold;	
		text-decoration: none;  
		color: #000;
		background: inherit;
	}

	#navBar li a:active { 
		background: inherit;
		color: #000;
		font-weight: bold; 	
		text-decoration: none; 
	}

	#navBar li a:hover { 
		color: #D5341F;
		background: inherit;
		text-decoration:none;  
	}

/* vertical navigation */
#leftPanel {
	clear: left;
	float: left;
	width: 172px;
}


.panelBlock	{
	width: 172px;
	height: 50px;
	margin-top:0px;
	border-bottom: #9C7F44 1px solid;
	border-right: #9C7F44 1px solid;
	/*background-color: #F4E4C3;*/
}

.panelBlock a {color: #D5341F; font-size:10px; font-weight:600; text-decoration:none; margin-left: 5px; line-height: 400%}

.panelBlock a:hover {color: #000; text-decoration: none; }

.panelBlock a:active {color: #D5341F; font-size:10px; font-weight:600; text-decoration:none; margin-left: 5px; line-height: 400%}

.panelBlock p {color: #999; font-size:10px; font-weight:600; text-decoration:none; margin-left: -5px; line-height: 400%}

/*COLUMNS*/
#col_1 {
	float: left;
	margin-left: 20px;
	width: 245px;
}


#col_2 {
	width: 245px;
	margin-left: 305px;	
}

#col_1 p, #col_2 p { text-align:justify; }

#news_box {
	overflow: auto;
	/*	width: 650px;*/
	height: 160px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	border: #C8B491 1px solid;
}


#news_box ul { padding-top:0; line-height:100% }
#news_box h1 { padding-top:0;padding-bottom:0; line-height:100% }

/*FORMATTING*/
	
.indent {
	margin-left:10px;
}

.shrink_spacing {
	margin-bottom: -10px;
}
/*This undoes the 150% line spacing for the p tag*/



/*IMAGE STYLES*/

.center_img {
		background-color: #F4E4C3;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #CBB58D;	
}



.right_img {
		float: right;
		background-color: #F4E4C3;
		margin: 3px 10px 7px 10px;
		border: 1px solid #CBB58D;	
}

.left_img {
		float: left;
		border: 1px solid #CBB58D;
		background-color: #F4E4C3;
		margin: 3px 10px 7px 10px;
}

.left_img_zeroborder   {
		float: left;
		border: 0px;
		margin: 3px 10px 7px 10px;
}

.right_img_zeroborder   {
		float: right;
		background-color: #F4E4C3;
		margin: 3px 10px 7px 10px;
		border: 0px;
}

/*CONTENT BOXES -- used in reviews and elsewhere.html*/

.content_med {
	position: relative;
	float: left;
	margin-left: 10px;
	padding-top: 10px;
	width: 350px;
	background-color:#F4E4C3;
	border: #C8B491 1px solid;
}

.content_sm_right {
	background-color:#F4E4C3;
	border: #C8B491 1px solid;
	width: 220px;
	margin-left: 340px;
	padding-top: 10px;
}

.content_sm_left {
	background-color:#F4E4C3;
	border: #C8B491 1px solid;
	width: 300px;
	margin-left: 20px;
	padding-top: 10px;
}

.center_content {
	background-color: #F4E4C3;
	border: #C8B491 1px solid;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

.table_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.table_text p {padding: 2px 0px 5px 10px; line-height:100%;}
.shaded {background: #F4E4C3;}

	
#footer_homepage {
	/*	background: #inherit;*/
	width:800px;
	height:80px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#footer_link {
/*	background: #inherit;*/
	width:800px;
	height:8px;
	text-align: right;
}