html {max-width:1600px;min-width:802px;} 
body {margin:0; padding:0; text-align: center;}
div, span { margin: 0; padding: 0;}
body {
	color:#4b4b4b; border-top:2px solid #000;
	background: #707070 url(/css6/body.jpg) repeat-x top left;
	font:11px/1.6em "Lucida Grande", Arial, Helvetica, sans-serif;
}
.clearer {clear:both;}

	
/*  Basic Typography
------------------------------------------------- */

h1 {font-size: 2em; color: #365565; }
h2 {font-size: 1.4em; color: #111; text-transform: uppercase;  margin: 26px 0 3px 0; padding: 0;}
h3 {font-size: 1.2em; line-height:1.1em;  margin: 1em 0 3px 0; padding: 0; color: #433;  }
h4 {font-size: 0.9em; color: #365565; margin: 6px 0 0 0; padding: 0;}
h4 a {display: block; }

/* General Typography
----------------------------------------------- */

span.caption, p.caption { margin: 0px 10px 15px 0px; color: #aaa; font-size: 10px;}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.1em;
	color: #777;
	}

code {
	color: #444;
	font-size: 11px;
	line-height: 1.2em;
	text-align: left;

	}
code strong {
	color: #000;
	}
abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
strike, del {
	text-decoration: line-through;
	}
ins {
	text-decoration: none;
	font-style: italic;
	}
blockquote.special {
	padding: 0 0 10px 23px;
	border-bottom: 1px solid #eee;
	}
pre {
	padding: 8px 5px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #eee;
	border-right: 1px solid #ddd;
	background-color: #fafafa;
	width: 94%;
	overflow:auto;
}

/* Links
----------------------------------------------- */

a:link, a:visited {
  color:#2c6f92;
  text-decoration:none;
  border-bottom:1px solid #fff;
  }
a:visited {
  color:#2c6f92;
  }
a:hover {
  color:#00f;
  border-color:#ccc;
  background-color: #ebf6fb;
  }
a:link img, a:visited img {border-width:0;}

/*  Basic Structure
------------------------------------------------- */

#container {
	width:800px; 
	margin:0 auto;
	text-align:left;
	position: relative; 
	background: #fff url(/css6/container200.gif) repeat-y top right;
	}
#header {
	position:relative;
	width: 100%;
	height: 68px;
	background: #e68d00 url(/css6/header07.jpg) no-repeat 0 0;	
}


#header h1 {display:none;}
#header span {
	height: 28px; width: 254px;
 	display:block;position:absolute; left:0px; top:28px; z-index:1;margin:0; padding:0;
	background: #000 url(/css6/logo.jpg) no-repeat 0 0;
	color: #fff;
	}
	
#subheader {
	position:relative;
	border-bottom: 1px solid #ddd;
	border-top: 2px solid #000;
	width: 100%;
	background: #fff url(/css6/footer200.gif) repeat-y top right;
	
}
#maincol {
	width:600px; 
	min-height: 500px;
	float: left;
	background: #fff url(/css6/main.jpg) no-repeat top right;
}

#sidecol {
	width:198px; 
	float: right;
	color: black;

}

#footer {
	clear:both;
	border-bottom: 2px solid #000;
	width: 100%;
	background: #fff url(/css6/footer200.gif) repeat-y top right;
	border-top: 1px solid #ccc;
}

#footer p {padding: 1px 20px; margin: 0;color: #333; }

#bottom {padding: 1em; font-size:.9em; color: #eee;} 
#bottom a:link, #bottom a:visited {color: white; font-weight:bold; border-bottom: 1px solid #707070}
#bottom a:hover {border-bottom: 1px solid white; background: #333;}

/*  Articles and other blocks and boxes
------------------------------------------------- */

div.sidefeature {
	padding: 10px 10px; border-top: 1px solid #aaa;
	}
div.sidefeature h3 {padding: 4px 0}
div.sidefeature a:link, div.sidefeature a:visited {border: none;}
div.sidefeature a:hover {background: transparent;}

div.latestlinks {
	padding: 10px 10px; border-top: 1px solid #aaa;
	}
	
div.latestlinks p.linkdesc {
	padding-left: 16px;
	background: transparent url(/css6/external.gif) no-repeat 0 4px;
	}	

