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

#container {
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	width: 800px;
	margin: 0px auto;
	padding: 5px;
	position: relative;
}

#header {
	background:url(../images/header_background.png);
	background-repeat:repeat-x;
	height: 19px;
}

#logo {
	background:url(../images/logo.png);
	background-repeat: no-repeat;
	background-position:left;
	height: 65px;
}

#menu {
	background: url(../images/menu_background.png);
	height: 39px;
	color:#FFF;
}

#frontimage {
	background:url(../images/kevin.png);
	background-repeat:no-repeat;
	position: absolute;
	left: 630px;
	top: 110px;
	height: 226px;
	width: 160px;
	z-index: 100;
}

#banner {
	background:url(../images/banner_background.png);
	background-repeat: no-repeat;
	height: 92px;
}

#bottombanner {
	background: url(../images/below_banner_background.png);
	background-repeat: repeat-x;
	height: 53px;
	padding-top:5px;
	padding-left:5px;
	color: white;
	
}

#content {
	position: relative;
	top: -18px;
}

#sidebar {
	width: 175px;
}

#sidebar_content {
	
}

#sidebar h2 {
	font-size: small;
	padding: 0 5px 5px 5px;
	margin: 0;
	margin-right: 12px;
	border-bottom: thin #CCC solid;
}

#sidebar p {
	font-size: x-small;
	padding: 5px;
	margin: 0;
}

#ad1, #ad2 {
	float: left;
	width: 213px;
	height: 130px;
	position: relative;
	margin-top: -35px;
	margin-left: 0;
}

#ad1 {
	background:url(../images/ad1_background.png);
	background-repeat: no-repeat;
}

#ad2 {
	background:url(../images/ad2_background.png);
	background-repeat: no-repeat;
}

#ad1 h3 {
	margin-left: 90px;
	margin-top: 12px;
	font-size: small;
	color: #000;
	font-variant:small-caps;
	font-weight: bold;
}

#ad2 h3 {
	margin-left: 75px;
	margin-top: 12px;
	margin-bottom: 0;
	font-size: small;
	color: #000;
	font-variant:small-caps;
	font-weight: bold;
}

#ad1 p {
	font-size:x-small;
	color:#333;
	margin-left: 90px;
	padding: 0;
}

#ad2 p {
	font-size:x-small;
	color:#333;
	margin-left: 75px;
	margin-top: 0;
	padding: 0;
}

#main {
	width: 615px;
	float: right;
}

#main_content {
	clear: left;
	margin-left: 12px;
}

#footer {
	clear: right;
	background:url(../images/footer_background.png);
	background-repeat:repeat-x;
	font-size:x-small;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	height: 19px;
}

h1 {
	font-size: large;
	color:#333;
	font-variant: small-caps;
}

h2 {
	font-size: small;
	color:#333;
	font-variant: small-caps;
}

h3 {
	margin-bottom: 0;
	padding: 0;
	font-size: small;
	color:#333;
}

p, ul, li {
	margin-top: 0;
	font-size:small;
	color:#666;
}

/*** Nav bar styles ***/

.menu h2 {
	position:absolute;
	left: -999px;
	height: 0;
}

.menu ul{
	height:39px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		color:#fff;
		display:block;
		font-weight:normal;
		line-height:39px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #2580a2 url(../images/hover.gif) bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#4c3825;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url(../images/sub_sep.gif) bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:39px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#2580a2 url(../images/hover_sub.gif) center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}
		
#content form {
	margin: 0;
	padding: 0;
}

#content fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#content legend {
	display: none;
}

#contentinput, #contentsubmit {
	border: 1px solid  #CCC;
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7F7772;
}

#contentlabel {
	float:left;
	padding: 5px 0 0 0;
	text-align:left;
	min-width: 130px;
	min-height: 20px;
	vertical-align: middle;
	border:thin #000000;
}
	
#contentdelete {
	border: 1px solid  #CCC;
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F00;
}

#contentlabel {
	float:left;
	padding: 5px 0 0 0;
	text-align:left;
	min-width: 130px;
	min-height: 20px;
	vertical-align: middle;
	background: #FFFFFF;
	border:thin #000000
}

#contentlabelerror {
	float:left;
	padding: 5px 0 0 0;
	text-align:left;
	min-width: 130px;
	min-height: 20px;
	vertical-align: middle;
	background: #FFFFFF;
	border:thin #CE2424;
	color:#CE2424;
}

#contentlabelconfirm {
float:left;
padding: 5px 0 0 0;
text-align:left;
width: 130px;
height: 20px;
vertical-align: middle;
background: #FFFFFF;
border:thin #F00;
color:#0C0;
}

#contentinput, #mceEditor {
	padding: 0 5px 10px 0;
	width: 330px;
	margin-left: 10px;
	background: #FFFFFF
}

#contenthidden {
	visibility: hidden;
}


/*** Blog Containers styles ***/


#news_container {
	width: 100%;
	border-top: 2px dashed #666;
	padding-bottom: 10px;
}

.post_cont {
  width: 200px;
  overflow: hidden;
  float: left;
  margin-top: 10px;
}

.content {
  margin: 0 5px;
	padding: 10px;
	background: #fff;
	border: 1px solid #cacaca;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.content h3 {
	margin-bottom: 0px;
	margin-top: 0;
	font-size: x-small;
	color:#666;

}

.content p.title {
	font-size: x-small;
	padding: 0;
	margin: 0;
}

.content p.description {
	font-size: x-small;
	padding: 0;
}

.content h4 {
	margin-bottom: 10px;
	font-size: small;
}

.content h4 a {
	font-size: 12px;
	color: #333;
}

.content h4 a:hover {
	color: #333;
	border-bottom: 1px dotted #333;
}

.content img {
  float: left;
	margin: 2px 4px 55px 0;
	width: 16px;
	height: 16px;
}

.content p {
  font-size: 11px;
  color: #666;
}

span.visit_link a {
  font-size: small;
  margin-top: 40px;
  text-align:center;
  padding: 10px;
  display: block;
  background: #dfdfdf;
  color: #8c8a8a;
  -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

span.visit_link a:hover {
  background: #e6e6e6;
  border: none;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#slide_title {
	width: 100%;
}

#slide_title h1 {
	font-size: 20px;
	padding: 0 5px 13px 5px;
	margin: 0 0 5px 0;
	margin-right: 12px;
	border-bottom: thin #CCC solid;
	}

#slideimage {
	float:left;
	margin: 0 10px 0 0;
	padding: 0;
}

#slide_content {
	width: 440px;
	float: right;
	margin-left: 0;
}

#slide_content1 {
	width: 500px;
	margin-left: 0;
}

#slide_content ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

#slide_content li{
	background: url(../images/apple_bullet.jpg) left 0 no-repeat;
	padding-left: 35px;
	font-size: 20px;
	padding-bottom: 15px;
}

#presentation_menu ul {	
	list-style-type: square;
	font-size:10px;
	margin: 5px 0 5px 0;
	padding-left: 20px;
}

#presentation_menu li {
	font-size: 11px;
	padding: 2px 0 0 2px;
}