/* Based upon the "text_n_colors" and "3_col_liquid" style sheets from http://www.stylinwithcss.com. */

/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}
body {
	font: 1em Verdana, Arial, sans-serif; /* 1em = 16pts */
}
.float_left {float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;}   /* apply this class to any image or element with width - text will wrap it to the left */

/* Legal notice, trademarks and stuff. */
.notice { color: #888; font-size: 60%; padding: .8em 0em 0em 0em; }

/* Overriding default super- and sub-script sizing. */
sub { vertical-align: -.25em; font-size: 65%; }
sup { vertical-align: .6em; font-size: 65%; }

/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
body { }
#main_wrapper { }
#header { }
#left_pane { }
#content { }
#right_pane { }
#footer { }

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: Verdana, Arial, sans-serif;
	} 
/* TEXT COLORS */
h1 {
	color:#333;
	}
h2, h3, h4, h5 {
	color:#555;
	}

table, form {
	color: #333;
	}
a {
	color:#555;
	}
a:hover, #left_pane a:hover {
	color:#0000D0;
	}	
#footer p {
	margin:0;
	line-height:1.8;
	}

/* FONT SIZES */
h1 {font-size:1.5em; /* 24pt */
	padding: 0em 0em 0.2em 0em;
	}
h2 {font-size:1.375em; /* 22pt */
	line-height:1.25;
	padding:.5em 0 0 0;	
	}
h3 {font-size:1.125em; /* 18pt */
	line-height:1.25;
	padding: 0.2em 0em 0.1em 0em;
	}
h4 {font-size:1.125em; /* 18pt */
	}
h5 {font-size:1em; /* 16pt */
	}
h6 {font-size:.875em; /* 14pt */
	}
p  {
	font-size:.8em; /* 12pt */
	line-height:1.25; /* on 15pt */
	margin-bottom:.75em; /* 12pts of space */
 	}
a {
	
	}
a:hover {
	color:#0000D0;
	}
/* basic list styling - more-styled lists in list.css */
ul, dl, ol {
		margin:0 1em .75em 1em; /* lists without specific classes */
		font-size:.8em;
		line-height:1.5;}
li, dd {
	list-style: square;
	padding:0em 0; /* lists without specific classes */
	margin-left:2em;
}
#left_pane ul, #left_pane dl, #left_pane ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
		}
#left_pane li {
	list-style-type:none;
	margin-left:0
	}
#right_pane ul, #right_pane dl, #right_pane ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
		}
#right_pane li {
	list-style-type:none;
	margin-left:0
	}		

code {font-size:1.25em;}
* html code {font-size:1.1em;} /* default size is smaller in IE */
	
abbr, acronym {
	border-bottom:1px dashed #000;
	cursor:default;
	}
address {
	margin:0 1em .75em 1em;
	}
img {
	border:0;
	}


/* basic table styling  - more-styled tables in tables.css */
table caption {
	font-weight:bold;
	font-size:1em;
	margin-top:.6em;
	}
table {
	margin: .3em 1em 1em 1em;
	border-top:1px solid #069;
	border-collapse:collapse;
	font-size:.8em;
	}
table th	{
	padding: .3em .5em .3em .5em;
	border-bottom:2px solid #069;
	}
table td	{
	padding: .3em .5em .3em .5em;
	border-bottom:1px solid #069;
	}
	
/* If you need a table for layout reasons only - no style applied to inner elements. */
table.non_styled {
	margin: 0 0 0 0;
	border-top:0 none;
	border-collapse:collapse;
	font-size:1em;
	}
table.non_styled td	{
	padding: 0 0 0 0;
	border-bottom:0 none;
	vertical-align: top;
	}

table.non_styled td.padded {
	padding: 0 0 0 10px;
	}
/* THE ALSETT CLEARING METHOD */
	.clearfix:after {
 content: “.”;
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */ 


/* News column */

div#news_column {
	border: 1px solid black;
	margin: 5px 0 0 0;
	padding: 3px 3px 3px 3px;
	font-size: 80%;
}

