body {
	margin: 20px;
	padding: 0;
	background: #6699CC url(images/bg2.png) repeat-x;
	font: normal small Arial, Helvetica, sans-serif;
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #000;
}

h1  {
}

h2  {
	color: #6699CC;
	padding-top: 10px;
	padding-left: 22px;
	text-align: left;
	font-size: 14px;

}

h3  {
	color: #000;
	padding-top: 10px;
	padding-left: 22px;
	text-align: left;
	font-size: 14px;
}

h4  {
	color: #000;
	padding-top: 10px;
	padding-left: 22px;
	text-align: left;
	font-size: 14px;
}

h4, h5, h6 {
}

p, ul, ol, blockquote {
	margin-top: 0;
	text-align: left;
	padding-left:22px;
	padding-right:22px;
	padding-top:2px;
	line-height: 18px;
}

a {
	color: #6699CC;
	text-decoration: none;
}

.recordpager {
	padding-left: 22px;
}

.case {
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

/* Header */

#logo {
	width: 860px;
	height: 60px;
	margin: 0 auto;
	padding: 12px 0 0 0;
	background: #FFF;
	border: 10px solid #E5E5E5;
	border-bottom: none;
}

#logo h1 {
	text-align: left;
	font-size: 14px;
}

#logo h2 {
	text-align: left;
	font-size: 12px;
	padding: 8px;
}

#logo a {
	text-decoration: none;
	color: #FFF;
}



/* Splash */

#image {
	width: 860px;
	margin: 0 auto;
	border-left: 10px solid #E5E5E5;
	border-right: 10px solid #E5E5E5;
	background-color:#006699;
}

/* Content */

#content {
	width: 860px;
	margin: 0 auto;
	background: #FFF url(images/bg1.png) no-repeat;
	border-left: 10px solid #E5E5E5;
	border-right: 10px solid #E5E5E5;
	border-bottom: 10px solid #E5E5E5;
	font-size: 12px;
	min-height:300px;
	height:auto !important;
	height:180px;
	color: #666;
}

#content.title {
	padding: 10px 20px;
	font-size: 12px;
}

#content.story {
	padding: 20px;
	line-height: 20px;
}

/* bottom*/

#footer {
	width: 840px;
	margin: 0 auto;
	padding: 2px 10px;
	background: #006699;
	border: 10px solid #E5E5E5;
	border-top: none;
}

#footer p {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: small;
	color: #FFF;
}

