body { margin: auto; font-size:0.9em; line-height:20px; font-family: "Myriad Pro", "Trebuchet MS", Arial; background: #666; border:1px solid #666666;}
a { color:#C23B01;}
a:hover { color:#333333;}
#container { 
	background-color:#fff; 
	width: 800px;
	margin: auto;
}
#banner { background:url('images/banner.jpg') repeat-x; height: 150px;
}
#header { background:url('images/header_bckg_main.jpg') repeat-x;}
#logo { background:url('images/header_bckg.jpg') no-repeat; padding:30px 0 0 40px; height:83px; color:#FFFFFF; font-style:italic;  line-height: 23px; }
#logo a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:20px; font-style:italic; text-transform:uppercase;}
#menu { background: url('images/menu_bckg.jpg'); height:30px; }
#menu ul { margin:0; padding:0;}
#menu ul li{ float:left; list-style:none; text-align:center; }
#menu a { 
	float:left; 
	color:#1a3553; 
	font-size:13px; 
	text-transform:uppercase; 
	font-weight:bold; 
	text-decoration:none; 
	padding: 5px 15px 0 15px; 
	font-style:italic;
	margin: 0;
	border-right: 1px #996600 dotted;
	height: 25px;
	}
#menu a:hover{ 
	padding: 5px 15px 0 15px; 
	height:25px;
	color: #fff; 
	background:url('images/menu_bckg_over.jpg');
	}
#text {
	float: left;
	width: 550px; 
	margin: 15px 0 15px 15px; 
	border: 0px solid;
	text-align: justify;
	}
#text h1 { margin: 0 0 20px 0; text-transform:none; font-size:1.5em; color:#1B1D1E; font-weight:normal;}
#text h2 { margin: 0 0 20px 0; text-transform:none; font-size:1.3em; color:#1B1D1E; font-style:italic; border-bottom:  #333 1px dotted;}
#text h2 a { color:#1B1D1E; text-decoration: none;}
#text h2 a:hover { color:#C23B01;}
#text h3 { margin: 20px 0 10px 0; text-transform:uppercase; font-size:1.2em; color:#1B1D1E; font-weight:normal;}
#text p { padding:0 0 5px 0;}
#text search { 
	float: left;
	padding: 0;
	clear: left;
	border: 1px solid #333;
	width: 100px;
	
	}
#text ul li {list-style:none; margin-left: 0px; padding-left:20px; background:url(images/li.gif) no-repeat 0px 7px;}
#text ol li { margin-left: 20px; }

#text next {
	float: left;
	width: 100px; 
	margin: 15px 0 0 0; 
	border: 1px solid;
	}
	
#text middle {
	float: left;
	width: 200px; 
	margin: 15px 0 0 15px; 
	border: 1px solid;
	}
	
#text previous {
	float: right;
	width: 100px; 
	margin: 15px 0 0 15px; 
	border: 1px solid;
	text-align: right;
	}
	
#sidebar { 
	float:right; 
	width:190px; 
	padding: 0; 
	margin: 15px 15px 15px 20px; 
	font-size:12px;
	border: 0px solid;
	}
#sidebar h2 { margin: 0 0 10px 0; border-bottom: 1px dashed #333; font-size:1.2em; color:#1B1D1E;}
#sidebar ul { margin: 0px; padding: 0px;}
#sidebar li { list-style:none;}

#main { 
	float:left; 
	background:url(images/Body-BG.jpg);
	width: 800px;
	}
	
#footer {background:url(images/footer_bckg.jpg) #424E4F; height:102px; clear:both;  font-style:italic }
#left_footer { 
	float:left; 
	padding:15px 0 0 15px; 
	background:url(images/c.gif) no-repeat; 
	color:#FFFFFF; 
	font-size:11px;
	margin: auto;
	line-height: 1.4em;
}
#left_footer a { color: #FFCC00;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:40px 30px 0 0; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right; width:400px;}
#right_footer a { color:#FFFFFF;}
#right_footer a:hover { text-decoration:none;}
.postmetadata { font-size: 13px; margin: 5px 0 0 0;}
.postmetadata small { font-size: 11px;}
.entry p { margin: 5px 0 0 0;}
#searchform { margin: 0;}
#searchform #searchsubmit { width: 30px; height: 21px; border: none; color: #FFFFFF; background-color: #FF6600; font-size:14px; font-weight:bold;}
#searchform #s { width: 150px;}
#commentform #comment { width: 500px;}
#commentform #author, #commentform #email, #commentform #url { width: 250px;}
#commentform #submit { width:140px; height: 21px; border: none; color: #FFFFFF; background-color: #FF6600; font-size:14px; font-weight:bold;}
#commentform p { margin: 5px 0 5px 0;}
#calendar caption { margin: 5px 0 5px 0; text-transform:uppercase; font-size:1.5em; color:#1B1D1E; font-weight:bold; text-align:left;}
#calendar h2 {margin: 0; padding: 0;}
#wp-calendar th {padding-right:10px; text-align:left;}
#wp-calendar td {padding-right:10px;}
.commentlist .alt {}
.commentlist p { margin: 5px 0 10px 0;}
.navigation { text-transform:uppercase; margin-top: 20px;}
blockquote { font-style:italic; border-left:3px solid #F4F4F4; padding-left: 5px; margin-left: 20px;}
code { line-height:normal; font-size:12px;}
.quickbook {
	font-size: 10px;
}

img {
	float: left;
	padding-right: 10px;
	border: 0;}
	
#admin_main { 
	width: 800px;
	margin: auto;
	background-color: #FFFF99;
	padding: 20px;
	border-bottom: 1px solid;
	}
#admin_main ul { margin: 0px; padding: 0px;}
#admin_main ul li { float:left; list-style:none; text-align:center;}
	
#admin_main a { 
	color: #993300;
	padding: 0 10px 0 10px;
	border-right: 1px #996600 dotted;
}
#admin_main a:hover { color: #333;}

#admin_box { 
	width: 800px;
	margin: auto;
	background-color: #fff;
	padding: 20px;
	border-bottom: 1px solid;
	}

#admin_box p { padding:0 0 5px 0;}
#admin_box h2 { background-color: #ff3300; padding: 5px; margin: 0; text-transform:none; font-size:1.2em; color:#fff; font-style:italic; border:  #333 1px dotted;}
#admin_box h3 { background-color: #fcbb3a; padding: 5px; margin: 0; text-transform:none; font-size:1.2em; color: #fff; font-style:italic; border:  #333 1px dotted;}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#fff;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#bfeaff}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
	padding: 5px;
    position:absolute;
    top:2em; left:2em; width:20em;
    border:1px solid #0cf;
    background-color:#e3f8ff; color:#000;
    text-align: left}