date { font-size: 80%; font-weight: bold; }
news_item { padding: 0 0 5px 0;}

div.code_snippet {
  font-family: courier;
  border: 1px dashed #000;
  background: lightyellow;
  padding: 1em 0 1em 1em;
  margin: 0 0 1em 0;
}

/* Main menu. */

#mainmenu {
	clear: both;
}

#mainmenu ul {
/* The next three properties for IE */
  list-style: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
		
#mainmenu li {
  display: inline;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#mainmenu li:first-child {
	border-left: 1px dotted #1958b7;
	margin: 0 0 0 .8em;
	padding: 0 1.3em 0 1.3em;
}

#mainmenu li {
	border-right: 1px dotted #1958b7;
	font-size: 80%;
	padding: 0 1.3em 0 .8em;
}

#mainmenu li:hover {
  background-color: #DDDDDD;
}

html>body #mainmenu li a {
  /* This is apparently a hack for IE-behavior. */
  width: auto;
}

/* figure-divs and their supporters */
/* From http://rjohara.net/server/css-figures-captions/ */

div.figure {
	padding: 10px; 
	margin: 0em 0.67em 0.67em 0em; /* needed to support centering of almost-full-width figures */
	border: thin solid silver;
}

div.figure img { width: 100%; }

div.figure p { /* the default "legend" style, as opposed to "caption" */
	font-family: verdana, arial, sans-serif;
	font-size: smaller;
	padding-left: 1%;
	padding-right: 1%;
	line-height: 1.1;
	margin: 0.25em auto 0 auto;
}
div.figure p.caption { text-align: center; }
/* "caption" for short phrases; "legend" (default) is for continuous prose */

.full { width: 90%; padding: 10px; margin: 0.67em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.half { width: 50%; padding: 10px; margin: 0.5em 0.67em; }
.third { width: 33%; padding: 10px; margin: 0.5em 0.67em; }
.quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }

.right { float: right; margin-left: 2%; }
.left { float: left; margin-right: 2%; }

/* end figure-divs */


/* THREE COLUMN LIQUID CENTER LAYOUT */

div#main_wrapper {min-width:840px; max-width:10000px; margin-left:auto; margin-right:auto;} /* centers layout when > max width */

div#header {
	width:100%;
	}
#threecolwrap {
  float:left;
  width:100%;
  }
#twocolwrap {
 	float:left;
	width:100%;
	display:inline; /* stops IE doubling  margin on float*/
	margin-right:-210px; /* CWS - neg margin move */
	}
 #twocolonlywrap {
 	float:left;
	width:100%;
	display:inline; /* stops IE doubling  margin on float*/
}
#left_pane {
 	float:left;
 	width:150px;
	display:inline; /* stops IE doubling  margin on float*/
 	}
/* Content centered in three-column layout */
 #content_center_column {
 	width:auto;
 	margin-left:150px;
 	margin-right:210px;
 	height:1%;
	}
/* Content without right-margin (two columns only) */
#content_left_column {
 	width:auto;
 	margin-left:150px;
 	height:1%;
}
#content_full_width {
 	width:auto;
 	height:1%;
}
#right_pane {
 	float:left;
 	width:210px; 
	display:inline; /* stops IE doubling  margin on float*/
	}
 #footer {
 	width:100%;
 	clear:both; 
 	}
/* end of structural styles */ 

/* inner div margin */
#header_inner, #left_pane_inner, #content_inner, #right_pane_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#header_inner {
	padding:1em 1em;
	}
#left_pane_inner, #right_pane_inner {
	padding:.5em .5em 1em 1em;
	}
#content_inner {
	padding:0em 1em 0em 1.5em;
	}
#footer_inner {
	padding:1em 1em;
	text-align:center;
	}
/* end inner div margins */