/*<-----CSS RESET SO ALL BROWSERS ARE EQUAL----->*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


/*<-----CSS SITE SPECIFIC----->*/

body {
	font-family:Arial, Helvetica, Sans-serif; 
	font-size:15px;
	background-color:#d7d7d7;
	text-align:left;
	height:100%;
	color:#000000;
}
#page-container { 
	width:100%; 
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content-container { 
	width:960px; 
	min-width:960px;
	display:block;
	margin-left: auto;
	margin-right: auto;
	background-color:#ffffff;
	border-bottom: white 10px solid;
	border-right: white 10px solid;
	border-left: white 10px solid;
	border-top: white 5px solid;
}

/* <---------- Top Header  ---------->*/ 

#top-header {
	text-align:right;
	width:960px; 
	display:block;
	height:40px;
	background-color:#262d37;
	margin-bottom:2px;
}
#top-treatment{
	width:640px;
	height:40px;
	display:block;
	float:left;
	text-align:left;
}
#top-treatment-left{
	width:270px;
	height:40px;
	display:block;
	overflow:hidden;
	float:left;
}
#top-treatment-mid{
	width:270px;
	height:40px;
	display:block;
	float:left;
	overflow:hidden;
}
#top-treatment-right{
	width:100px;
	height:40px;
	display:block;
	float:right;
	overflow:hidden;
}
#top-treatment .top-treatment-label{
	color:#CCC;
	font-size:14px;
	margin:14px 10px;
	float:left;
}
#top-treatment .top-treatment-input{
	text-align:left;
	width:120px;
	height:20px;
	border: 1px #333 solid;
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin:8px 0 0 0;
	padding:1px;
	float:left;
	font-weight:normal;
}
#top-treatment .top-treatment-btn{
	text-align:left;
	width:80px;
	height:25px;
	border: 1px #333 solid;
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin:8px 0 0 0;
	padding:1px;
	text-align:center;
	font-weight:normal;
}
#top-login{
	width:140px;
	height:40px;
	display:block;
	float:right;
	background-image:url(../Images/Top-Header-Login.jpg);
	text-align:center;
}
#top-login a {
	width:140px;
	height:40px;
	display:block;
	color:#262d37;
	float:left;
	text-decoration:none;
	margin:10px 0 0 0;
	font-size:18px;
	text-align:center;
}
#top-login a:hover {
	color:#ffffff;
}
#top-register{
	width:140px;
	height:40px;
	display:block;
	float:right;
	background-image:url(../Images/Top-Header-Register.jpg);
	text-align:center;
}
#top-register a {
	width:140px;
	height:40px;
	display:block;
	color:#262d37;
	float:left;
	text-decoration:none;
	margin:10px 0 0 0;
	font-size:18px;
	text-align:center;
}
#top-register a:hover {
	color:#ffffff;
}

/* <---------- Suggestion Box ---------->*/

div.jsonSuggestResults {
	position:absolute;
	border:1px solid #CCC;
	padding:0px;
	margin:0px 2px;
	z-index:1;
}
div.jsonSuggestResults div.resultItem {
	margin:0px;
	padding:5px;
	position:relative;
	height:auto;
	cursor:pointer;
}
div.jsonSuggestResults div.resultItem.odd {
	background-color:#CCC;
}
div.jsonSuggestResults div.resultItem.even {
	background-color:#FFFFFF;
}
div.jsonSuggestResults div.resultItem.hover {
	background-color:#333;
	color:#FFF;
}
div.jsonSuggestResults div.resultItem p {
	margin:0px;
	padding:0px;
	font-size:10px;
}
div.jsonSuggestResults div.resultItem p.extra {
	font-size: x-small !important;
	right: 3px;
}
#register-header p{ 
	color:#000000;
	font-family:Arial, Helvetica, Sans-serif; 
	font-size:12px;
}
#register-header a{
	text-decoration:underline;
	color: #000000;
	font-family:Arial, Helvetica, Sans-serif; 
	font-size:12px;
	font-weight:bold;
}
#register-header a:hover{
	color:#663399;
}

/*<-----MAIN NAVIGATION----->*/

#menu-container {
	width:960px;
	height:60px;
	display:block;
	background:#371757;
	background-image:url(../Images/Header-Back.png);
}
#menuball-container {
	width:960px;
	height:30px;
	display:block;
	background:#3c0027;
	margin: 0 auto 0 auto;
}
#menu-container ul { 
	list-style: none; 
	padding-top: 0; 
	padding-left: 0;
	margin-bottom:0; 
	color:#ffffff;
	font-family:Arial, Helvetica, Sans-serif; 
	font-size:12px;
	text-decoration:none;
}
#menu-container ul.dropdown ul li { 
	display: inline; 
	width: 100%; 
} 
	
/* 
	LEVEL ONE MENU
*/

#menu-container ul.dropdown  { 
	position: relative; 
}

#menu-container ul.dropdown li { 
	height:60px; 
	float: left;  
	font-weight:700;
	font-size:12px;
	font-weight:bold;
}
#menu-container ul.dropdown a:hover	{ 
	color: #000; 
	ext-decoration: none; 
	font-weight:700; 
}
#menu-container ul.dropdown li a {
	display: block; 
	padding:25px 12px 0 12px;
	text-decoration: none;
	color: #ffffff; 
	font-size:12px;
	font-weight:bold;
	line-height:100%;
}
#menu-container ul.dropdown li.break{
	float:left;
	display:block;
	width:2px;
	height:60px;
	background-image:url(../Images/Header-Back-Break.png);
}
#menu-container ul.dropdown span.header-logo{
	float:left;
	display:block;
	width:80px;
	height:60px;
	margin-top:-25px;
}
#menu-container ul.dropdown li.hover, #menu-container ul.dropdown li:hover { 
	background-image:url(../Images/Header-Back-Over.png);
	background-repeat:repeat-x;
	color: #ffffff; 
	position: relative; 
	font-size:12px;
	font-weight:bold;
}
#menu-container ul.dropdown li.hover a { 
	color: #ffffff; 
}

/* 
	LEVEL TWO MENU
*/

#menu-container  ul.sub_menu { 
	width: 180px;
	visibility: hidden;
	position: absolute; 
	top: 60px ; 
	left: 0;
	z-index:100;
}
#menu-container  ul.sub_menu li { 
	width: 180px; 
	height:34px; 
	display:block; 
	background: #4b266b; 
	color: #ffffff; 
	padding:1px 0 0 10px; 
	margin:0;
	line-height:180%;
}									  

/* IE 6 & 7 Needs Inline Block */

#menu-container ul.sub_menu li a	{
	width: 180px; 
	height:34px; 
	display: block; 
	text-decoration: none; 
	padding:5px 0 0 0;
	font-weight:normal; 
} 
#menu-container ul.sub_menu li a:hover{ 
	color: #ffffff;
	font-weight:normal; 
}

/* <---------- Footer ---------->*/


#footer { 
	width:960px;
	height:60px;
	display:block;
	background-color:#000000;
	color: #d7d7d7;
	padding-top:10px;
	clear:both;
}
#social {
	float:left;
	width:300px;
	height:50px;
	display:block;
}
#social .spacer{
	margin:0 0 0 10px;
}

#copyright {
	float:right;
	width:260px;
	height:50px;
	display:block;
}
#copyright .spacer{
	margin:0 0 0 10px;
}
#disclaimer { 
	width:960px; 
	min-width:960px;
	min-height:50px;
	display:block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
#disclaimer p{
	font-family:Arial, Helvetica, Sans-serif; 
	font-size:10px;
	color:#666;
	margin-top:10px;
}