@charset "UTF-8";
/* CSS Document */

/*RESET-------------------*/

h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, div { margin:0px; padding:0px;}

html{ overflow:-moz-scrollbars-vertical; height: 100%;}

body {
	background:url(../images/ramok/bg_body.gif) top center repeat-y #EBEBEB;
	font-size:12px;
	line-height:18px;
	font-family:Arial, Helvetica, Sans-serif;
	color:#777;
	margin:0px;
	padding:0px;
}

h1, h2, h3, h4, h5 { color:#1c3f94;}
h1 { font-size:24px; margin-bottom:20px;}
h2 { font-size:24px; margin-bottom:20px;}
h3 { font-size:20px; margin-bottom:20px;}
h4 { font-size:18px; margin-bottom:15px;}
h5 { font-size:16px; margin-bottom:15px;}
h6 { font-size:14px; margin-bottom:7px; color:#555;}
p { margin:0px 0px 15px 0px; }
blockquote { margin:0px 0px 15px 40px;}
ul, ol { margin-bottom:20px;}
ul li, ol li { list-style-position:inside;}

/*ANCHORS-------------------*/
a {	color:#EF4035; text-decoration:underline;}
a:hover { color:#1C3F94;}
a, a img {border:none; }
a:active, a:focus{ outline:none;}
.more { color:#1C3F94; text-decoration:none;}
.more:hover { color:#666;}


/*BREAKS-------------------*/
.force_break { clear:both; }
.hr_break { clear:both; }

/*SPECIAL CLASSES*/
.inner { padding-left:10px; padding-right:10px;}  

.first_letter { color: #EF4035; }

.short_description {
	font-size:18px;
	line-height:24px;
	margin:0px 0px 20px 0px;
	color:#1c3f94;
	font-weight:bold;
}
	.short_description a {
		text-decoration:none;
	}

/*FLOATS-------------------*/
.left { float: left; }
.right { float: right; }
.leftimg { float: left; margin:0px 20px 10px 0px;}
.rightimg { float: right; margin:0px 0px 10px 20px;}

/*COLUMNS------------------*/

.one_column {
	width:60px;
}

.two_column {
	width:140px;
}

.three_column {
	width:220px;
}

.four_column {
	width:300px;
}

.five_column {
	width:380px;
}

.six_column {
	width:460px;
}

.eight_column {
	width:620px;
}


/*LAYOUT-------------------*/

#wrap {
	width:960px;
	background:#FFF;
	margin:0px auto;
	clear:both;
}

#header {
	width:961px;
	height:220px;
	margin:0px auto 0px auto;
	padding-bottom:20px;
	background:url(../images/ramok/bg_header.gif) top center repeat-x #FFF;
}
	#header .inner {
		padding-right:0px;
	}
	div#logo {
		width:220px;
		float:left;
	}
		div#logo h1 {
			margin-bottom:0px;
		}
			div#logo h1 a {
				background:url(../images/ramok/logo_header.gif) top left no-repeat;
				display:block;
				width:220px;
				height:220px;
			}
				div#logo h1 a em {
					display:none;
				}
	div.page_header {
		float:left;
		width:540px;
		margin:110px 0px 0px 20px;
	}
		div.page_header h2 {
			margin-bottom:10px;
		}
		div.page_header h3 {
			color:#ef4035;
		}
	
	div#top_nav {
		margin:65px 0px 0px 0px;
		float:right;
	}
		div#top_nav ul {
			font-size:9px;
			line-height:9px;
			margin-bottom:0px;
		}
			#top_nav ul li {
				text-transform:uppercase;
				display:inline;
				margin-right:3px;
				padding-right:5px;
				border-right:1px solid #888;
			}
				#top_nav li.last {
					padding-right:0px;
					margin-right:0px;
					border-right:none;
				}
				#top_nav ul li a {
					color:#888;
					text-decoration:none;
					
				}
					#top_nav ul li a:hover {
						color:#666;
					}


div#sidebar {
	width:200px;
	margin-left:20px;
	float:left;
}
	#sidebar h4 {
		margin-bottom:3px;
	}
	#sidebar ul {
		margin-bottom:10px;
	}
		#sidebar ul li {
			list-style-position:outside;
			list-style:none;
			font-size:11px;
			line-height:14px;
		}
			#sidebar ul li a {
				text-decoration:none;
				color:#777;
			}
			#sidebar ul li a.current {
				color:#ef4035;
			}
				#sidebar ul li a:hover {
					color:#ef4035;
				}


#contentbox {
	width:700px;
	float:right;
	/*margin-left:20px;*/
}
.content_wide {
	width:620px;
}

.listing {
	
}
	.list_element {
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:1px solid #CCC;
	}
	.list_element h4 {
		float:left;
	}
	.list_element h4 a {
		text-decoration:none;
	}
	.list_element .entry_date {
		float:left;
		border-right:1px solid #CCC;
		margin-right:10px;
		padding-right:10px;
	}
.content_narrow {
	width:500px;
	float:left;
	margin-right:30px;
}
.section_photo {
	margin-top:-50px;
	margin-bottom:30px;
}        
.photo_title {
	border: 1px solid black;
}
.content_sidebar {
	width:150px;
	float:left;
	margin-top:-50px;
}
	.content_sidebar img {
		margin-bottom:20px;
	}
	.content_sidebar h6 {
		color:#666;
	}
	.content_sidebar em {
		color:#999;
	}
						
			

				
/*Email Signup*/
.email_callout {

}
	.email_callout p {
		margin-top:10px;
	}
	.email_callout_type {
		width:150px;
		margin-right:10px;
		color:#999;
		border:1px solid #CCC;
		padding:3px;
	}
		.email_callout_type:focus {
			border:1px solid #00aeef;
			color:#00aeef;
		}
			
	.email_callout_button {
		cursor:pointer;
	}
		

/*FOOTER --------------*/

#footer {
	clear:both;
	padding:40px 20px;
}
	#footer p {
		font-size:10px;
		line-height:14px;
	}