body {margin:0px; padding:0px; font: 1em verdana, arial, sans-serif; }

div#mainwrap{width: 800px; margin-left:auto; margin-right:auto; text-align:left; }

div#header {height:80; background-color:#203161; 
	    margin-top:0; padding-top:12px;}
div#header h1 {width:18em; margin-top:0; margin-right:auto; margin-left:auto; 
	       font: 1.2em bold "comic sans MS", arial, sans-serif;  text-align:center; 
	       padding:0 0 .1em;
	       border-top:2px solid #069; 
	       border-bottom:1px solid #069;}

div#contentarea{width: 800px; margin-left:1; margin-right:1; text-align:left;}
				/* border-left: 1px solid #069; border-right: 2px solid #069;} */
               
div#nav {width:150px; float:left;
	 padding:.5em 0 0 0; margin:20px 0 0 15px;}
* html div#nav   /* this selector recognized by IE only */{width: 155px;   /* total width (only for IE5.x/Win) */ w\idth: 150px;  /* content width (for other IE) */ }
 
 
div#nav ul {margin-top:0; margin-bottom:.8em;}
div#nav li {margin-bottom:.5em; font-weight:bold; font-size:.75em;}			
div#nav ul {border:0; margin:12px 20px 12px 1.25em; padding:0; list-style-type:none;}
div#nav li {border-bottom:2px dotted #069; 
//	    border-right:4px solid #069; 
//	    margin:2px 0 4px 0; 
	    margin:0; 	    
	    padding:.3em 0; text-indent:.5em;}
div#nav li:first-child  {border-top:2px dotted  #069; }
div#nav a {text-decoration:none; color:#069;}
div#nav a:hover {text-decoration:none; color: #F33;}
* html div#nav ul {border-top:2px dotted #069;}


div#content {width:400px; float: left;
	     margin-left:1px; margin-top: 20px; margin-bottom: 10px;
	     padding: 0 .5em;}
div#content h1{font-size:1.2em;}
div#content h2{font-size:1.1em;}
div#content p {font-size:.9em;}	
div#content ul {background-color: #fff6e6; padding-top:10px; padding-bottom: 10px;}
div#content li {list-style: square; font-size:.8em;}
div#content li li {list-style: square; font-size:1em;}
div#content img {float: left; border: 1px solid #096; margin 0 4px 4px 0;}
div#content a {color: #C96; text-decoration: underline;}
div#content a:hover {color:096; text-decoration: none;}
div#content td {font-size:.8em; text-align: center;}	
div#content p.imgtitle {padding: 10px 0 0 0; margin: 0 0 0 0;}	
div#content td img {float: inherit; border: 0}
div#content th {font-size:.9em; text-decoration: underline;}	
div#formtbl td {font-size:.8em; text-align: left;}	
div#content { overflow : hidden; _height : 1%; }

/* faq-specific tweak for this style, revise if font-family gets changed */
div#content p.a span.name {text-transform: lowercase; font-variant: small-caps; font-size: 100% }
/* some color changes to make the "Q" parts stand out more */
div#content p.q { color: #606060; background-color: #FAFAFA; } 
/* a light border and breathing room */
div#content p.q { border: solid 1px #D9D9D9; }
div#content p.q { padding-bottom: 4px; padding-top:4px; }
/* use hanging indent, so that the Q's wrap correctly */
div#content p.q { text-indent: -1.3em; padding-left: 1.55em; }

/*
div#bar_menu ul { text-align: center; font-size:.8em; margin: 0 0 10px 0; padding:3px 3px 5px 3px;}
div#bar_menu li {display:inline; border-left:1px solid; color:#6071A1; 
	       padding:0 5px 0 5px; text-align: center;}
div#bar_menu li:first-child {border-left:0;}
div#bar_menu ul { text-align: center; background-color:#eef1f4; font-weight: bold; }
div#bar_menu ul li a {color: #C96; text-decoration: underline;}
div#bar_menu ul li a:hover{color: #096; text-decoration: none; }
*/

div#bar_menu ul { text-align: center; font-size:.8em; margin: 0 0 10px 0; padding:3px 3px 5px 3px;}
div#bar_menu li {display:inline; border-left:2px solid; color:#C96; padding:0 4px 0 4px; text-align: center;}
div#bar_menu li:first-child {border-left:0;}
div#bar_menu ul { text-align: center; background-color:#f8f1f4; font-weight: bold; }
div#bar_menu ul li a {color: #C96; text-decoration: underline;}
div#bar_menu ul li a:hover{color: #096; text-decoration: none; }


div#rightcolumn {width:200px;
		 margin-left: 600px;
		 padding:1em  0; background-color:#E0E1FF;
		border-bottom:1px solid #069;
		text-align:center; font-size:.8em}
