@charset "utf-8";
/*   
Theme Name: Karama Redesign
Theme URI: http://www.karamaconnection.org
Author: John Tarvardian
Author URI: http://www.thelegatogroup.com
*/



/* General styles */
/* ------------------------------------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}

html, body { 
	min-height:101%; 
	margin-bottom:1px; 
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #613C28;
}				

img { 
	border: none; 
} 

#wrapper {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #FFFCF3;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #333333;
	margin-top: 0px;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

h2 {
font-size:0.9em;
font-weight:bold;
line-height:1.3em;
}

h4 {
font-size:0.9em;
font-weight:bold;
line-height:1.3em;
}

ul {
	font-size:75%;
	line-height:1.55em;
}


li {
	margin-top:5px;
}


/* Boxes and specific styles */
/* ------------------------------------------------------------------------------- */

/*-----------left column styles------------*/
#left {
width: 180px;
float: left;
background-color: #A07651;
padding-bottom: 10px;
position: relative;
}

	#left h1 {
	font-size: 95%;
	margin-left: 10px;
	font-family: verdana, "Trebuchet MS", Arial;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A6A459;
	margin-right: 10px;
	margin-bottom: 7px;
	padding-bottom: 2px;
	padding-left: 2px;
	}

	#left p {
	font-size: 70%;
	margin-left: 10px;
	margin-right: 8px;
	line-height: 1.4em;
	}
	
	
	/*-----secondary nav styles-----*/
	#sidebar {
	position: absolute;
	top: 125px;
	width: 178px;
	}
		#navlist {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		
		#navlist a, #navlist a:visited {
		display: block;
		text-decoration: none;
		}
		
		#navlist a:hover {
		color: #2D1E2D;
		
		}
		
		#sidebar #navlist .uberlink {
		color: #333 !important;
		font-weight: bold;
		cursor: default;
		}
	
	#left ul {
	font-size: 80%;
	padding-left: 15px;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	list-style-type: none;
	}

	#left li {
	margin-top:8px;
	padding-top: 0px;
	}
	
	#left a:link, #left a:visited, #left a:active {
	color: #3A1E18;
	}
	
	#left a:hover {
	color: #613228;
	}

	#logo {
	background-color: #FFFFFF;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}



/*----right column styles
-------------includes center content & right sidebar-----*/

#right {
width: 790px;
float: right;
background-color: #FFFCF3;
}
		
	#header {
	background-color: #A07651;
	margin-bottom: 10px;
	width: 100%;
	}
	
	#navigation {
	margin-left: 15px;
	margin-top: 2px;
	}
		
	#breadcrumb {
	margin-left: 15px;
	font-size: 70%;
	margin-top: 0px;
	clear: left;
	padding-top: 0px;
	}
		
	#innerwrap{
	width: 790px;
	margin-bottom: 10px;
	padding-top: 5px;
	}
		
	
	/*-----styles for the middle -- or content -- section-----*/
	#content {
	width: 488px;
	float: left;
	padding-left: 15px;
	margin-top: 15px;
	}
		
		#content img {
		text-align: center;
		border: 2px solid #6B4714;
		margin-bottom: 10px;
		}
			
		#content h1 {
		font-size: 130%;
		margin-bottom: 7px;
		color: #3A1E18;
		}
		
		#content h2 {
		font-size: 100%;
		color: #613228;
		}
			
		#content p{
		font-size: 85%;
		line-height: 1.2em;
		margin-bottom: 7px;
		}
		
		#content p span {
		color:#613C28;
		font-size: 1.1em;
		font-weight: bold;
		}
		
		#content ul {
	list-style-image:url(../assets/page_elements/arrow_wedge_green.gif);
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
		}

		#content li {
		margin-top: 0;
		margin-right: 0px;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 4px;
		}
		
		.content-list ul {
		list-style-image:url(../assets/page_elements/arrow_wedge_green.gif);
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		padding-top: 0px;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 18px;
		}
		
		.content-list li {
		margin-top: 0;
		margin-right: 0px;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 4px;
		}
		
		#content a:link, #content a:visited, #content a:active {
		color: #613228;
		}
	
		#content a:hover {
		color: #70662E;
		}

	/*------styles for right sidebar------*/		
	#colright {
	width: 255px;
	float: left;
	padding-right: 10px;
	padding-left: 13px;
	margin-top: 15px;
	}
	
		.module {
		margin-bottom:1em;
		}
		
		.captions {
		border:1px solid #BCB5B0;
		margin:0;
		padding:0;
		width:100%;
		background-attachment: scroll;
		background-color: #7F4137;
		background-image: none;
		background-repeat: repeat;
		background-position: 0 0;
		}
		
		.captions p {
		color:#FFFFFF;
		font-size:75%;
		padding:10px;
		}
		
		.outlinebox {
		border:1px solid #BCB5B0;
		margin-bottom:1em;
		padding:5px 10px;
		background-attachment: scroll;
		background-color: #C9CBBB;
		background-image: none;
		background-repeat: repeat;
		background-position: 0 0;
		}
		
		.outlinebox p {
		color:#333333;
		font-size:85%;
		padding:10px;
		}
		
		.outlinebox h4 {
		padding-bottom:1px;
		width:100%;
		}
		
		.outlinebox h4 span {
		color:#43471F;
		font-style:italic;
		padding-right:5px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #43471F;
		font-size: 95%;
		}
		
		.outline-list  {	
		list-style-image:url(../assets/page_elements/arrow_wedge_green.gif);
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 15px;
		}
		
		.custom-list li {
		margin-top: 0;
		margin-right: 0px;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 58;
		}
		
		#colright h1 {
		font-size: 130%;
		color: #43471F;
		padding-left: 3px;
		border-top-width: 2px;
		border-top-style: solid;
		border-top-color: #6F2F01;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #6B4714;
		margin-bottom: 5px;
		padding-bottom: 2px;
		}
		
		#colright h3{
		color: #FFFFFF;
		margin-bottom: 7px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding-left: 10px;
		}
		
			.topmargin {
			margin-top: 20px;
			}
			
		#colright p{
		font-size: 75%;
		margin-top: 4px;
		}
			
		#colright a:link, #colright a:visited, #colright a:active {
		color: #A09E51;
		}
	
		#colright a:hover {
		color: #70662E;
		}


/*------styles for footer------*/
#footer {
text-align: right;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #A6A459;
padding-right: 150px;
margin-top: 30px;
padding-bottom: 15px;
}

	#footer p {
	font-size: 70%;
	}
	
	#footer a:link, #footer a:visited, #footer a:active {
	color: #A09E51;
	font-variant: small-caps;
	}
	
	#footer a:hover {
	color: #70662E;
	}
	
	.siteby {
	margin-top: 10px;
	}
	
	
	#content ol {
	margin-bottom: 10px;
	padding-left: 15px;
	margin-left: 0px;
	list-style-position: inherit;
	list-style-image:none;
	list-style-type:decimal;
	font-size: 80%;
		}

		#content li {
		margin-left: 12px;
		margin-top:8px;
		line-height: 1.2em;
		}