/* CSS Document */
body { background: #ddd; /*#fff url(../image-files/bk0.jpg) repeat-x;*/ border: 0; margin: 0; text-align: center; 
font:86% Verdana, Geneva, Arial, helvetica, sans-serif; line-height:1.4em; color:#303030; }

#wrapper { border: solid 1px #eee; background-color: #FFF; margin: 0 auto; text-align: left; width: 780px; }
#logo { margin: 0; width: 780px; height: 120px; background: #FFF url(../image-files/logo.gif) no-repeat; }
#logo .toplinks { margin: 5px 5px 0; padding-right: 0; list-style: none; font-size:11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; float: right; }
#logo .toplinks li { padding-right: 0px; text-align: right; }
#logo .toplinks a:link, #logo .toplinks a:visited { color: #00D; text-decoration: none; }
#logo .toplinks a:hover { text-decoration: underline; color: #A08; }

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_one */
.hmenu { padding:0 0 0 12px; margin:0; list-style:none; height:34px; background: #fff url(../image-files/three_0.gif); position:relative; border:/*1px solid #000*/none; /*border-width:0 1px; border-bottom:1px solid #444;*/ }
.hmenu li {float:left;}
.hmenu li a {display:block; float:left; height:34px; line-height:34px; color:#aaa; text-decoration:none; font-size:12px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.hmenu li a b {float:left; display:block; padding:0 16px 0 8px;}
.hmenu li.current a {color:#fff; background:url(../image-files/three_2.gif);}
.hmenu li.current a b {background:url(../image-files/three_2.gif) no-repeat right top;}
.hmenu li a:hover {color:#fff; background:#000 url(../image-files/three_1.gif);}
.hmenu li a:hover b {background:url(../image-files/three_1.gif) no-repeat right top;}
.hmenu li.current a:hover {color:#fff; background:#000 url(../image-files/three_2.gif); cursor:default;}
.hmenu li.current a:hover b {background:url(../image-files/three_2.gif) no-repeat right top;}

/**************** secondary horizontal menu ****************/
#navcontainer { background: #fff url(../image-files/back_0.gif) repeat-x; margin: 0; padding: 10px 0px/*10px 0 5px 40px*/; height:24px; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; }
#navcontainer ul, #navcontainer li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#navcontainer a:link, #navcontainer a:visited { float: left; line-height: 14px; font-weight: bold; margin: 0 10px 4px 10px; text-decoration: none; color: #999; }
#navcontainer a:link#current, 
#navcontainer a:visited#current, #navcontainer a:hover { border-bottom: 2px solid #000; padding-bottom: 2px; background: transparent; color: #000; }
#navcontainer a:hover { color: #000; }

/********** content section styles *************/
#content { margin-top: 4px; width:778px; font-size:0.9em; padding:20px 0 0 5px; }
#content h1 { margin-top: 0; color: #A08;  font-size: 1.6em; }
/*#content h2 { margin-top: 0; color: #A08;  font-size: 1.5em; }*/
#content h3{ margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px; }
#content a:hover { ext-decoration:underline; }
#content ul, #content ol{ margin:0 5px 10px 5px; }

/**** sub-content area ****/
#content170 { float:right; margin-top: 20px; width:170px; padding:20px 5px 10px 0; line-height:1.4em; }
#content170 h2 { display:block; margin:0 0 15px 0; font-size:1.6em; font-weight:normal; text-align:left; 
	letter-spacing:-1px; color:#505050; background-color:inherit; }
#content170 p{ margin:0 0 16px 0; font-size:0.9em; }

/**** images in content sections ****/
img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0; }
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

/**** other sub-content areas and styles ****/
.splitleft{float:left; width:68%; background-color:#FFFFFF; border-right: 1px solid #999; padding-right: 10px; }
.splitright{float:right; width:28%; background-color:#FFFFFF; margin-right: 1px; padding-left: 1px; }
.splitleft50 { float:left; width:48%; background-color:#FFFFFF; border-right: 1px solid #999; padding-right: 10px;}
.splitright50{ float:right; width:48%; background-color:#FFFFFF; margin: 0 5px 0 10px;}
.clear{clear:both;}
.small{font-size:0.8em;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.textjustify{ padding-left: 10px; text-align: justify; }
.dash { letter-spacing: 0.1em; }

.box{ margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em; }

/**************** Footer styles ****************/
#footer{ clear:both; width:780px/*100%*/; height: 35px; padding:5px 0; margin: 0 auto; /*margin:0 1px;*/ font-size:0.9em; color:#808; background:#fff url(../image-files/back_1.gif) repeat-x; }
#footer p{padding:3px 0 0; margin:0; text-align:center;}
#footer a{color:#808; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#000; background-color:inherit; text-decoration: underline;}

/* set millions of background images */
.rbroundbox { background: url(../image-files/nt.gif) repeat; }
.rbtop div { background: url(../image-files/tl.gif) no-repeat top left; }
.rbtop { background: url(../image-files/tr.gif) no-repeat top right; }
.rbbot div { background: url(../image-files/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../image-files/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.rbtop div, .rbtop, .rbbot div, .rbbot { width: 100%; height: 7px; font-size: 1px; }
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; }

.rbcontent h1, .rbcontent p {margin:0 10px;}
.rbcontent h1 {font-size:0.9em; color:#00b; /*letter-spacing:1px;*/}
.rbcontent p {padding-bottom:0.5em; color: #808; font-size: 0.9em; font-weight: bold;
}

.boxh1 {font-size:1.1em; color:#00b; letter-spacing:1px;}
h2 { margin-top: 0; color: #A08;  font-size: 1.5em; padding:10px 0 0 5px; }

#subtopics { display: block; float: right; width: 204px; background: #fff url(../image-files/subtopics-bg2.gif) repeat-y; padding: 0; margin-left: 5px; }
#subtopics div { border-bottom: solid thin #fff; height: 100%; background: url(../image-files/subtopics-bottom2.gif) no-repeat bottom left; }
#subtopics div p { padding: 0 10px 10px; }
#subtopics div a { display: block; padding: 0; margin: 0; }
#subtopics div a:link, 
#subtopics div a:visited { text-decoration: none; color: #00b; }
#subtopics div a:hover { text-decoration: underline; color: #808; }
#subtopics div a:active { display: block; }
#subtopics div .topicbox { background: none; /*float: left; */margin-left: 10px; width: 180px; border: 0; padding-bottom:10px;}
#subtopics div  ul { list-style-type: none; padding: 0; margin: 0; }
#subtopics div li { padding: 0.2em 0 0 0.6em; }

/* ------------------------------------------------------------------------------------
	Thumb image formatting. Assumes image will stretch/size with window, 
   but jpg doesn't stretch much. Still no problem because these are all small images 
--------------------------------------------------------------------------------------- */

div.figure {
	float: right; border: thin dotted #CCC;
	border: mone;
	margin: 0.5em;
	padding: 0.5em 0 0.5em 0.5em;
}

div.figure_left {
	float: left;
	border: none;
	margin: 0.5em;
	padding: 0.5em 0.5em 0.5em 0;
}

div.figure_right {
	float: right;
	border: none;
	margin: 0.5em;
	padding: 0.5em 0.5em 0.5em 0;
}

div.figure p {
	text-align: center;
	font-style: italic;
	font-size: 90%;
	text-indent: 0;
}

div.figure_left p {
	text-align: center;
	font-style: italic;
	font-size: 90%;
	text-indent: 0;
}

div.figure_right p {
	text-align: center;
	font-style: italic;
	font-size: 90%;
	text-indent: 0;
}

img.scaled {
	width: 100%;
}

/* Newsletter subscription form */
/* style the form itself */
/*form {
 	border: 1px solid #666699;
 	padding: 5px;
}
*/
form#subscribe {
 	background-color: #eee;
 	color: #000000;
 	border: 1px solid #999999;/*border: none;*/ 
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 10px;
 	text-align: right;
}

#overlogo {
	/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  /* for Mozilla */
  -moz-opacity:0.6;
  background-color: #FFF;
  width: 270px; border: none; position: relative; top: 20px; left: 360px;  margin-right: 10px;
}

/* style the text fields; make 'em small*/
#subscribe .text {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	width: 140px;
 	margin-right: 6px;
	background-color: #FF9;
}

#subscribe .buttons {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 10px;
 	background-color: #333333;
 	color: #FFFFFF;
 	margin-right: 6px;
}