/* - - - - - - - - - - - - - - - - - - - - -
* Filename: styles.css
* Version: 1.0.0 (2008-03-11)
* Website: http://koko-ortho.com/
* Author: Ryan

== STRUCTURE: ==============================
* Page width: 900 px
* Number of columns: 0
============================================
- - - - - - - - - - - - - - - - - - - - - */

/*   Globals
=====================================*/
* {margin:0px; padding:0px;}
li {line-height: 1.7em; margin-left:15px;}
#nav li {list-style: none; margin:0px;}
p {margin-top:10px;}
h2, h3, h4, h5{margin-top:15px;}
a {color: #002C03; text-decoration: none;}
a:hover {color: #C0AD35;}


/*   Body and Wrappers
=====================================*/
body {
background:#002c03 url(images/layout/BG.jpg) top left repeat-x; /* Body Image/Stretcher */
font:74%/1.5 Verdana, Arial, Helvetica, sans-serif;
color:#000;
}
#shell {
background:transparent url(images/layout/bodyBG.jpg) top left repeat-y; /* Body Image/Stretcher */
position:relative;
overflow:hidden;
margin:0px auto;
width:900px;
}
#container {
background:transparent url(images/layout/headBG.jpg) top left no-repeat; /* Top Image */
padding-top:228px;
position:relative;
overflow:visible;
margin:0px auto;
width:900px;
}


/*   List/List Item Styles
=====================================*/
/* ol, ul, dl */
.insetList{padding:8px 0px 0px 10px;}
.inBoxList{padding:5px; border:1px solid #ddd; background-color:#eee;}


/* li, dd */
.fancyBullet{list-style-image:url(images/layout/fancy.jpg);}
.fancyBullet ul li{list-style-image:none; list-style:disc;}

.noBullet{list-style-image:none; list-style:none; line-height:1.3em; margin:0px;}
.noBullet ul li{list-style-image:none; list-style:disc;}



/*   Navigation Styles
=====================================*/
/* Global Menu Settings */
#nav{
list-style:none; text-decoration:none; text-align:right;
position:absolute; z-index:100; display:block;
top:230px; left:25px;/* Position of Entire Menu */
width:221px;}

/* 1st Level of Menu */
#nav li.level{
clear:left; background:transparent url(images/layout/nav.jpg) 0px 0px no-repeat;
font:18px/36px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; text-transform:none;/* 1st Level Font Adjustment */
min-height:48px; _height:48px; float:left;}/* !Important! */
#nav li a{color:#fff; height:44px; width:211px; display:block; padding:3px 10px 0px 0px; margin:0px;}
#nav li a:hover{color:#fff; background:transparent url(images/layout/navOver.jpg) 0px 0px no-repeat;}

/* 2nd Level of Menu */
#nav li ul{float:left; background:#f2e173; width:221px;}
#nav li ul li{
font:14px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:none;/* 2nd Level Font Adjustment */
background:none; width:221px; height:20px;
}
#nav li ul li a{color:#444; width:211px; height:20px; display:block; padding:3px 10px 0px 0px; margin:0px;}
#nav li ul li a:hover{color:#000; background-color:#F6ECA7; background-image:none;}

.subMother{cursor:pointer; margin:0px; padding:0px;}
.menuSubs{margin:0px; padding:0px;}



/*   Body Content Styles
=====================================*/
#homeContent {
background:transparent url(images/layout/welcome.jpg) 0px 240px no-repeat;
padding-top:250px;
margin-left:255px; /* adjustments may require padding instead */
padding-left:135px;
padding-bottom:25px;
width:460px;
min-height:450px;
_height:450px; /* for IE6 */
}

#content {
margin-top:0px; /* adjustments may require margin instead */
margin-left:275px; /* adjustments may require padding instead */
padding-bottom:25px;
width:580px;
min-height:450px;
_height:450px; /* for IE6 */
}

#pagePhoto{
float:right;
margin:10px 0px 10px 10px;
border:1px solid #000;
}


/*   Individual Pages
=====================================*/
/*  Staff  */
.staffBlock{
padding-top:10px; margin-bottom:10px;
min-height:225px; _height:225px;
border-top:1px solid #ddd;
}
.staffPic {
margin:0px 9px 8px 0px;
float:left;
}

.faqAnswer{
border:1px solid #000;
padding:10px;
background:#f8f8f8;
}
#faq a:visited,
#faq a:focus{
font-weight:bold;
font-size:125%;
}





/*   Footer Styles
=====================================*/
#footer {
background:#002C03 url(images/layout/footBG.jpg) top left no-repeat; /* Footer Image */
font:10px/1.5 Verdana, Arial, Helvetica, sans-serif;
margin:0px auto;
width:900px;
height:120px;
clear:both;
color:#999;
}
#footSpace{height:60px;}
#foot_info {
margin:0px auto;
height:2em;
text-align: center;
line-height:1.2em;
letter-spacing: -1px;
}
#foot_info p {
margin-top:0px;
}
#footer a {
color: #999;
}
#footer a:hover {
color: #fff;
text-decoration: none;
}



/*   sIFR 3 Styles
=====================================*/
.sIFR-flash {  visibility: visible !important;	margin: 0;	padding: 0; }
.sIFR-replaced { visibility: visible !important; }
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced > div { display: none !important; }
.sIFR-active h1 { visibility: hidden; font:bold 32px/32px Arial, Helvetica, sans-serif; color:#460000; margin:0; }
.sIFR-active h2 { visibility: hidden; font:bold 30px/30px Arial, Helvetica, sans-serif; color:#460000; margin:0; }



/*   Standard Image/Feature Styles
=====================================*/
#feature {margin:30px auto 20px auto;}
.caption { font-style:italic; color:#666;}
.right {margin:0px 0px 8px 9px; float:right;}
.left {margin:0px 9px 8px 0px; float:left;}
.photoright {padding:3px; background:#fff; border:1px solid #777; float:right; margin:1px 0px 8px 9px;}
.photoleft{padding:3px; background:#fff; border:1px solid #777; float:left; margin:1px 9px 8px 0px;}
.photo {padding:3px; background:#fff; border:1px solid #777;}
.featureRight {border:3px solid #000; padding:2px; float:right; margin:0 0 8px 8px;}
.featureCenter {border:3px solid #000; padding:2px; margin:7px auto 7px auto; }