/** Content **/



#content {

  position: relative;

  height: auto !important;

  height: 100%;

  min-height: 100%;

  background-image:url();

  background-position: center bottom;  

  background-repeat: no-repeat;

}





/** Top menu**/



#topContainer {

	clear: both;

	position: relative;

	margin: 0 auto;

	width: 800px;

	padding-left: 1px;

}





#header {

	clear: both;

	position: relative;

	height: 2.3em;

	margin: 0 auto;

	border-bottom: 2px solid #191D76;

	background-image: url(images/blue_vert_stripe.jpg);

}





#header img {

  position: absolute;

  top: 5%;

}



/** top navigation **/

#header ul {

  margin: 1em 1em 0 0 !important;

  margin: 1em 0.5em 0 0;

  padding: 0;

  float: right;

}



#header ul li {

  display: inline;

  list-style: none;

}



#header ul li a {

  float: left;

  padding: 0 1em;

  font: 400 12px arial, sans-serif;

  font-weight:bold;

  letter-spacing: 0.1em;

  line-height: 0.8em !important;

  line-height: 1em;

  color: #FFF;

  border-right: 1px solid #4D5760;

}





#header ul li a:hover {

  color: #999;

}



/** Header **/



.headerlogo {

	position: absolute;

	right: 654px; top: 41px;

	width: 136px;

	height: 127px;	

	background: url(images/logo-blank.gif) no-repeat;	

}



#headerImg {

  margin: 0 auto;

  height: 143px;

  background: url(images/header_image_copyright.jpg) no-repeat;

}



.moto { color:#191D76; font-weight: bold; text-align:left; font-size: 1.1em;

		padding: 115px 0 0 125px;}



/** main navigation **/



#menu {

  margin: 0 auto;

}





#menu ul {

  width: 100%;

  float: left;

  margin: 0;

  padding: 0;

  text-align: left;

  background-image: url(images/blue_vert_stripe.jpg);

  

}



#menu ul li {

  display: inline;

  margin: 0;

  padding: 0;

  list-style: none;

}





#menu ul li a {

  float: left;

  width: 133.33px;

  height: 2em;

  font: 12px arial, sans-serif;

  font-weight: bold;

  letter-spacing: 0.0em;

  color: #FFF;

  border-top: 6px solid #191D76;

  text-align:center;

}



#menu ul li a span {

  display: block;

  padding: 2px 7px;

}





#menu ul li a span.desc {

  font-size: 0.8em;

  color: #8C8D94;

}





#menu ul li a:hover,

#menu ul li a.here {

  border-top: 6px solid #990000;

  color: #ccc;

  background-image: url(images/blue_vert_stripe.jpg);

}



#menu ul li a:hover span.desc,

#menu ul li a.here span.desc {

  color: #FFF;

}



/** Side menu **/



#side {

  height: 100%;

  width: 180px;

  float:right;

}



/** Page Content **/



#page {

  clear: both;

  float: left;

  width: 100%;

  margin-bottom: .5em;

  text-align: left;

  height:100%;

}



#columns {

  margin: 0 auto;

  padding-top: 10px;

  padding-left: 10px;

  padding-right: 10px;

}





/* Column widths */

.width {

  width: 800px;

}



.widthPad {

  width: 780px;

}



.width25 {

  width: 180px;}

  



.width73 {

  width: 73%;

}



.width75 {

  width: 75%;

}



.width100 {

  width: 100%;

}





/** Footer **/





#footer {

  clear: both;

  width: 100%;

  height: 2.0em;

  position: relative;

}



#footer #bg {

  position: relative;

  height: 2.0em;

  margin: auto;

  background-image: url(images/blue_vert_stripe.jpg);

  border-top: 6px solid #191D76;

}



#footer #bg ul {

  float: right;

  margin: .6em 1em 0 0 !important;

  margin: .6em 1em 0 0;

  padding: 0;

}



#footer #bg ul li {

  display: inline;

  list-style: none;

}



#footer #bg ul li a {

  float: left;

  padding: 0 1em;

  font: 400 12px arial, sans-serif;

  letter-spacing: 0.1em;

  line-height: 0.8em !important;

  line-height: 1em;

  color: #fff;

  border-right: 1px solid #4D5760;

}





#footer #bg ul li a:hover {

  color:#999999;

}









/** Submenu Styles **/



ul.submenu1 {

  margin: 0 0 0px 0;

  padding: 0;

}







ul.submenu1 li{

  margin: 0;

  padding: 0;

  list-style: none;

  height: 30px;

  list-style-image: url(css/foo.gif); /* IE fix */

}



