/* CSS Document */

body {
		background-color: #fff;
		margin:0;
		padding:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		}
		
 
ul {
	list-style: none;
	padding:0px;
	margin:0;
	background-color: #fff;
}

#nav li li a {
	display: block;
	font-weight: normal;
	width:137px;
}

#nav li li a:hover {
	padding: 0px;
	width:137px;

	}


	
li {
	float: left;
	width: 137px
	text-align: left;
	cursor: default;
	}

li#last {
	border-right-width: 1em;
	position: relative;
}

li ul {
	display: none; 
	position: absolute;
	top: 10px;
	left: 0;
	font-weight: normal;
	background-color: #fff;
	width:137px;
	z-index:10;
}

li>ul {
	top: auto;
	left: auto;
	background-color:#fff;
	width:137px;
}

li li {
	display: block;
	float: none;
	padding:0;
	margin:0;
	background-color: transparent;
	border:0;
	height:auto;
	border-bottom: 1px solid #660;
	width:137px;
}

li li a{line-height: 14px; }



li:hover ul, li.over ul {
	display: block;
	background-color: #fff;
}

/* begin styles for RSS Feed */
.rss_box {
	 margin: 0;
	 padding: 0;
}


.rss_title, rss_title a {
	font-size : 14px;
	font-weight: bold; 
	letter-spacing: 1px;
	color: #330;
	text-decoration: none;
}

.rss_items {
  
}

.rss_item  {
	padding-bottom: 10px;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	font-weight: bold;
	text-decoration : none;
	color: #099;
	}

.rss_item a:hover { 
	text-decoration : none;
	color: #f66;
	}
	
.rss_date {
	font-size: 10px;
	color: #660;
	}

#container {
			background: url(../images/backgrounds/profile_bg.gif) no-repeat;
			width: 960px;
			height: 590px;
			margin: 0px;
			margin-left: auto;
			margin-right: auto;
			padding: 0px;
		}

#sidebar-a {
			float: left;
			width: 281px;
			margin: 0;
			padding: 20px;
			overflow:hidden;
		}
		
		#sidebar-b {
			float: left;
			width: 301px;
			margin: 0;
			padding-top: 20px;
			padding-left: 20px;
		}
		

		#content {
			width: 599px;
			padding-top: 20px;
			padding-left: 40px;
			float:left;
			overflow:hidden;

		}
		
			#content2 {
			width: 619px;
			padding-top: 20px;
			padding-left: 20px;
			float:left;

		}
		

#dotted {
			width: 558px;
			height: 6px;
		}
		
#dotted2 {
			float: left;
			width: 558px;
			height: 6px;
		}
		
#contentlinks {
			float: left;
			width: 97px;
			padding-top: 2px;
			height: 13px; 
			text-align: left;
			font-weight: bold;
			font-size: 9px;
		}
		
#contentlinks2 {
			float: left;
			width: 46px;
			padding-top: 2px;
			padding-left: 0px;
			height: 13px; 
			font-size: 9px;
			text-align: left;
		}
		
#contentlinks3 {
			float: left;
			width: 46px;
			padding-top: 2px;
			height: 13px; 
			font-size: 9px;
			text-align: right;
		}

#aquaarrow {
			float: left; 
			width: 13px;
			height: 15px;
		}
		
#aquaarrow2 {
			float: left;
			width: 13px;
			height: 15px;
		}
		
#vertdotted {
			float: left;
			width: 1px;
			height: 15px;
		}
		
#linkdivider {
			width: 105px;
			height: 1px; 
		}
	
#branding {height: 25px; width: 960px; z-index: 1;}
#contact {float: left; background:#99F; width:38px; height:15px; z-index:1;}		
#contact1 {float: left; background:#99F; width:283px; height:15px; font-weight: bold; z-index:1;}
#contact2 {float: left; background:#669; width:482px; height:15px; z-index:1;}
#contact3 {float: left; background:#336; width:20px; height:15px; z-index:1;}
#contact4 {float: left; background:#336 url(../images/backgrounds/links_bg.gif) no-repeat; width:137px; height:15px; font-weight: bold;z-index:1;}


#navarrow {float: left; background-color: #099; width:20px; height:16px; z-index:1;}
#navtext {float: left; background-color: #099; width:140px; height:16px; font-weight: bold; font-size : 14px; 
 font-family: Arial, Helvetica, sans-serif; z-index:1;}
 #navtext2 {float: left; background: #099 url(../images/backgrounds/words_bg.gif) no-repeat; width:140px; height:16px; font-weight: bold; font-size : 14px; 
 font-family: Arial, Helvetica, sans-serif; z-index:1;}

