* {
	margin:0px;
	padding:0px;
}
body{
	margin:0px;
	padding:0px;
	background-image:url(images/bg-tile.gif);
}
br.b{
clear: both;
}
#container{
	background-image:url(images/content-bg.gif);
	margin:-279px auto 0px auto;
	width:960px;
	z-index:5;
	
}
#banner{
	background-image:url(images/bg-top.gif);
	height:279px;
	z-index:1;
}

#header{
	background-image:url(images/header.jpg);
	width:960px;
	height:273px;
}
#menuContainer{
	background-image:url(images/menu-bg.gif);
	height:36px;
	width:960px;
}
#content{
	float:left;
	width:690px;
	padding:20px 10px 0px 10px;
}
#sidebar{
	float:right;
	width:228px;
	min-height:500px;
	height:auto;
	background:url(images/sidebar-bg.gif) top no-repeat;
}
#sidebarpad{
	padding:5px;
}
#footer{
	background-image:url(images/footer.jpg);
	clear:both;
	width:960px;
	height:111px;
}
#contentLeft{
	float:left;
	width:420px;
}
#contentRight{
	float:right;
	width:250px;
}
#contentRight img{
float: left;
margin: 4px;
display: block;
}

/******** TEXT FORMATTING */
#content{font-family:Arial, Helvetica, sans-serif;}

#content p{
	font-size:12px;
	padding:6px 0px;
	line-height:160%;
}

#content a{color:#333333;}
#content a:hover{text-decoration:none;}
#content ul{font-size:12px;padding-left:20px;}
#content li{padding:2px 0px;line-height:160%;}

#content h1, #content h2, #content h3{padding:4px 0px;}


#content h1{font-size:22px;}
#content h2{font-size:18px; color: #592989;}
#content h2 a{color: #592989;}
#sidebar h1 .purple{color: #592989;}
#content h2 a:hover{text-decoration:none;}
#content h3{font-size:14px;}

#sidebar{
	font-family:Arial, Helvetica, sans-serif;
}
#sidebar h1{
	font-size:14px;
	padding:4px 0px;
}
#sidebar ul{
	list-style:none;
	font-size:12px;
	padding-left:10px;
}
#sidebar li{
	padding:2px 0px;
}
#info {background:#f8f8f8; border:0;}

#footer .text{
	padding:35px 0px 0px 120px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	font-variant:small-caps;
}
.best{
	border:2px solid #FF9933;
	padding:5px;
	text-align:center;
	line-height:150%;
	font-weight:bold;
	font-size:20px;
}
.picpad{
	padding:5px;
}
.appt
{
	background-color:#FFFFCC;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:730px; height:29px; position:relative; z-index:100;border-right:1px solid #0d3658; font-family:arial, sans-serif; margin-left:2px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:730px; w\idth:730px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;text-align:center;}
.menu ul ul {width:146px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:146px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:135px; height:28px; border:1px solid #0d3658; border-width:0px 0 1px 1px; background:#2d699b; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:146px; w\idth:135px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65;}
.menu ul ul :hover > a.drop {background:#c9ba65;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:0; width:146px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:28px;t\op:29px;}

/* position the third level flyout menu */
.menu ul ul ul{left:146px; top:-1px; width:146px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-146px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:125px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#99ffff; background:#008388;}
.menu :hover > a, .menu ul ul :hover > a {color:#99ffff; background:#008388;}

/* 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; }
/* keep the third level hidden when you hover on first level list OR link */
.menu 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;}