body		
		{
			font: 12px/18px tahoma, Verdana, Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		
		
.xx-small {font-size: .57em;}
.x-small {font-size: .7em;}
.small {font-size: .83em;}
.medium {font-size: 1em;}
.large {font-size: 1.2em;}
.x-large { font-size: 1.4em;}
.xx-large {font-size: 1.68em;}


.table {
	font: 10px/15px tahoma, verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
.tabletitle {
	font: 130%;
	margin: 0;
	padding: .5em;
	font-weight: bold;
	color: #000080;;
	}
	
#table2 {
	border: 1px solid #ccc;
	font: 10px/15px tahoma, verdana, arial, helvetica, sans-serif;
	margin: 3em 0;
	padding: 0;
	text-align: left;
	width: 699px;
}



.odd {
	background-color: #e6e6e6;
	}
	
.even {
	background-color: #ccc;
	}

#table2 a {
	font-size: 1.2em;
	text-decoration: underline;
	}
		
div#wrapper		
		{
			margin: 1em auto;
			width: 740px;
			border: 0;
			padding: 0;
			background-color: #fff;
			text-align: left;
		}
	
div.clearer_left {clear: left; line-height: 0; height: 0;}
div.clearer_right {clear: right; line-height: 0;height: 0;}
div.clearer_both {clear: both; line-height: 0; height: 0;}	
		
/* upper nav*/

div#navbar  {
	margin: 0 0 .25em 0;
	width: 740px;
	height: 42px;
	color: #000080;
	padding: 15px 0px 2px 0px;
	font-size: 11px;
	border: 0;
	background:  url(../images/nav.gif) no-repeat;
	text-align: center;
	}

#navbar a
{
color: #000080;
font-weight: bold;
text-decoration: underline;
padding: 2px;
border: 0;
}

#navbar a:hover, #navbar a:active
{
background-color: #fff;
font-weight: bold;
color: #00f;
padding: 2px;
border: 0;
}
/* end upper nav*/

h1
	{font-size: 200%;
	color: #000080;
}

h2 {
	font-size: 150%;
	color: #fff;
	font-weight: 800;
	background-color: #8483ee;
	padding: 6px 18px 6px 18px;
	margin: 0;
	border: 0;
	
}

h3 {
	font-size: 133%;
	color: #000080;
	}

h4 {
	font-size: 125%;
	color: #000080;
	}

h5 	{
	font-size: 115%;
	color: #000080;
	}
h6 {
	font-size: 105%;
	color: #000080;
}
	
div#subtitle {
		font-size: 133%;
	color: #fff;
	font-weight: 800;
	background-color: #8483ee;
	padding: 6px 18px 6px 18px;
	margin: 0;
	border: 0;
	}
	
div#masthead  {
	margin: 0em 0 0em 0;
	padding: 0;
	border: 0;
	
	}
div#content {
	margin-top: 1em; 
	margin-left: 1em;
	margin-right: 1em;
	padding-top: 1em;
	padding-left: 1em;
	padding-right:1em;
	border-left:1px solid silver;
	border-right: 1px solid silver;
	border-top: 1px solid silver;
	border-bottom: 1px solid #ccc;
	background: #fff;
	}
	
div#mainentry {
	margin: 0 40% 0 1em; 
	padding: 0;
	
	}
	
div#sidebar {
	margin: 0;
	padding: 0;
	float: right;
	width: 35%;
		}
	
	
div#whatsnew {
	margin: 12px;
	padding: 0;
	float:right;
	}
	
#whatsnew dl {
		width: 240px;
		margin: 0;
		padding: 0;
		background: #ccc url(../images/box_bottom.gif) no-repeat bottom left;
		border: 0;
			}

#whatsnew	dt {
		margin: 0;
		padding: 10px 4px 10px 4px;
		font-size: 130%;
		background: #ccc url(../images/box_top.gif) no-repeat top left;
		border: 0;
		}
#whatsnew a:link , #whatsnew a:visited, #whatsnew a:active  /*, a.moredt:visited, a.moredt:active */
	{
	text-decoration: underline; 
	font-weight: bold;     
	color: #000;               
	}
#whatsnew	a:hover { 
	text-decoration: underline;
	background:transparent;
	font-weight: bold;
	color: #333;
	}

 	
#whatsnew	dd {
		margin: 0 0 0 10px;
		padding: 0 10px 10px 10px;
		color: #666;
		font-family: Verdana, sans-serif;
		font-size: 85%;
		background: url(../images/arrow.gif) no-repeat 0 3px;
		border: 0;
		}


.picright {float: right; padding: 5px; margin: 5px;}

ul li {list-style:  url(../images/arrow.gif);
		margin-bottom: 0.5em; padding: 0 .5em 0 0}
		
a.more:link, a.more:visited, a.more:active{ /* this is similar to a tutorial from 2 issues back. It shows, using a table cell */
	font-size: .8em;
	color: red;                      /* included in the 'hover' state (as many dont).  The key is 'display: block;' */
	}
a.more:hover { 
	font-size: .8em;
	color: blue;
	}.emp {
	font-weight: 700;
}
.itl {
	font-style: italic;
	font-weight: 600;
}

#pullquote {
	float: left;
	width: 200px;
	height: auto;
	border: 0;
	padding-left: 1em;
	padding-right: 1.5em;
	padding-bottom: 1.5em;
	padding-top: 1.5em;
	margin: 0;
	font-weight: bold;
	}

#pullquote_right {
	float: right;
	width: 200px;
	height: auto;
	border: 0;
	padding-left: 1em;
	padding-right: 1.5em;
	padding-bottom: 1.5em;
	padding-top: 1.5em;
	margin: 0;
	font-weight: bold;
	}

#footer {
	background-color: #e6e6e6;
	width: 690px;
	height: 50px;
	color: #3333ff; /*a8a8a8;*/
	margin: 0;
	padding: 10px 12px;
	border-top: 0px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 9px;
	text-align: left;
	}

#footer_right {
	width: 230px;
	float: right;
	height: 50px;
	padding: 0;
	margin: 0;
	text-align: right;
	border: 1px solid #e6e6e6;
	color:#3333ff; /*a8a8a8;*/
	}