ul.submenu1 li a {

  display: block;

  height: auto !important;



  /* Start hide from IE Mac \*/

  height: 1%;

  /* End hide from IE Mac */



  padding: 1px 5px 1px 20px;

}



ul.submenu1 li a {

  background: url(images/submenu1.gif) no-repeat 5px 50%;

}



ul.submenu1 a:hover {

  color: #990000;

  background: #ccc url(images/submenu1.gif) no-repeat 5px 50%;

}



ul.submenu1 li a#current  {

	background: #191D76 url(images/submenu1.gif) no-repeat 5px 50%;

	color: #fff;

}











/** Generic Display **/





.block {

  display: block;

}



.clear {

  clear: both;

}



.marginRight {

  margin-right: 15px;

}



.paddingLeft {

  padding-left: 5px;

}



.paddingRight {

  padding-right: 5px;

}



.floatLeft {

  float: left;

}



.floatRight {

  float: right;

}



.alignLeft {

  text-align: left;

}



.alignRight {

  text-align: right;

}



.alignTop {

  vertical-align: top;

}



.alignMiddle {

  vertical-align: middle;

}



.alignBottom {

  vertical-align: bottom;

}



.lightGreyBg {

  background-color: #EDEBEB;

  border: 1px;

  border-color: #666;

  border-style: dotted;

  margin-bottom: 10px;

}



.dark {

  color: #353E47;

}



.fineprint{

  font-size: 9px;

  line-height: 12px;}



/** HTML Elements **/



html,

body {

  height: 100%;

}



body {

  margin: 0;

  padding: 0;

  text-align: center;

  background: url(images/light_body.gif) repeat-y top center;

  font: 12px verdana, arial, sans-serif;

  line-height: 150%;

  color: #555;

}





/* Headers */

h1, h2, h3, h4, h5, h6 {

  margin: 0 0 5px 0;

  padding: 0;

}





h1 {

  padding-bottom: 0em;

  font: bold 1.6em arial, sans-serif;

  color: #191D76;

  border-bottom: 1px dotted #000;

}



h2 {

  font-size: 1.2em;

  color: #990000;

  border-bottom: 1px dotted #000;

}



h3 {

  font-size: 1.1em;

  color: #191D76;

}



h4 {

  font-size: 0.85em;

}



h5 {

  font-size: 0.8em;

}





/* Needed to horizontally pad in a coloured container */

.horzPad h1,

.horzPad h2,

.horzPad h3,

.horzPad h4,

.horzPad h5,

.horzPad p {

  padding-left: 5px;

  padding-right: 5px;

}





/* Links */

a {

  text-decoration: none;

  color: #191D76;

  border-bottom-width: 1px;

  border-bottom-style: dotted;

  border-bottom-color: #666;

}



a:hover {

  color: #ccc;

}



a img {

  border: none;

}



/* Images */

img.floatRight {

  margin: 5px 0 10px 10px;

  border:1px solid #333333;

}



img.floatLeft {

  border:1px solid #333333;

  margin: 5px 10px 10px 0;

}



img.vert {

  vertical-align:middle;}



img.border {

  border:1px solid #333333;}



.imgBlock {padding-bottom: 90px;}



/* Lists */

ul li {

  list-style-image: url(images/submenu1.gif);

}







/**************************************************************

  Table elements for calendar page

 **************************************************************/

table {

line-height: 12px;

font-size: 10px;

text-align:center;

border:solid;

border-color:#CCCCCC;

border-width:1px;

}

td,tr {border:solid;

border-color:#CCCCCC;

border-width:1px;}

table .color {background:#EDEBEB;

font-weight:bold;}





/**************************************************************

  Contact Form Elements

 **************************************************************/

 #mainForm 

{

	position: relative;

	border: 1px;

	margin: 0 auto;

	text-align: left;

	width: 500px;

	

}



ul li.mainForm

{

	list-style-type: none;

	list-style:none;

	padding-bottom:20px;

}



#mainFormError

{

	position: relative;

	border: 1px;

	border-style: solid;

	margin: 0 auto;

	text-align: left;

	width: 70%;

}



input.mainFormError

{

	background-color: #FFFF99;

}



textarea.mainFormError

{

	background-color: #FFFF99;

}



select.mainFormError

{

	background-color: #FFFF99;

}



#formFields

{

	position: relative;

	width: 100%;

	background-color: #ffffff;

	margin:0 0 0 0;

}



label.formFieldQuestion

{

	line-height:125%;

	padding:0 4px 1px 0;

	border:none;	

	display:block;

	font-size:95%;

	font-weight:bold;

}