/*
Theme Name: OAA Web
Author: Pin Oak Web Designs
Author URI: http://www.pinoak.net
*/

* { margin: 0; padding: 0;}
html { overflow-y: scroll;}
html, body {height:100%;}
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#153834;}

/*Links*/
a:active, a:link, a:visited {text-decoration: underline; color: #d9753f;}
a:hover {
color: #0000CC;
text-decoration: none;
}

/*Defaults*/
h1 {font-size: 14px; color:#000000;}
h2 h3 h4 h5 h6 {font-size: 14px; font-weight:bold;}
ul { }
li { }
img { border:none;}
.clear { clear:both;}
.floatright { float:right;}
.floatleft { float:left;}
table {padding:0 15px;}
/* Structure */

#wrapper { width:966px; margin: 0px auto -250px; min-height: 100%; height: auto !Important; height: 100%;}
#push { height:250px;}

/* Header */

#header { width: 966px; background: transparent url(images/header.jpg) no-repeat; margin-top: 4px; height:226px; }
h1#logo { margin: 3px 0 0 18px;}
h2#description { color:#4567af ; font-family: cursive,Helvetica,sans-serif ; font-size:22px; text-transform:uppercase; text-align:right;}

/* Header Product Navigation */

/*-------------------Main Nav ------------------------*/
/* remove the bullets, padding and margins from the lists */
#product-nav-bar {
	width:939px;
	float:left;
	margin: 0 0 0 50px;
}
#product-nav-bar ul{
list-style-type:none;
padding:0 0 0 35px;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
#product-nav-bar li{
float:left;
position:relative;
z-index:100;
padding: 0 28px;
/*height: 37px;*/
}

/* use the table to position the dropdown list */
#product-nav-bar table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
#product-nav-bar a, #product-nav-bar :visited {
display:block;
font-variant:small-caps;
font-size:12px;
padding:10px 0 0 0;
font-weight:bold;
color:#fff;
text-decoration:none;
text-align:center;
}
#product-nav-bar ul ul li a, #product-nav-bar ul ul li :visited {
width:175px;
text-align:left;
padding:1px 0 1px 5px;
color: white;
}
#product-nav-bar ul ul ul li a, #product-nav-bar ul ul ul li :visited {
width:175px;
text-align:left;
padding:1px 0 1px 10px;
color: white;
}
#product-nav-bar ul ul li{
position:relative;
z-index:100;
width:175px;
padding:0 0 0 5px;
}
#product-nav-bar ul ul ul li{
position:relative;
z-index:100;
width:175px;
padding:2px 0 0 5px;
}
#product-nav-bar ul li.current_page_item {
color: #FFFF66;
}
/* style the links hover */
#product-nav-bar a:hover{
	color: #FFFFCC;
	text-decoration:underline;
}
#product-nav-bar ul ul li a:hover{
text-decoration:underline;
color:white;
text-align:left;
width:175px;
}
#product-nav-bar ul ul ul li a:hover{
text-decoration:underline;
color:white;
text-align:left;
width:175px;
}
/* hide the sub level links */
#product-nav-bar ul ul {
visibility:hidden;
position: absolute;
margin:0 0 0 0;
padding:2px;
background:#0054a6;
width:175px;
text-align:left;
}

#product-nav-bar ul li ul li ul {
visibility:hidden;
position: absolute;
margin:0 0 0 150px;
background:#0054a6;
width:175px;
text-align:left;
}

/* make the sub level visible on hover list or link */

#product-nav-bar ul li:hover ul, #product-nav-bar ul a:hover ul, #product-nav-bar ul li:hover ul ul, #product-nav-bar ul a:hover ul ul { visibility:visible;}

/* Content Container */

#content-wrapper { background: url(images/body-bg.jpg) repeat-y; width:966px; float:left; padding:10px 30px;}
/*.content-top { background: url(images/content-top-bg.jpg) no-repeat; width:966px; height:8px; float:left;}
.content-body { background: url(images/content-body-bg.jpg) repeat-y; width:966px; float:left; padding: 10px 0 0 11px;}
.content-bottom { background: url(images/content-bottom-bg.jpg) no-repeat; width:966px; height:25px; float:left; padding: 0 0 10px 0;}
*/
/* Content Text */