#pixelline {float: left; background: #FFF; width:960px; height:1px; z-index:1;}
#pixellinebrown {float: left; background-color: #330; width:960px; height:1px; z-index:1;}

#subnav {float: left; background:#660; width:20px; height:15px; z-index:1;}
#subnav1 {float: left; background:#660; width:301px; height:15px; font-weight: bold; z-index:1;}
#subnav2a {float: left; background:#996; width:20px; height:15px; z-index:1;}
#subnav2b {float: left; background:#996; width:462px; height:15px; font-weight: normal; z-index:1;}
#subnav3a {float: left; background:#CC9; width:20px; height:15px; z-index:1;}
#subnav3b {float: left; background:#CC9 url(../images/backgrounds/strata1_bg.gif) no-repeat; width:137px; height:15px; font-weight: bold; z-index:1; }
#subnav4b {float: left; background:#CC9 url(../images/backgrounds/strata2_bg.gif) no-repeat; width:137px; height:15px; font-weight: bold; z-index:1; }
#subnav5b {float: left; background:#CC9 url(../images/backgrounds/strata3_bg.gif) no-repeat; width:137px; height:15px; font-weight: bold; z-index:1; }
#subnav6b {float: left; background:#CC9 url(../images/backgrounds/strata4_bg.gif) no-repeat; width:137px; height:15px; font-weight: bold; z-index:1; }
#subnav7b {float: left; background:#CC9 url(../images/backgrounds/strata5_bg.gif) no-repeat; width:137px; height:15px; font-weight: bold; z-index:1; }
#subnav8b {float: left; background:#CC9 url(../images/backgrounds/strata6_bg.gif) no-repeat; width:137px; height:15px; font-weight: bold; z-index:1; }

#shopnav1 {float: left; background:#99F; width:20px; height:15px; z-index:1;}
#shopnav2 {float: left; background:#99F; width:301px; height:15px; font-weight: bold; z-index:1;}
#shopnav3 {float: left; background:#669; width:20px; height:15px; z-index:1;}
#shopnav4 {float: left; background:#669; width:462px; height:15px; font-weight: normal; z-index:1;}
#shopnav5 {float: left; background:#336; width:20px; height:15px; z-index:1;}
#shopnav6 {float: left; background:#336 url(../images/backgrounds/strata6_bg.gif) no-repeat; width:137px; height:15px; font-weight: bold; z-index:1; }

#whitespace {float: left; z-index:1;}

#footer {	
			width: 960px;
			float: left; 
			height: 18px;
			padding-top: 2px;
			background: #000 url(../images/backgrounds/footer_bg.gif) no-repeat;
		}


.whitetext {
	color: #FFFFFF;
	text-decoration: none;
}

.contacttext {
	color: #336;
	text-decoration: none;
}

a:hover {
	color: #f66;
	text-decoration: none;
}

.bluetext {
	color: #9cc;
	text-decoration: none;
}

.dkbrtext {
	color: #330;
	text-decoration: none;
}
.sitelinktext {
	color: #660;
	text-decoration: none;
}
.linkstext {
	color: #099;
	text-decoration: none;
}
.pinktext {
	color: #f66;
	text-decoration: none;
}
.nexttext {
	color: #669;
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
.litepurptext {
	color: #99f;
	text-decoration: none;
}


/* form and results heading size */
.main_formhead, .formhead { 
  font-size : 14px; 
  color : #330; 
}

/* outer fieldset — it's common to make this border : 0; */
fieldset#formwrap { 
  background-color : #fff;
   border-color: #CCC;
}

/* section fieldsets — it's common to make this border : 0; */
fieldset { 
  background-color : #fff;
  border-color: #9cc;
}

/* form legends and dt "heading" */
legend, dt { 
  font-size : 11px; 
  color : #099;
}

/* main legend at top of the form */
legend#mainlegend { 
    font-size : 11px;
	color : #099; 
}

/* form label text */
label { 
  color : #330;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  padding : 2px; 
  border : 1px solid #996;
  background-color : #fff;
}

/* to make focus stable in IE 6 */
* html input.button { 
  color : #000;  
  border : 1px solid #330;
  background-color : #fff;
}
* html input.button.hover { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}
* html input.button.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}

/* hover and focus styling — the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color — bold is for the error reason text */
span.error, dt.error, strong.error { 
  color : #cd0000; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #660; 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #fafafa; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 1px solid #000; 
  background-color : #fff; 
  color : #000;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
  color : #fff;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #660;
}