/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* http://www.tantek.com/log/2004/undohtml.css */
/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

p {margin-bottom: 10px;}

/* new styles */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333333;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-bottom: 5px;
}

a{
	color: #2c2b88;
	text-decoration: none;
}

a:hover {
	color: #2c2b88;
	text-decoration: underline;
}

.MainHeading {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 10px;
}

.SubHeading {
font-size: 0.9em;
font-weight: bold;
margin-bottom: 0px;
}

.Buttons, .Buttons a:link, .Buttons a:visited, .Buttons a:hover {
	font-weight: bold; text-align: center; color: #FFFFFF;	text-decoration: none;
}

.Buttons a:hover {
	color: #f1ee00;
	text-decoration: none;
}


.SmallText {
font-size: 0.7em; color: #FFFFFF;
}

.SmallText a{
	color: #FFFFFF;
	text-decoration: none;
}

.SmallText a:hover {
	color: #FFFFCC;
	text-decoration: underline;
}


/* form styles */
.formstyle {font-size: 1em; width: 400px; float: left; margin-top: 5px; font-family: Verdana, Arial, Helvetica, sans-serif}
.formstyle2 {font-size: 1em; width: 195px; float: left; margin-top: 5px; margin-right: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}



#MainContainer {
display: table;
width: 830px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 30px;
background-color: #FFFFFF;
border-color: #2c2b88;
border-style: solid;
border-width: 2px;
}

/* PAGE STYLES */

#Top {
}

#Heading {
padding: 6px 6px 6px 6px;
background-color: #DDDDDD;
}

#Logo {
width: 770px;
height: 150px;
background-image:url(images/big-logo.jpg);
background-repeat: no-repeat;
margin-top: 10px;
}

#Menu {
padding: 6px 6px 6px 6px;
margin-top: 10px;
margin-bottom: 20px;
background-color: #2c2b88;
}

#Middle {
}

#BottomBanner {
padding: 6px 6px 6px 6px;
background-color: #2c2b88;
margin-bottom: 20px;
}

#Bottom {
}



#Content {
display: table;
margin-left: 40px;
margin-right: 40px;
}

#Footer {
clear: both;
}

.Item {
width: 100%;
clear: both;
}

.SpacerDiv {
width: 100%;
height: 20px;
float: left;
clear: both;
}

.ItemImageRight {
float: right;
margin-left: 10px;
margin-right: 0px;
}

.ItemImageLeft {
float: left;
margin-left: 0px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 3px;
}