body       { text-align: left; margin: 25px 0; padding: 0; color: #000000; background: url(http://www.earsurgery.org/site/media/back.jpg) repeat-x left top; font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; }
#wrapper   { text-align: left; border: 1px solid #cccccc; width: 980px; }
h1, h2, h3 { text-transform: uppercase; color: #666666; }
h2         { font-size: 1.4em; padding-bottom: 10px; border-bottom: 1px solid #cccccc; }
h3         { font-size: 1.2em; padding: 3px 0px 0px 5px; color: #000000; border-bottom: 1px solid #cccccc;
             background-color: #E6E3DE; }


blockquote, ul, ol { margin-top: 0; line-height: 150%; text-align: left; font-size: 110%; }
p          { padding: 5px 0px 0px 0px; margin-top: 5px; line-height: 150%; font-size: 110%; }
a          { color: #A5B80D; }
a:hover    { text-decoration: none; color: #FF6000; }


#news      { float: right; width: 350px; margin-bottom: 20px; }
#news h3   { padding-left: 15px; background: url(images/img04.gif) no-repeat left center; }
#news .lined { margin: 0 0 15px 0; padding: 0 0 10px 15px; border-bottom: 1px dashed #CCCCCC; }
#news .more  { margin: 0; padding: 0; border: none; }
#news .more a { padding-left: 15px; background: url(images/img05.gif) no-repeat left center; }


#search_box { background-color: #999999; border: 0px; padding: 4px; }


#feature   { clear: both; margin: 0 auto; padding: 15px 15px 10px 15px; }
.box       { margin-top: 10px; border: 1px solid #000000; padding: 10px; font-size: 110%; line-height: 150%; 
             background: rgb(236, 232, 169) none repeat scroll 0% 0%; width: 80%; text-align: left; }
.padding   { padding: 10px; }
#feature img { margin: 10px; border: 0px solid #999999; }
#feature h2  { margin: 0; }


#footer    { margin: 0 auto; padding: 10px 0 0 0; border-top: 1px solid #cccccc; font-size: 80%; }
#footer p  { margin: 0; line-height: normal; color: #CCCCCC; }
#footer a  { color: #CCCCCC; }
#footer a:hover { color: #666666; }


#menu      { height: 33px; background: #666; }
#menu ul   { margin: 0; padding: 0; list-style-type: none; line-height: normal;
             font-size: 120%; text-transform: uppercase; width: auto; }
#menu li   { display: inline; }


#menu a:hover { color: #FF6000; }
#menu .first a { background: none; }
#menu ul li {float: left; color: #fff; text-align: center; font-weight: normal;}
#menu ul li a {display: block; background: #666; padding: 7px 20px; padding-bottom: 4px; color: #fff; text-decoration: none;}


/* Root Level Link Formatting */
#menu ul li a:hover, #nav li a:focus {background: #d1d2d4; border-color: #fff; color: #4b4c4d;}
#menu li a:active, #nav ul li a.active {background: #d1d2d4; border-color: #fff; color: #4b4c4d;}


/* Current page Customisations*/
#menu li.menu-current a		{background: #000; color: #fff; }
#menu li.menu-current a		{font-weight: bold;} 


/* 2nd Child menu */
#menu .menu li ul {position: absolute; width: 12em; margin: 0; display: none; text-transform: none; font-size: 100%;}
#menu .menu li ul li {width: 17em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}
#menu .menu li ul a {width: 16.5em; padding: .5em .7em .5em .7em; background: #4b4c4d; color: #fff; border-bottom: 1px solid #cccccc;}


/* 2nd Child link hover */
#menu .menu li ul a:hover {color: #4b4c4d; background: #666; border-bottom: 1px solid #cccccc; color:#fff;}


/* Show and hide */
#menu .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#menu .menu li ul ul { display: none;}
#menu .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#menu .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}




/* 3rd Child Menu Appreances */
#menu .menu li ul li ul li a 	{ width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; }


/* Positioning the Pop-out Drops */
#menu li {position: relative;}


#menu ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}


/* Customise the Login Box */
#login-box { background: #eee; text-align: center;	line-height: 140%; margin: 1em 0 0.3em 0; border: 1px solid #ddd;}
#login-box fieldset {border:0;text-align:center;}
#login-box legend		{
	font-size: 90%;
	text-transform: uppercase;
	font-family:"Times New Roman", Times, serif;
	color: #333;
	font-weight: normal;
	letter-spacing: 0.15em;
}
.username {color: #009;} /* Color of name when logged in*/
.topboxbody {font-size:0.8em;padding:2px;}


#login-box input {
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px 0px 1px 0px;
	width: 100px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*  \*/
* html #clearfix {
	height: 1%;
}
/*  */


.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */






/* Inline font Styles */
/* Pretty styles for changing text in the WYSIWYG editor */


.important	{font-weight:bold;color:#f00;}
.code				{font-family: "Courier New", Courier, mono; color:#093;letter-spacing: 1px;}


.info-box		{border: 1px solid #cc3; background-color:#F9F8E2;padding:4px;}