/* CSS Document */
html {
  height: 101%; /* prevent scrollbar jumping in firefox */
}

* {margin: 0; padding: 0;}

body {color: #000;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;text-align: center;background: url(../images/bg-body.jpg) repeat-x;}

img {border:0;}

.clear {clear: both;}

br.clear {font-size: .01em;}

a, a:link {color: #C0C3CA; text-decoration: none;}
a:hover {color: #C0C3CA; text-decoration: underline;}

legend {display: none;}
fieldset {border: none;}

/* ---------------------------------------------------------------- structure */

#frame {margin: 0 auto;	text-align: left; width: 990px;background: #fff url(images/bg-content.jpg) center bottom no-repeat;}	
#frame:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#topstrap {width: 990px;float:left;}
#topstrap:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#logo {background: url(../images/bg-logo.gif) 0 0 no-repeat;width: 220px;height: 150px;position: relative;float:left;display:inline;}
#logo:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#topbanner {width: 750px;float:left;margin:0 0 0 10px;display:inline;}
#topbanner:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#topnav {width: 760px;height: 24px;text-align: right;position: relative;display:inline-block;}
#topnav:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.leftcol {float: left;width: 220px;padding: 0 0 0 0;}
.leftcol:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#main {float: left;width: 990px;}
#main:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#content {float: left;width: 450px;margin: 0 0 0 10px;padding: 0 0 0 0;font-size: 1em;}
#content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#banner-ads {float:left; width:300px;margin: 0 0 0 10px;padding:0 0 0 0;}
#banner-ads:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#footer-outer {text-align: center;height:235px;width:100%;background: url(../images/bg-footer-outer.jpg) repeat-x;margin:0 0 50px 0;}

#footer-inner {margin: 0 auto;text-align: left;width: 980px;color: #929DAB;font-size: 9px;
}

/* ---------------------------------------------------------------- clickable logo */
#logo {width:220px;}
h1 {font-size: 1em;text-indent: -2000px;width:220px;padding: 0;}
h1 a {display: block;width: 220px;height: 150px;}

/* ---------------------------------------------------------------- Main Navigation */

ul#nav-main {width: 450px;height: 24px;float:left;text-align:right;margin-top:20px;}
ul#nav-main li {float: left;display:inline;font-size: 1.4em;position: relative;list-style: none;padding: 0 55px 0 0;display:inline-block;}
ul#nav-main li.last {padding-right: 0;}
ul#nav-main li a { display: block; color: #C0C3CA; line-height: 14px; font-weight: bold; }

ul#nav-main li.current, ul#nav-main li.section {color: #C0C3CA;}
ul#nav-main li.current a, ul#nav-main li.section a {color:  #C0C3CA;}
ul#nav-main a:hover {color: #000;}

/*sub sections*/
#nav-main li ul {position: absolute;width: 250px;left: -999em;margin: 0!important;padding: 5px 0;background-color: #3E4E51;}
#nav-main li ul li {padding: 5px 0;margin:0;width: 100%;background:none;font-size:1em;border-right: none;text-align: left;}
ul#nav-main li ul li a, ul#nav-main li ul li a:link, ul#nav-main li ul li a:visited {height: 22px;line-height:22px;display:block;color: #C0C3CA;text-decoration: none;padding: 6px 8px;margin: 0!important;background:none;}
ul#nav-main li ul li a:hover { display:block; color: #C0C3CA!important; text-decoration: none; background: none; background-color: #97B1BE; }
ul#nav-main li ul li.current, ul#nav-main li ul li.section {background: none;}
ul#nav-main li ul li.current a, ul#nav-main li ul li.section a { background: none; background-color: #97B1BE; color: #C0C3CA; }
ul#nav-main li:hover ul, #nav-main li.sfhover ul {position: absolute;left: 14px;top: auto;z-index: 1000;width: 250px;background: #3E4E51 url(../ximages/ul_over.jpg) bottom no-repeat;}

/* ---------------------------------------------------------------- navigation sub1 */
ul#navsub1 { display: block; font-size: 1em; width: 220px; list-style: none; padding: 0 0 0 0; margin:0;position:relative;list-style-position:inside; }
ul#navsub1:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul#navsub1 li { display: inline; float: left; height: 90px; width: 110px; margin: 0; padding: 0; position: relative; }
ul#navsub1 li.long { display: inline; float: left; height: 140px; width: 220px; margin: 0 0 0 0; padding: 0; position: relative; }
ul#navsub1 li a { height: 100%; width: 100%; display: block; padding: 0; color: #000066; text-decoration: none;text-indent:-2000px; }
ul#navsub1 li a span { display: block; position: relative; text-align: left; top: 49px; }
ul#navsub1 li a span img { display: block; xtext-align: left;border:none;}

/* ---------------------------------------------------------------- navigation sub2 */
ul#navsub2 { display: block; font-size: 1em; width: 220px; list-style: none; padding: 25px 0 20px 0; margin:25px 0 0 0;position:relative;list-style-position:inside;border-top: #00CCFF 10px solid; }
ul#navsub2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul#navsub2 li { display: inline; float: left; height: 128px; width: 220px; margin: 0; padding: 0; position: relative; }
ul#navsub2 li a { height: 100%; width: 100%; display: block; padding: 0; color: #000066; text-decoration: none;text-indent:-2000px; }
ul#navsub2 li a span { display: block; position: relative; text-align: left; top: 72px; }
ul#navsub2 li a span img { display: block;border:none;}

ul#navsub2 li.normal-black { display: inline; float: left; height: 68px; width: 220px; margin: 0; padding: 0; position: relative;}
ul#navsub2 li.normal-black a { height: 100%; width: 100%; display: block; padding: 0; font-size: .9em; color: #333333;text-indent:0; text-decoration: none;}
ul#navsub2 li.normal-black a span { display: block; position: relative; text-align: left; top: 12px; }
ul#navsub2 li.normal-black a:hover {text-decoration: none;}

ul#navsub2 li.normal-pink { display: inline; float: left; height: 28px; width: 220px; margin: 0; padding: 0; position: relative;}
ul#navsub2 li.normal-pink a { height: 100%; width: 100%; display: block; padding: 0; font-size: 1em; color: #FF079C;text-indent:0; text-decoration: none;}
ul#navsub2 li.normal-pink a span { display: block; position: relative; text-align: left; top: 0; }
ul#navsub2 li.normal-pink a:hover {text-decoration: none;}

ul#navsub2 li.rss {background: url(../images/icon-rssfeed.jpg) right no-repeat;}
ul#navsub2 li.small {font-size: .85em;}

/* ---------------------------------------------------------------- navigation sub3 */
ul#navsub3 { display: block; font-size: 1em; width: 430px; list-style: none; padding: 0 0 25px 0; margin:0 0 20px 0;position:relative;border-bottom: #FF079C 10px solid;}
ul#navsub3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul#navsub3 li { display: inline; float: left; height: 80px; width: 155px; margin: 0 0 0 265px; padding: 0; position: relative; }
ul#navsub3 li a {height: 100%; width: 100px; display: block; padding: 0 0 0 85px; color: #000;font-size:9px;line-height:1.2em; text-decoration: none;}
ul#navsub3 li a span { display: block; position: relative; text-align: left;}

ul#navsub3 li.long { display: block; float: left; height: 320px; width: 260px; margin: 0; padding: 0; position: absolute; left:0; top:0; }
ul#navsub3 li.long a { height: 100%; width: 100%; display: block; padding: 0; color: #000;font-size:1.2em;line-height:1.2em; text-decoration: none;}
ul#navsub3 li.long a span { display: block; position: absolute; color: #fff; text-align: left; top: 255px; left:5px; font-weight: bold;letter-spacing: -0.06em; }

/* ---------------------------------------------------------------- main content */

dl.listings {display:block;margin: 5px 0 15px 0;width: 428px;}
dl.listings:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

dl.listings dt {font-size: .65em;padding:2px 0 7px 0;clear:left;border-bottom:#C0C3CA 2px dotted;}
dl.listings dt.left {width:70%;}
dl.listings dd.right {width:30%;}

dl.listings dd {font-size: 0.65em;padding:2px 0 7px 0;color: #333333;margin: 0 0 8px 0;border-bottom:#C0C3CA 2px dotted;}
	
dl.listings dt a, dl.listings dt a:link {color: #333333;}

dl.listings dt a:hover {color: #333333;}

#content h1 {font-size: 25px;margin: 0;}
#content h2 { font-size: 1.2em; margin: 0 0 0 0; padding: 4px 0 0 0; color: #333333; font-weight: 700;}
#content h3 {font-size: 1em;margin: 0;padding: 0;color: #333333;}
#content h4 {font-size: 1.1em;margin: 0;padding: 6px 0 0 0;color: #FF079C;}
#content h6 {font-size: 10px;margin: 0;}

#content p {
  color: #000;
  font-size: 0.7em;
  margin: 8px 5px 12px 0;
  line-height: 1.6em;
  }
  
#content ul, #content ol {
  color: #C9CEC4;
  xmargin: 8px 5px 1em 0;
  line-height: 1.8em;
  width: 400px;
  }
  
#content ol li {
  xmargin: 8px 5px 1em 0;
  }
  
#content p.pink{font-size: 1.2em; font-weight: bold;margin:20px 0 30px 27px ;line-height: 1.2em;letter-spacing: -0.06em;}

/* ---------------------------------------------------------------- search */
#search {
	display:inline;
	float:left;
	width: 310px;
	margin: 14px 0 0 0;
	}
	
#search input.input_box_hidden {display:none;}
	
#search label {
	display:inline;
	float:left;
	font-size: 1.0em;
	padding:3px 0 0 0;
	color: #FF049A;
	letter-spacing: -0.06em;
}

#search input {
	display:inline;
	float:left;
	border: 3px #FF049A solid;
	color: #FF049A;
	font-size: 1.0em;
	padding:2px 0;
	margin: 0 0 0 5px;
	width: 170px;
	height: 18px;
}

