body {
	text-align : center;
	font-family : Verdana, Helvetica, sans-serif;
	font-size : small;
	color : #004B88;
	background-color : #1B3663;
	background-image : url(images/bg.gif);
	background-repeat : repeat-x;
}

a {
	font-size : small;
	color : #0B7AC0;
	text-decoration : none;
}

a:visited {
	font-size : small;
	color : #0B7AC0;
	text-decoration : none;
}

a:hover {
	font-size : small;
	color : #1B3663;
	text-decoration : underline;
}

a:active {
	font-size : small;
	color : #1B3663;
	text-decoration : underline;
}

#PageContainer {
	width : 760px;
	text-align : left;
	margin-left : auto;
	margin-right : auto;
	background-color : #FFFFFF;
	background-image : url(images/left_bg.gif);
	background-repeat : repeat;
}

#Header{
	height : 100px;
	background-image : url(images/header.gif);
	background-repeat : no-repeat;
}

#Menu {
	height : 25px;
	background-image : url(images/menu.gif);
	background-repeat : no-repeat;
	text-align : center;
	color : #004B88;
	line-height : 25px;
}

a.menu {
	color : #150DAB;
	text-decoration : none;
	font-weight : bold;
	padding-right : 25px;
}

a.menu:visited {
	color : #150DAB;
	text-decoration : none;
}

a.menu:hover {
	color : #FF0000;
	text-decoration : none;
}

a.menu:active {
	color : #FF0000;
	text-decoration : none;
}

#Left {
	float : left;
	width : 225px;
	height : 230px;
	background-color : #070705;
	background-image : url(images/left_img.gif);
	background-repeat : no-repeat;
	text-align : center;
	font-size : x-small;
	color : #FFFFFF;
	line-height : 25px;
	padding-top : 10px;
}

#HomeLeft {
	float : left;
	width : 225px;
	height : 230px;
	background-color : #070705;
	background-image : url(images/left_img.gif);
	background-repeat : no-repeat;
	text-align : center;
	font-size : small;
	font-weight: bold;
	color : #FFFFFF;
	line-height : 25px;
	padding-top : 230px;
}

a.left {
	font-size : x-small;
	color : #FFFFFF;
	text-decoration : none;
}

a.left:visited {
	font-size : x-small;
	color : #FFFFFF;
	text-decoration : none;
}

a.left:hover {
	font-size : x-small;
	color : #0B7AC0;
	text-decoration : none;
}

a.left:active {
	font-size : x-small;
	color : #0B7AC0;
	text-decoration : none;
}

#Content {
	float : left;
	padding : 25px;
	width : 475px;
}

h1 {
	font-size : medium;
	color : #004B88;
	font-weight : bold;
}

h2 {
	font-size : small;
	color : #0B7AC0;
	font-weight : 600;
	padding : 0px;
	margin : 0px;
}

#Footer {
	clear : both;
	height : 25px;
	line-height : 25px;
	font-size : x-small;
	background-color : #FFFFFF;
	padding-left : 10px;
}

/* Form styling  */
form {
  font-size: 0.9em;
  width: 30em;
}


/* fieldset styling */
fieldset {
  margin: 0.9em 0; /*  space out the fieldsets a little*/
  padding: 0.9em;
  border : 1px solid #ccc;
}

/* legend styling */
legend {
  font-weight: bold;
}


/* style for  labels */
label {
  display: block;
}

/* style for required labels */
label .required {
  font-size: 0.75em;
  color:#760000;
}

input {
  width: 200px;
}


input.radio, input.submit {
  width: auto;
}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #ffc;
}

input.radio {
  float: left;
  margin-right: 1em;
}

textarea {
  width: 300px;
  height: 100px;
}

/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}

/* End the hack */

/* Additional Styles */
.imgright {
	float: right;
	margin: 5px 5px 5px 15px;
	border: 1px solid #000000;
}

.imgright_noborder {
	float: right;
	margin: 5px 5px 5px 15px;
}

.imgleft {
	float: left;
	margin: 5px 15px 5px 5px;
	border: 1px solid #000000;
}

.imgsame {
	margin: 5px 5px 5px 5px;
	border: 1px solid #000000;
}