body {
	background-color: #1300CE;
	text-align: center;
	/*scrollbar-base-color: #63849C;*/
}

.clear_both {clear: both;}
.clear_right {clear: right;}
.clear_left {clear: left;}

.center {text-align: center;}
.red {color: red;}

/* ***********************************************************************
	MAIN LAYOUT - 3 columns with top banner inside container div
   ***********************************************************************  */
   
   /* minimum heights for the columns are not set here. IE and Gecko browsers handle 
      height differently - Gecko fixes the div at the specified height, and content that 
	  cannot fit within the div will display outside and below the div. IE will increase 
	  the height of the div to accommodate more content within, but the columns will be
	  of varying heights then. To overcome this, client side scripting is employed - after 
	  the page has loaded in the client browser a JavaScript function is run to set min 
	  and synchronise col heights. The main layout divs must have ID's (as named below)
	  for JS to access and alter the style rules.  
   */
   
	/* CONTAINER div */  
#container {
	width: 760px;
	margin-right:auto;
	margin-left:auto;
	padding: 0px;
	text-align: center;
	background-color: #0066FF;
}

	/* TOP BANNER div */
#banner {
	width: 100%;
	text-align: left;
}

	/* SINGLE COLUMN div */
#singlecol {
	margin-top: 10px;
	border-top: 1px solid #1300CE;
	border-left: 1px solid #1300CE;
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
	background-color: #C1DAFF;
}
/* -------------------------------------------------*/


/* ***********************************************
                        BANNER
   ***********************************************  */
div.topbands {
	height: 20px;
	background: url("images/topbands2.gif") 0 0 repeat;
}

div.imgttlcntnr {
	margin-top: 5px;
}

div.imgbox {
	display: inline;
	float: left;
	width: 188px;
	padding-left: 10px;
}

div.title {
	display: inline;
	float: right;
	width: 530px;
}

div.title h2 {
	margin-top: 7px;
	text-align: center;
	font-family: Arial, sans-serif;
	color: aliceblue;
}

div.subttl {
	height: 22px;
	text-align: right;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: aliceblue;
}
div.subttl div {
	display: inline;
	float: right;
    width: 380px;
	padding: 3px;
	background-color: #1300CE;
}
/* -------------------------------------------------*/


/* ***********************************************
                        SINGLE COLUMN
   ***********************************************  */
div.pagehdr {
	text-align: center;
	/*border: 1px solid red;*/
}

div.pagehdr div {
	width: 210px;
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid aliceblue;
	border-left: 1px solid #1300CE;
	border-right: 1px solid #1300CE;
	padding-bottom: 3px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	background-color: aliceblue;
}

#contentarea {
	border: 1px solid #1300CE;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	background-color: #DDEBFF;
}

div.articletitle{
	/*width: 400px;*/
	margin-top: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #398CFF;
}

div.author {
	margin-top: 6px;
	font-weight: bold;
	color: #398CFF;
}

div.pagetitle {
	margin-top: 10px;
	padding-left: 20px;
	font-family: Arial, sans-serif;
	color: #FFA531;
}

p.indextitle {
	margin-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
}

p.indextitle a {
	padding: 4px;
	text-decoration: none;
	font-weight: bold;
	color:  #1300CE;
	background-color: #C1DAFF;
}

p.indextitle a:hover {
	color: aliceblue;
	background-color: #1300CE;
}

div.indexdescr{
	padding-left: 40px;
	padding-right: 40px;
}

p.pagesectionhdr {
	padding-left: 20px;
	padding-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

div.sectiontxt {
	padding-left: 40px;
	padding-right: 40px;
}

img.floatpicright {
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 6px;
	float: right;
}

img.floatpicleft {
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 6px;
	float: left;
}

div.pagesmenu {
	display: inline;
	float: right;
	width : 300px;
	margin-top: 10px;
	margin-left: 20px;
	border: 1px solid #7BADFF;
	background-color: white;
}

div.pagesmenuttl {
	font-family: Arial, sans serif;
	font-size: 14px;
	text-align: center;
	background-color: #C1DAFF;
	color: #1300CE;
}

div.pagesmenubdy {
	font-size: 14px;
	color: #53504B;
}

div.pagesmenubdy a {
	text-decoration: none;
	font-size: 14px;
	color: #398CFF;
}

div.pagesmenubdy a:hover {
	color: #FFBC53;
}



div.topnext {
	text-align: right;
}

div.topnext a {
	text-decoration: none;
	font-family: Arial, sans serif;
	color: #398CFF;
}

div.topnext a:hover {
	color: #FFBC53;
}

div.returnlinks_cntnr{
	
}
div.returnlinks{
	width: 176px;
	margin: 0 auto;
	background-color: white;
	border: 1px solid #1300CE;
	border-top: none;
	padding: 3px;
}
div.returnlinks a{
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: navy; /*#398CFF;*/
}

div.returnlinks a:hover{
	font-weight: bold;
	color: #FFBC53;
}
/* -------------------------------------------------*/

/* ***********************************************
	MAIN CONTENT - ERROR FORMS - VALIDATION
   ***********************************************  */
.redhighlight {
	color: red;
}

.redborder {
	border: 2px solid red; 
}  
/* -------------------------------------------------*/