/* ---------------------------------------------------------------- banner ads */

#banner1 {border-bottom: #00CCFF 10px solid;padding: 0 0 25px 0; margin:0 0 25px 0;}

/* ---------------------------------------------------------------- login / footer navigation */

.login ul, #footer-nav ul {
	list-style: none;
	text-align: left;
	margin: 6px 0 0 27px;
	}
	
.login ul li {
	display: inline;
	font-size: .9em;
	}

.login p {
	margin: 3px 0 12px 27px;
	width: 227px;
	color: #000;
	font-size: 0.7em;
}

.login li.pink {
	font-size: 1em;
	font-weight: bold;
	letter-spacing: -0.06em;
	margin: 9px 0 11px 0;
}

.pink, .pink a, .pink a:link {color: #ff049a;}
.pink a:hover {color: #ff049a; text-decoration:underline;}
.small a{font-size: .7em; font-weight: normal;margin:10px 0 15px 0;}
.seperator {border-top: #FF049A 10px solid;}

/* ---------------------------------------------------------------- address */
address { padding: 0 0 0 0; margin: 0 0 20px 0; color: #FF049A; line-height: 1.6em; font-size: 1.4em; font-style: normal; xfont-weight: bold;clear:left; }
address a, address a:link {color: #ff049a;}

/* ---------------------------------------------------------------- footer */

#footer-inner ul {padding: 20px 0;}

.left {float:left;width:48%;text-align:left;}
.right {float:left;width:48%;text-align:right;}


#footer-inner ul li {display: block;font-size: .7em;margin: 0;padding: 4px 0;list-style-type: none;color: #ff049a;}
#footer-inner ul li a, #footer-inner ul li a:link {color: #ff049a;}
#footer p {padding: 50px 0 20px 48px;}

#footer-inner p a, #footer-inner p a:link {color: #929DAB;}