#content { width:900px; float:left; margin-left:15px;line-height:1.5em; color: #333333; }
#content p {padding:10px 0 0 10px;}
#content ul {padding:10px 0 0 15px;}
#content .post { padding:20px 0 0 0;}
#content .post-date {text-align:right; font:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#content .post h2 a,#content .post h2 a:visited {text-decoration:none; display:block; border-bottom: 2px solid black; color:#d9753f; font-size: 13px;}

/* Content Text - Product Template and Page.php */

#content-main { width:680px; float:left; margin:5px 5px 20px 5px; line-height:1.5em; color:#333333; }
#content-main h2 {color:black;}
#content-main p {padding:5px 0 5px 10px;}
#content-main ul {padding:10px 0 0 25px;}
#content-main img {padding:5px;}
#content-main .post { padding:0;}
#content-main .post-date {text-align:right; font:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#content-main .post h2 a,#content-main .post h2 a:visited {text-decoration:none; display:block; border-bottom: 2px solid black; color:#d9753f; font-size: 13px;}
#content-noleft { width:900px; float:left; margin:5px 5px 20px 5px; line-height:1.5em; color:#333333; }
#content-noleft p {padding:5px 0 5px 10px;}
#content-noleft ul {padding:10px 0 0 25px;}
#content-noleft img {padding:5px;}



/* Side Bar Left */

#sidebar, #sidebar-post { width:190px; float:left; margin: 0 2px 0 10px;}
#sidebar ul, #sidebar-post ul { list-style:none; padding:10px 0 15px 0;}
#sidebar ul ul, , #sidebar-post ul ul { list-style:none; padding:5px 0 0 5px;}
#sidebar li, #sidebar-post li {
	padding:8px 0 8px 8px;
	list-style:none;
	}
#sidebar li li, #sidebar-post li li {
	border-bottom:1px solid #999999;
	list-style:none;
	}
#sidebar h2, #sidebar-post h2{width:191px; color:black; text-align:left; padding:2px 0 0 0; font-size:14px; margin:5px 0;}
#sidebar li a, #sidebar-post li a {
	padding:8px 0 8px 0;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#d9753f;
	}
#sidebar li a:hover, #sidebar-post li a:hover {
	padding:8px 0 8px 0;
	color:#d9753f;
	}

#sidebar li li a, #sidebar-post li li a {
	padding:8px 0 8px 8px;
	text-decoration:none;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	}
#sidebar li li a:hover, #sidebar-post li li a:hover {
	padding:8px 0 8px 8px;
	}

#sidebar .sidebox, #sidebar-post .sidebox {
	padding:0 0 10px 0;
	}

.wp-caption {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	line-height:normal;
	padding:3px;
	border:1px solid  #CCCCCC;
	}
a[href$=".pdf"] {
	background: url(images/adobe.gif) no-repeat right top;
	padding-right: 18px;
	}
/* Side Bar Right */

#sidebar-right { width:170px;}
#sidebar-right ul { list-style:none;}

/* Footer */

.footer-top { background: url(images/footer-top.jpg) no-repeat; width:966px; height:18px; float:left;}
#footer { width: 966px; float:left; background: transparent url(images/footer.jpg) no-repeat; background-position:bottom; text-align:center; height:127px; font:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0;}
#footer p { text-align:center; margin: 20px 0 0 0;}
#footer li {list-style:none;}
.footer-nav { width:966px; padding:0 0 0 250px; text-align:center; float:left; margin:0;}
.footer-nav ul, .footer-nav ul ul{ list-style-type:none; padding:0; margin:4px 0 0 0;}
/* make the top level links horizontal and position relative so that we can position the sub level */
.footer-nav li{
position:relative;
z-index:100;
margin: 2px 10px;
float:left;
}

.footer-info {
	padding:25px 0 10px 0;
	}
.pagenav {
	width: 966px;
	}
/* style all the links */
#footer a, #footer a:visited {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:10px 0;
color: #d9753f;
text-decoration:underline;
text-align:center;
}
#footer a:hover {
color: #0000CC;
text-decoration: none;
}