div.hilightbox {
	float: left;
	margin: 5px 0;
	padding: 5px 0px;
}

div.Hilighttxt {
	float: left;
	width: 60%;
	padding: 2px 0;
}

div.Hilighttxt p {padding: 0 10px 0 0; margin: 0;}
div.Hilighttxt h3 {padding: 0 10px  0 0; margin: 0;}
div.thumbframe {
	float: right;
	height: 135px;
	width: 175px;
	padding: 2px 3px 3px 2px; padding: margin;
	background: white url(/css6/thumb_frame.jpg) no-repeat 0 0;
}

div.thumbframe a:link, div.thumbframe a:visited  { border:5px solid white; display: inline-block}
div.thumbframe a:hover  { border: 5px solid #daf0ff}


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

#mainnav {
	clear:both;
	border-top: 1px solid #000;
	width: 100%;
	height: 26px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	line-height:1em;
	letter-spacing:1px;
	background: #373737 url(/css6/square.gif) repeat-x bottom left;
}


#nav {
	float: left;
	width: 80%;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 10px;
	padding-left:10px;
	}
	
#nav li {
	float: left;
	margin: 0;
	padding-right: 1px;
	list-style: none;
	}
#nav a {
	text-transform: uppercase; font-weight:bold;
	float: left;
	padding: .7em 10px 4px 10px;
	text-decoration: none;
	border-bottom: 4px solid #2c6f92;
	color: #fff;
	background-color: #444;
	}
#nav a:hover {
	border-bottom: 4px solid #fc0;
	background-color: #111;
	}
#nav a.active {
	color: #fc0;background-color: #333;
	border-bottom: 4px solid #2c6f92;
	}

	
/* subnav
----------------------------------------------- */

#vertical_nav  { text-align: left; margin: 0 0 20px 0; padding: 0;}
#vertical_nav ul { margin: 0; padding: 0; list-style-type: none; }
#vertical_nav a { 
	color: #365565; 
	text-decoration: none; 
	display: block;
	height: 1.1em;

	font-size: 1em;
	line-height: 1.025em;
	padding: 8px 10px 8px 28px; 
	 
	}

#vertical_nav ul li a { 
	background: transparent url(/css6/page_b.gif) no-repeat 14px 50%;
}

#vertical_nav ul li a:hover { 
	color: #E8682B;
	background: #fff url(/css6/page_o.gif) no-repeat 14px 50%;
}

#vertical_nav ul li a.active { color: #E8682B; background: transparent url(/css6/page_o.gif) no-repeat 14px 50%;}
#vertical_nav li li a  { padding: 6px 12px 6px 36px; border: none;  background: transparent url(/css6/join.gif) no-repeat 18px 50%;}
#vertical_nav li li a:hover, #vertical_nav li li a.active { background: transparent url(/css6/join_up.gif) no-repeat 18px 50%;
	color: #E8682B; 
}
#vertical_nav li li a.opened { color: #E8682B; background-color: #dedede;}

	
#breadcrumb {padding: 1px 10px 1px 20px; color: #ddd;}
#breadcrumb a:link, #breadcrumb a:visited {color: #aaa; border:none;}
#breadcrumb a:hover {color:#00f;}


#searchBox {margin: 2px 10px 2px 10px;}

/* Articles
----------------------------------------------- */

div.article {
	padding: 0 20px 10px 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

div.last {border-bottom: none}


div.article ul, div.article dl {
	margin: 4px 20px 10px 10px;
	padding: 0;
	list-style: none;
	}
div.article li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 13px;
	line-height: 1.4em;
	background:  url(/img/arrows.gif) no-repeat 0 5px;
	}

div.preview h2 {color:red;}

div.articlefootnote {
	text-align: left; color: #675c44;
	border-top: 1px dotted #aaa; border-bottom: 1px dotted #aaa;
	background: #f6fafd;
	margin: 20px 0; padding: 3px 0;
}
p.articledetails {
	margin-top: 2px; padding-top: 0;
	color: #aba498; font-family: Georgia, serif;
	line-height:1em;}
