/* CSS Document */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.                  */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
/*ul,ol,*/h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* more varnish stripping as necessary... */

/* layout */

body {background-color:#CDE5EE;
background-image:url(images/body_bg.jpg); background-repeat:repeat-x; background-position:center top;
font-family: Helvetica, Arial,  sans-serif; font-size: 0.85em; color:#66779b;}

#container {width:900px; margin:auto; position:relative;}

#header {width:900px;
height:146px;
background-image:url(images/header_bg.jpg); background-repeat:no-repeat;}

#intro {width:900px;
height:220px;
background-image:url(images/intro_bg.jpg); background-repeat:no-repeat;}

#intro_text {
	height:206px;
	overflow:hidden;
	position:absolute;
	top:160px;
	left:214px;
	width:645px;
}

#test {position:absolute;
	
	
	z-index:5;
	color: #666666;
	

	height:100%;
	line-height:16px;

	
	overflow:hidden;

	top:160px;
	left:214px;
	width:620px;
}


#content {
	background-image:url(images/cont_bg.jpg);
	background-repeat:repeat-y;
	height:100%;
}

#content_text {
	padding:25px 40px 30px 215px;
	width:645px;
	height:100%;
}
.clearfloat {
	clear: both;
}




#header h1 {visibility:hidden;}

#footer {
	height:75px;
	background-image:url(images/foot_bg.jpg);
	background-repeat:no-repeat;
	text-align:center;
	clear: both;
}

#footer p {line-height: 50px;}

#content_text p {margin-bottom: 0.85em;}

#intro_text p {margin-bottom: 0.85em;}

/*#content_text li {
	margin-bottom: 0.4em;
	margin-left: 5px;
	color: #66779B;
}

#content_text ul {
	margin-left:20px;
	margin-bottom: 0.85em;
	color: #66779B;
}
#content_text ol {
	margin-left:20px;
	margin-bottom: 0.85em;
	color: #66779B;
}*/

/* headings */

h3 {background-color: #FFFFFF;
margin-bottom: 0.85em;
color:#FD6809;
padding: 5px 0px 5px 5px;}

h4 {
margin-bottom: 0.85em;
color:#FD6809;
padding: 5px 0px 5px 5px;}

#intro_text h2 {background-color: #FD6809;
text-align:center;
color:#FFFFFF;
padding: 5px 0px 5px 0px;}

#intro_text img {margin: 5px 5px 5px 0;
padding: 2px;
border: 1px solid #333333;
float:left;}

#content_text img {margin: 5px 5px 5px 0;
padding: 2px;
border: 1px solid #333333;

}

img.about {float: left;}

.smaller {font-size: 0.8em;}

a.link_doc:link
{
background: url(images/doc_icon.jpg) no-repeat;
padding: 0 0 5px 20px;
}



a.link_doc:visited
{
color: purple;
background: url(images/doc_icon.jpg) no-repeat;
padding: 0 0 5px 20px;
}



a.link_doc:hover
{
color: red;
background: url(images/doc_icon_over.jpg) no-repeat;
padding: 0 0 5px 20px;
} 

a.link_pdf:link
{
background: url(images/pdf_icon.jpg) no-repeat;
padding: 0 0 5px 20px;
}



a.link_pdf:visited
{
color: purple;
background: url(images/pdf_icon.jpg) no-repeat;
padding: 0 0 5px 20px;
}



a.link_pdf:hover
{
color: red;
background: url(images/pdf_icon_over.jpg) no-repeat;
padding: 0 0 5px 20px;
} 

#upcoming
{float:right;
width:150px;
border:1px solid #FD6809;
padding:3px;
background-color:#FFEAD5;
}

#upcoming h4
{color:#66779b;
font-size: 0.85em;
font-weight:bold;
}
/* navigation */

#navcontainer {position:absolute;
	width:160px;
	top:303px;
	z-index:5;
	color: #666666;
	
	left: 30px;
	height:100%;
	line-height:16px;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Helvetica, sans-serif, Arial;
font-size: 100%;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;

width: 136px;

background-image: url(images/arrowd.jpg); background-repeat:no-repeat;
}

#navlist2 a {background-image: url(images/arrowu.jpg) ; background-repeat:no-repeat;}

#navlist3 a {background-image: url(images/doc_icon.jpg) ; background-repeat:no-repeat;line-height:21px;}
#navlist4 a {background-image: url(images/pdf_icon.jpg) ; background-repeat:no-repeat;line-height:21px;}
#navcontainer a:link, #navlist a:visited, #navlist2 a:visited, #navlist3 a:visited
{
color: #333;
text-decoration: none;
}

#navcontainer a:hover
{

text-decoration: underline;
background-image: url(images/arrowd_a.jpg); background-repeat:no-repeat;
color: #333;
}

#navlist2 a:hover
{

text-decoration: underline;
background-image: url(images/arrowu_a.jpg); background-repeat:no-repeat;
color: #333;
}

#navlist3 a:hover
{
line-height:21px;
text-decoration: underline;
background-image: url(images/doc_icon_over.jpg); background-repeat:no-repeat;
color: #333;
}
#navlist4 a:hover
{
line-height:21px;
text-decoration: underline;
background-image: url(images/pdf_icon_over.jpg); background-repeat:no-repeat;
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{


background-image: url(images/arrow_active.jpg); background-repeat:no-repeat;
color: #333;
font-weight:bold;
line-height:23px;
text-decoration: none;
}

#navcontainer h2 {color:#FD6809;
font-size: 110%;
padding: 5px 0px 5px 5px;}

/* contact form */

#content form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 450px;
  max-width: 450px;
  width: 450px; 
}

#content form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

#content form fieldset legend {
	font-size:1.0em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

#content form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

#content form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

#content form input, #content form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

#content form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

#content textarea { overflow: auto; }

#content form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

#content form .required{font-weight:bold;} /* uses class instead of div, more efficient */

#content form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
#upcoming  a {
	color: #66779B;
}

td {
	padding: 2px;
	border: 1px solid #66779B;
}
table {
	margin-bottom: 1em;
}

th {
	padding: 2px;
	border: 1px solid #66779B;
}