/* ---------------------------------------------------
KEMMY CSS - Stuart Whitman ( www.collateit.net )
----------------------------------------------------- */

body{
	background:url(./themes/site_themes/default/body-bg.jpg) repeat-x 0 0 #555; color:#888;
	font:12px/18px 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
	margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
p {margin-bottom:18px}
h2, h3, h4 {color:#999;}
h1 {
	font:normal 24px/34px Arial, Helvetica, sans-serif;
}
h2  {
	font:normal 20px/30px Arial, Helvetica, sans-serif;
}
h4 {
	font:normal 16px/28px Arial, Helvetica, sans-serif;
}
label {color:#FFFFFF;}
ul{list-style:none;}
a:hover {text-decoration:underline;}
a {color:#CCCCCC;}
a {cursor:pointer;text-decoration:none;}
.spacer{font-size:0; line-height:0; clear:both;}
.first {clear:left;}
.last {clear:right;}
.triple {width:33%;}
.col {float:left; position:relative;}
.credit {font-weight: bold; color:#eee;}
div.testimonial {border-bottom:1px solid #888;}


/* ----------------- top navigation start --------------------- */

#topNav{
	width:850px; position:relative;
	margin:0 auto; padding:8px 0 0 0;}
#topNav ul{
	width:600px; height:23px; padding:8px 0 0 8px; margin:0 0 0 217px;}
#topNav li{
	color:#ccc; float:right; 
	font:11px/23px Arial, Helvetica, sans-serif;}
#topNav li a{
	color:#ccc;
	font:11px/23px Arial, Helvetica, sans-serif;
	border-right:1px solid #363636;
	padding:0 6px;
	text-decoration:none;}
#topNav li a:hover{color:#fff;text-decoration:none;}
#topNav li.contact a { border-right:none; }
#topNav #family a { float:left; width:200px; height:40px; text-indent:-9999px; background:url(./themes/site_themes/default/kemmy.gif) 4px 0 no-repeat; overflow:hidden; font-size:1px;}

/* ----------------- top navigation end --------------------- */

/* ----------------- shadow start --------------------------- */
#topShadow{
	background:url(./themes/site_themes/default/top_shadow.gif) no-repeat 0 0 #232323; color:#4E4628;
	width:850px; height:30px; margin:9px 0 0; float:left;}
#bottomShadow{
	background:url(./themes/site_themes/default/bottom_shadow.gif) no-repeat 0 0; color:#4E4628;
	width:850px; height:30px; float:left;}
/* ----------------- shadow end --------------------------- */

/* ----------------- body start --------------------------- */
#body{
	width:850px; margin:0 auto; position:relative;}
#bodyPannel{
	background:url(./themes/site_themes/default/bar.gif) repeat-y 0 0; color:#888;
	width:750px; padding:0 50px; float:left; }
#midle{
	background-color:#444;
	padding:20px 0 0 0;}
#midle ul {
margin:0 0 10px 30px;
}
#midle ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
}
#midle ul.yui-nav {margin:0;}
#midle ul.yui-nav li {list-style:type:none;}
#midle div.right-half-col {
float:left;
width:330px;
}
#midle div.left-half-col {
float:left;
margin-right:15px;
width:400px;
}
#midle .intro {
margin-top:15px;
}

.left-half-col img {
margin-top:20px;
}

ul.resources {
clear:both;
margin:0;
padding:1em 0 0;
width:720px;
overflow:hidden;
}
ul.resources li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:10px 25px 0 0;
width:210px;
height:80px;
overflow:hidden;
}
ul.resources li a {
display:block;
padding-bottom:0.3em;
}
ul.resources li img {
float:left;
margin-right:10px;
}

#content {
float:left;
padding:0 15px 0 20px;
width:500px;
}
#sidebar {
float:left;
padding-left:15px;
width:190px;
}
#sidebar ul {
margin-left:15px;
}
#sidebar ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.badge img {border:none 0;}
.twtr-widget {margin:10px 0}

/* ----------------- body end --------------------------- */

/* ----------------- blog start --------------------------- */

#comment_list .comment_author {margin-bottom:3px;}
#comment_list .comment_time {font-style:italic; margin-bottom:5px;}
#comment_list li {border-bottom:1px solid #777;padding:10px 20px;}
.comment {margin-top:10px;}

/* ----------------- blog start --------------------------- */

/* ----------------- footer start --------------------------- */
#footer{
	position:relative; margin:0 auto; width:830px; padding:0 10px 50px 10px;}
#footer p{
	color:#9c9c9c; padding:0; float:right;
	font:normal 11px/18px sans-serif;}
#footer span {
	color:#9c9c9c; padding:0; float:left;
	font:normal 11px/18px sans-serif;}
#footer a {
	text-decoration:none; color:#9c9c9c;}