/*-----------------Profile Page----------------------------------------------------------*/
.profile-title {
	border-bottom:2px solid #13519a;
	font-size:14px;
	font-weight:bold;
	padding:10px 0 0 0;
	}

/*-------------------Contact Form ------------------------*/
#cforms2form {width:610px;}

/*Styles for Tiny MCE-------------------------------------------------------------*/
.orange-on-dk {
	border-bottom:4px solid #153834;
	background-color:#fedac6;
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#153834;
	text-align:left;
	text-indent:5px;
	padding:5px 0 !important;
	margin:5px 0 !important;
	}
.green-on-dk {
	border-bottom:4px solid #153834;
	background-color:#dbece5;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#153834;
	text-align:left;
	text-indent:5px;
	padding:0 !important;
	margin:5px 0 !important;
	}
.background-black {
	background-color: black;
	display:block;
	font-size:14px;
	font-weight:bold;
	color:white;
	text-align:center;
	padding:0 !important;
	margin:0 !important;
	}

.background-gray {
	background-color: #CCCCCC;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:black;
	margin:18px 0 0 0;
	text-indent:2px;
	padding:2px 0 !important;
	}
	
.border-rt-dash {
	border-right:1px dashed #999999;
	}
	
.border-rt-solid {
	border-right:1px solid #d9743e;
	padding:0 2px 0 0;
	}

.border-btm-dash {
	border-bottom:1px dashed #999999;
	}
	
.border-btm-solid, #sidebar h2, #sidebar-post h2 {
	border-bottom:3px solid black;
	font-size:14px;
	}
.gallery-table {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	line-height:11px;
	}
	
/* new menu look*/
/* style the outer div to give it width */
#menu {	width:800px;
	padding: 188px 0 0 0;
	margin: 0 0 0 150px;
	height:25px;
}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {list-style-type:none;
}

/* style the sub-level lists */
#menu ul ul {width:168px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu ul li {float:left; margin: 10px;}

/* style the sub level list items */
#menu ul ul li {display:block;width:168px;height:auto;position:relative; margin:0; border-bottom:1px solid #153834;}

/* style the links for the top level */
#menu a, #menu a:visited {display:block;height:100%;font-size:12px;text-decoration:none;color: black;;padding:0 20px; font-weight:bold;}

/* style the sub level links */
#menu ul ul a, #menu ul ul a:visited {display:block;background:#fff; color:black;width:12em;height:100%;line-height:1em; padding:0.5em 1em;}
#menu ul table ul a, #menu ul table ul a:visited  {width:14em; width:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
#menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
#menu ul ul table {left:-1px;}
#menu ul ul table ul.left {margin-left:2px;}

#menu li:hover {position:relative;}
* html #menu a:hover {position:relative;}

/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {background: white;}
/* style the fourth level background */
#menu ul ul ul ul a, #menu ul ul ul ul a:visited {background: white;}
/* style the sub level 1 background */
#menu ul :hover a.sub1 {background:#0054a5;}
/* style the sub level 2 background */
#menu ul ul :hover a.sub2 {background:#0054a5;}

/* style the level hovers */
/* first */
#menu a:hover {color:#fff;}
#menu :hover > a {color:#fff; text-decoration:underline;}
/* second */
#menu ul ul a:hover{color:#fff;background:#153834;}
#menu ul ul :hover > a {color:#fff;background:#153834;}
/* third */
#menu ul ul ul a:hover {background:#153834;}
#menu ul ul ul :hover > a {background:#153834;}
/* fourth */
#menu ul ul ul ul a:hover {background:#153834;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden;position:absolute; padding:0 0 0 0; border: 1px solid #CCCCCC; background-color:white;}

/* position the third level flyout menu */
#menu ul ul ul{left:170px;top:0;width:168px; padding: 0 0 0 0;}

/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {left:5px;}


/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul {visibility:visible; height:auto;}
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
#menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
#menu ul :hover ul :hover ul :hover ul {visibility:visible;}


/*<!--[if IE 7]>
#menu ul ul ul {margin-left:-1px;}
#menu ul ul ul.left {margin-left:1px;}
*/

.kjo-link {
	display:none !important;}
	
.linklove {
	display:none;
	}