@charset "utf-8";
/* CSS Document */

/* Notes

#5f6986 - blue
#453852 - purple




*/


html, body{
height:100%;
min-height:100%;
}

body{
font-family: verdana;
margin:auto 0;
font-size: 16px;
}

div.container{
width:810px;
min-height:600px;
overflow:auto;
text-align:left;
background-color:#ffffff;
padding: 5px;
border-left:5px solid #453852;
border-right:5px solid #453852;
border-bottom:5px solid #453852;
}

div.spacer{
height:5px;
}

h1{
color:#ffffff;
margin-top:0;
font-size:medium;
padding:2px;
}

h2{
color:#000;
font-size: 18px;
padding:2px;
margin: 1em 0 0.5em 0;
}

h3{
color:#453852;
font-size:small;
}

p.small{
font-size:small;
}

p.issuesnav{
font-size:small;
text-align:center;
}

p.rightsmall{
text-align:right;
font-size:small;
}

/* top area */
div.arms{
height:180px;
float: left;
margin-right: 10px;
}

div.title{
font-size:x-large;
font-weight:bold;
color:#453852;
float: left;
padding: 40px 10px;
width: 380px;
text-align: center
}

div.photo {
float: right;
padding: 10px;
}

div.title2{
color:#453852;
}

/* Navigation bar */
div.navigation{
clear: left;
color:#ffffff;
width:810px;
padding-top:20px;
padding: 0 auto;
text-align: center;
height:35px;
font-size:0;
}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

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

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	width: auto;
	background-color: #453852;
	color: #FFFfff;
	border: 2px solid #453852;
border-width: 2px 0;
font-weight:bold;
padding: 3px 12px;
	text-decoration: none}

#sddm li a:hover
{	 background-color:#675a74;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #453852;
	border: 2px solid #453852;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 1px 1px 0 0;
		
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFFfff;
	color: #453852;
	border-top:2px solid white;
font-weight:bold;
padding: 3px 10px;}

	#sddm div a:hover
	{	background-color:#675a74;}

/* main content area */
div.maincontent{
width:640px;
float:right;
min-height:360px;
height:400px;
background-color:#ffffff;
margin-right:5px;
}

div.maincontent2{
width:797px;
min-height:360px;
background-color:#ffffff;
margin-left:5px;
}



/* side bar area */
div.sidebar{
float:left;
width:150px;
min-height:360px;
height:400px;
text-align:center;
padding-left:5px;
}

div.events{
min-height:115px;
background-color:#ffffff;
border:solid 2px #453852;

}

table.caltable {
	border-spacing: 0px;
	padding: 1px;
	border:1px solid #453852;
	border-collapse:collapse;
	width:148px;
	font-size:x-small;
}
table.caltable th {
	padding: 1px;
	border:1px solid #453852;
}
table.caltable td {
	padding: 1px;
	border:1px solid #453852;
}

td.today_date{
background-color:#ffcc33;
}


div.next{
min-height:115px;
background-color:#ffffff;
border:solid 2px #453852;
}

div.downloads{
min-height:112px;
border:solid 2px #453852;
background-color:#ffffff;
}


/* bottom area */

div.bottom{
width:810px;
}
div.bottom p{
font-size:x-small;
text-align:right;
color:#453852;
}
div.bottom a:link,div.bottom a:visited,div.bottom a:hover,div.bottom a:active{
	color:#453852;
	text-decoration:none;
	font-weight:bold;
	}


/* Tables */

table.topalign td {
vertical-align:text-top;
}




table.edittable td{
vertical-align:top;
border:1px solid #453852;
padding:5px;
}
table.edittable{
border:1px solid #453852;
padding:0;
border-spacing:0;
}
table.displaytable{
width:100%;
padding:0;
border-spacing:0;
}
table.displaytable td{
border:1px solid #453852;
border-width: 0 0 1px 0;
padding: 0.25em 0.5em 0.25em 0;
}
table.displaytable th{
text-align: left;
padding: 0 1em 0 0;
border-bottom: 2px solid #000;
}

div.center table{
width:50%;
text-align:center;
/*border:1px solid #000000;*/
padding:0px;
border-spacing:20px;
}
div.center td{
/*border:1px solid #000000;*/
}

ol li {
padding-bottom: 0.5em;
}

dl.list dt {
float:left;
width: 200px;
}

dl.list dd {
margin-left: 200px;
padding-bottom: 1em;
}

a.filetype-pdf {
background: 0 50% no-repeat url(images/pdf.gif);
padding-left: 20px;
}

.clearfloat {
clear:left;
}

.small-note {
font-weight: normal;
font-size: xx-small;
}