span.articledetails {color: #aba498; font-family: Georgia, serif;}
div.articledetails {float: left; width: 40%; padding: 0 0 0 18px; background: transparent url(/css6/document.gif) no-repeat 0 50%; }
div.show_comment_link {float: right; width: 40%; padding: 0 0 0 18px; background: transparent url(/css6/speech_bubble.gif) no-repeat 0 50%;}

/* 
comments #5AA46C    #f1f7d8
*/
#commentform {width: 99%; /* IE love */ }
div.comment { background-color:#fafafa; padding: 10px; margin: 10px 0; border: 1px solid #ddd; }
div.specialcomment { background-color:#FBFBEC; padding: 10px; margin: 10px 0; border:1px solid #ddd;}
div.comment p.commentdate, div.specialcomment p.commentdate {
	margin-top: 4px;
	padding-top: 4px;
	text-align: right;
	font-size: .9em;
	color: #aaa;
	}
div.previewcomment { background-color:#fafafa; padding: 10px; margin: 10px 0; border:1px solid #f00;}

a.morelink { 
	display:block; 
	text-align: right;
	line-height: 2em;
	background: transparent url(/css6/more.gif) no-repeat 100% 50%; 
	padding: 0 20px 0px 0; 
	margin: 0 2px 10px 0;
	border: 0; 
	white-space: nowrap; 
	}
a.toplink { 
	display:block; 
	text-align: right;
	line-height: 2em;
	background: transparent url(/css6/up.gif) no-repeat 100% 50%; 
	padding: 0 20px 0px 0; 
	margin: 0 220px 2px 0;
	border: 0; 
	white-space: nowrap; 
	}

#comment_html {
	border-top: 1px solid #abc;
	border-bottom: 1px solid #abc;
	padding: 10px 0;
	margin: 5px 0;
	background-color:#ECFFF0
}


/* Images
----------------------------------------------- */

img { border: 0; }
img.f_left { float: left; border: 1px solid #333; margin: 5px 10px 15px 0px;}
img.fright { float: right; margin: 5px 0px 15px 10px;}
img.f_right { float: right; border: 1px solid #333; margin: 5px 0px 15px 10px;}
img.f_across{ float: none; border: 1px solid #333; margin: 5px 0;}

p.figureacross { float: none;  font: .84em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-style: italic;}
p.figureacross img { margin: 5px 10px 15px 0px; border: 1px solid #333; } 
p.figureacross img.captioned { clear: both; margin: 5px 10px 0px 0px; border: 1px solid #333; }
span.figureacross p { display: block; text-align: left; 	font-style: italic;} 

p.figureleft { float: left; font: .84em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-style: italic; }
p.figureleft img { margin: 5px 10px 15px 0px; border: 1px solid #333; } 
p.figureleft img.captioned { clear: both; margin: 5px 10px 0px 0px; border: 1px solid #333; }
span.figureleft p { display: block; text-align: left; } 

p.figureright { margin: 0 0 0 10px; float: right;  font: .84em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-style: italic;}
p.figureright img { margin: 5px 0px 15px 10px; border: 1px solid #333; } 
p.figureright img.captioned { clear: both; margin: 5px 0px 0px 0px; border: 1px solid #333; }
span.figureright p { display: block; text-align: left;}

a img {border: none;}


/* Generic Forms */
form {
	padding: 0;
	margin: 0;
	padding-bottom: 1px;
}
fieldset {
	margin: 0;
	padding: 8px; 
	border:0;
}

input, select {
	font-family: "MS Sans Serif", Verdana, Arial;
	font-size: 10px;
}

textarea{
	font-family: "MS Sans Serif", Verdana, Arial;
	font-size: 10px;
	width: 100%;
	overflow:auto;
}
label {padding-top: 8px; font-weight: normal; color:#444}




/*
 News & Links 
----------------------------------------------- */
 
 h3.newstitle {font-size: 1.2em; margin: 8px 0 2px 0; padding: 4px 0 0 0; line-height:1em;}
 p.newsdate {margin-top: 2px; padding-top: 0; color: #aba498; line-height:1em; font-family: Georgia, serif;}
 .linkdetails {color: #aaa}

 

/*
 Odds and Ends
----------------------------------------------- */
 
.formerrmsg2 {color: red}
.tinynote {font-size:.9em; color: #669999}
.matchedtext {color: #000; background-color:#ffd;}
.blueboy {color: blue;}
.faq {font-weight:bold; font-size:1.1em; color:#321; background-color: #efe; font-style:italic;
border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;}