div#rightcolumn h1 {text-align: center; font-size:1.3em;
		margin:0 5px 5px 5px; padding:0 0 0 0; background-color:#FFEEFF;
		border-top:1px solid #069; border-bottom:1px solid #069;}
div#rightcolumn h6 {text-align: left; color: #F36904; font-size: 0.9em;
		margin:0; padding:0; }
div#rightcolumn p {font-size:.9em;}
div#rightcolumn img {border:none;}
div#rightcolumn div#newslinks ul {margin: 0; padding:0; list-style-type:disc; list-style-position: inside; font-size:.9em; text-align: left; padding-left: 3px}
div#rightcolumn div#commentbox p {font-size:.75em; text-align: left; margin: 5px 0 0 7px; padding-left: 1px;}
div#rightcolumn a {color: #069; text-decoration:underline;}
div#rightcolumn a:hover {color: #960; text-decoration:none;}
div#rightcolumn li.morelink {font-style:italic;}
div#rightcolumn h3  {text-align:center; font-size:.8em; color:#960; border-top:2px dotted #960;}

div#rightcolumn div#right_content{text-align: left; float:left; border:1px #E0E1FF solid; width:198px; margin-bottom:0 0 0 0; padding-bottom: 10px;}
div#rightcolumn div#right_content h3{float:left; width:200px; background:#f1f1f1; color:#949494; font:normal 28px/30px "Helvetica Neue", "Myrid Pro", Arial, Helvetica, sans-serif; text-transform:uppercase; padding:4px 0 4px 8px ; font-weight: 100;}
div#rightcolumn div#right_content h3 span{color:#666666; font-weight: 300;}
div#rightcolumn div#right_content img{float:left; padding-bottom: 10px;}
div#rightcolumn div#right_content .holder{float:left; width:199px; padding-bottom:5px}
div#rightcolumn div#right_content p{float:left; padding:5px 0 0 5px; color:#999; width:187px; display:block}
div#rightcolumn div#right_content p.last{padding:0 19px 60px 12px;}
div#rightcolumn div#right_content p strong{color:#C96}
div#rightcolumn div#right_content a{padding-right:12px; margin:2px 14px 13px 0; display:inline;}

div#footer {width:800px; float: left; padding:4px 0; font-size: .65em;
	    text-align:center; background-color:#203161;}
div#footer ul {margin:2px 0;}
div#footer li {display:inline; color:white; border-left:1px solid; color:#AFF; 
	       padding:0 5px 0 9px;}
div#footer li:first-child {border-left:0;}
div#footer ul li a {color: #C96; text-decoration: underline;}
div#footer ul li a:hover{color: #096; text-decoration: none; }
div#footer ul.fineprint {font-size:0.9em; }
div#footer ul.fineprint li {color:#CCC; }
div#footer ul.fineprint li a {color:#CCC; }
div#footer ul.fineprint li a:hover {color:#FFF; }


/*
 * CSS specific to Footnotes module.
*
* Thanks to binford2k@lug.wsu.edu for this tip and drinkypoo
* for the question leading up to it. http://drupal.org/node/80538
*/
 

/* Add empty space before footnotes and a black line on top. */
.footnotes {
  clear: both;
  margin-top: 4em;
  margin-bottom: 2em;
  border-top: 1px solid #000000;
}

/* Make footnotes appear in a smaller font */
.footnotes {
  font-size: 0.9em;
}

/* 
  Make the footnote a supertext^1
*/
.see_footnote {
  vertical-align: top;
  position: relative;
  top: -0.25em;
  font-size: 0.9em;
}

/* Hide the actual number of the OL list of footnotes*/
ol.footnotes {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
ol.footnotes li {
  list-style-type: none;
  margin-left: 2.5em;
}

/* Move the footnote number outside of the margin for footnote text (hanging indent) */
ol.footnotes {
  /* This is apparently very needed for the "position: absolute;" below to work correctly*/
  position: relative; 
}
.footnotes .footnote {
  position: absolute;
  left: 0px;
  z-index: 2;
}

/* Note: This CSS has a minor bug on all versions of IE in that the footnote numbers 
are aligned with the absolute bottom of their space, thus being a couple of pixels 
lower than their corresponding line of text. IE5.5 has a serious bug in that the numbers 
are not shifted left at all, thus being garbled together with the start of their text. */

/* 
  Make the multiple backlinks a supertext^1
*/
.footnotes .footnote_multi {
  vertical-align: top;
  position: relative;
  top: -0.25em;
  font-size: 0.75em;
}


/*
 * Textile Footnotes 
 */
 /* First footnote */
 #fn1 {
   border-top: 1px solid #000000;
   margin-top: 3em;
 }
 .footnote {
   font-size: 0.9em;
 }