#footer a {
	color: #000;
}

	.columns {list-style: none;margin:10px 0 0 0;padding:10px; font-size: 90%; margin-left: 20px;}
    .columns li{float: left;  }
	.columns li.col1{ background-color:#FFF; height: 160px; border: 1px solid #CCC; width: 32%;}
	.columns li.col4{ background-color:#FFF; height: 160px; width: 48%; background: #CCC url(images/front4.jpg) no-repeat; height: 160px; border: 1px solid #CCC;}
    .columns li.col2{margin-right: 6px; margin-left: 6px; width: 32%; background: #CCC url(images/front2.jpg) no-repeat; height: 160px; border: 1px solid #CCC;}
	.columns li.col5{margin-right: 6px; margin-left: 6px; width: 48%; background: #CCC url(images/front5.jpg) no-repeat; height: 160px; border: 1px solid #CCC;}
	.columns li.col3{background-color:#CCCCCC; height: 160px; width: 32%; background: #CCC url(images/front3.jpg) no-repeat; border: 1px solid #CCC;}
	.columns li.col6{margin-right: 6px; background-color:#CCCCCC; height: 160px; width: 48%; background: #CCC url(images/front6.jpg) no-repeat; border: 1px solid #CCC;}
	.columns li.col7{background-color:#CCCCCC; height: 160px; width: 48%; background: #CCC url(images/front7.jpg) no-repeat; border: 1px solid #CCC;}
	.columns li.col8{margin-right: 6px; background-color:#CCCCCC; height: 160px;  width: 48%; background: #CCC url(images/front8.jpg) no-repeat; border: 1px solid #CCC;}
	.columns li.col9{margin-right: 6px;background-color:#CCCCCC; height: 160px; width: 48%; background: #CCC url(images/front9.jpg) no-repeat; border: 1px solid #CCC;}
	.columns li.col10{margin-right: 6px;background-color:#CCCCCC; height: 160px; width: 32%; background: #CCC url(images/front10.jpg) no-repeat; border: 1px solid #CCC;}
	.columns li.col11{margin-right: 6px;background-color:#CCCCCC; height: 160px; width: 32%; background: #CCC url(images/front11.jpg) no-repeat; border: 1px solid #CCC;}
	.columns li.col12{margin-right: 6px;background-color:#CCCCCC; height: 160px; width: 31%; background: #CCC url(images/front12.jpg) no-repeat; border: 1px solid #CCC;}
	.columns li.col13{margin-right: 6px;background-color:#000000; height:100px; width: 48%; background: #FFF url(images/front13.jpg) no-repeat; background-position: right; border: 2px solid #CCC;}
	.columns li.col14{margin-right: 6px;background-color:#000000; height:100px; width: 48%; background: #FFF url(images/front14.jpg) no-repeat; background-position: right; border: 2px solid #CCC;}
	.columns li.col15{margin-right: 6px;background-color:#000000; height:100px; width: 48%; background: #FFF url(images/front15.jpg) no-repeat; background-position: right; border: 2px solid #CCC;}
	.columns li.col16{margin-right: 6px;background-color:#000000; height:100px; width: 48%; background: #FFF url(images/front16.jpg) no-repeat; background-position: right; border: 2px solid #CCC;}
    .columns li h3{padding: 0 10px;color: #666; margin: 0 0 5px; font-size: 12px;}
    .columns li.col2 h3{padding-left: 10px; padding-top:2px;}
	.columns li.col5 h3{padding-left: 10px; padding-top:2px;}
    .columns li.col3 h3{padding-left: 10px; padding-top:2px;}
	.columns li.col4 h3{padding-left: 10px; padding-top:2px;}
	.columns li.col6 h3{padding-left: 10px; padding-top:2px;}
	.columns li.col7 h3{padding-left: 10px; padding-top:2px;}
	.columns li.col8 h3{padding-left: 10px; padding-top:2px;}
	.columns li.col9 h3{padding-left: 10px; padding-top:2px;}
	.columns li.col10 h3{padding-left: 10px; padding-top:2px;}
	.columns li.col11 h3{padding-left: 10px; padding-top:2px;}
	.columns li.col12 h3{padding-left: 10px; padding-top:2px;}
	.columns li.col13 h3{padding: 0 100px 0 6px;}
	.columns li.col14 h3{padding: 0 100px 0 6px;}
	.columns li.col15 h3{padding: 0 100px 0 6px;}
	.columns li.col16 h3{padding: 0 100px 0 6px;}
    .columns li p{line-height: 20px;padding: 0 20px 0 10px; margin: 0; color: #3f4345;}
    .columns li.col2 p{padding: 0 20px 0 10px;}
	.columns li.col5 p{padding: 0 20px 0 10px;}
    .columns li.col3 p{padding: 0 10px 0 10px;}
	.columns li.col6 p{padding: 0 10px 0 10px;}
	.columns li.col7 p{padding: 0 10px 0 10px;}
	.columns li.col8 p{padding: 0 10px 0 10px;}
	.columns li.col9 p{padding: 0 10px 0 10px;}
	.columns li.col10 p{padding: 0 10px 0 10px;}
	.columns li.col11 p{padding: 0 10px 0 10px;}
	.columns li.col12 p{padding: 0 10px 0 10px;}
	.columns li.col13 p{padding: 2px 102px 0 6px;}
	.columns li.col14 p{padding: 2px 102px 0 6px;}	
	.columns li.col15 p{padding: 2px 102px 0 6px;}
	.columns li.col16 p{padding: 2px 102px 0 6px;}
    .columns li a.more{display: block;color: #666;padding: 5px 0;}
    .columns li a.more:hover{color: #0b4775; text-decoration: none;}
	
	
/* ######### New Menu Styles ######### */

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	width: 860px;
	height:22px;
	font: normal small Arial, Helvetica, sans-serif;
	border-left: 10px solid #E5E5E5;
	border-right: 10px solid #E5E5E5;
	border-bottom: 10px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	background: #6699CC;
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 20px 4px 24px;
	background: #6699CC;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border-right: 1px solid #6699CC;
	border-left: 1px solid #E5E5E5;
}

#sddm li a:hover
{	background: #663399;
	color: #FFF;
}

#sddm li a:selected
{	background: #000;
	color: #6699CC;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #FFF;
	border: 1px solid #CCC;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: 122px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFF;
		color: #2875DE;
		font: 11px arial;
		border-bottom: 1px solid #CCC;
	}

	#sddm div a:hover
	{	background: #663399;
		color: #FFF;
	}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}