@charset "UTF-8";


#topnavleft {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333399;
	float: left;
	width: 495px;
	padding-top: 5px;
	padding-bottom: 5px;
	
} 

#topnavright {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333399;
	float: right;
	width: 305px;
	padding-top: 5px;
	padding-bottom: 5px;	
	
}
#secondtopnav {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333399;
	float: left;
	width: 800px;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: left
	
}


#header {
	background-color: #ffffff;
	clear: left;
} 
#middle/* CSS Document */



/* ----------------------------------------------------Start layout ----------------------------------------------------- */



 {
	width: 100%;
	overflow: hidden;
}
#middlecontainer {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#maincontent {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-top: 10px;
}


#leftnav {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	float: left;
	width: 195px;
	padding-top: 10px;
}


/*
#container #leftnav img {
	float: left;
}
*/
#rightsidebar {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	width: 185px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}


#maincontent {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-top: 10px;
	width: 390px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 195px;
	padding-left: 10px;
}
 /* ----------------------------------------------------End layout ----------------------------------------------------- */












/* ----------------------------------------------------Start Top LEFT styles ----------------------------------------------------- */



/* The styles below allow for the TOP LEFT navigation to be listed horizontally */

#topnavleft ul  {
	list-style-type: none;
	display: inline;

}
#topnavleft  li  {
	float: left;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
#topnavleft  a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	
}
#topnavleft   a:hover    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F67000;
	text-decoration: none;
}

#topnavleft {
background-color:#000066;
}
 /* ----------------------------------------------------End Top LEFT styles ----------------------------------------------------- */












/* ----------------------------------------------------Start Top RIGHT styles ----------------------------------------------------- */


/* The styles below allow for the TOP RIGHT navigation to be listed horizontally */

#topnavright ul  {
	list-style-type: none;
	display: inline;
}
#topnavright  li  {
	float: right;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
#topnavright  a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
#topnavright   a:hover    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F67000;
	text-decoration: none;
}

#topnavright {
background-color:#000066;
}
 /* ----------------------------------------------------End Top RIGHT styles ----------------------------------------------------- */
 












/* ----------------------------------------------------Start second to the top navigaton styles ---------------------------------*/


/* The styles below allow for the SECOND TO THE TOP navigation to be listed horizontally */

#secondtopnav ul  {
	list-style-type: none;
	display: inline;
}
#secondtopnav  li  {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
}
#secondtopnav  a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
#secondtopnav   a:hover    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F67000;
	text-decoration: none;
}

#secondtopnav {
background-color:#000066;
}
/* ----------------------------------------------------End second to the top navigaton styles ---------------------------------*/



















/* ----------------------------------------------------Start left navigaton styles ---------------------------------*/

#leftnav  ul  {
	list-style-position: outside;
	list-style-image: url(../images/sqbullet.jpg);
}
#leftnav  li  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#leftnav  li  a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	text-decoration: none;
}
#leftnav  li  a:hover  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #F87200;
	text-decoration: none;

}

.leftnavheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F67000;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 3px;
}
.leftnavheader a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#footer {
	background-color: #9dacbb;
	width:790px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-left: 10px;
	padding-top: 10px;
	height: 90px;
}
 /* ----------------------------------------------------End left navigaton styles ---------------------------------*/
 /* ----------------------------------------------------Start main content list styles ---------------------------------*/


#footerli     {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	list-style-position: outside;
	list-style-type: square;
}
#footer    ul  {
	list-style-type: square;
}
#footer    a   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
}
#maincontent  a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F67000;
	text-decoration: none;
}
#maincontent  #content  a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F67000;
	text-decoration: none;
}

/* ----------------------------------------------------End main content list styles ---------------------------------*/

















/* ----------------------------------------------------Start tag styles ---------------------------------*/


/* Heading 1 style tag */


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #033684;
}

/* ends here */








/* body style tag */

body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: url(../images/fauxcolumn.jpg);
	background-repeat: repeat-y;
	background-position: 50% 0;	
}

/* ends here */








/* Heading 2 style tag */

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F67000;
	margin-top: 38px;
	font-weight: normal;
}

/* ends here */










/* Pargraph style tag*/

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #232323;
	line-height: 20px;
}
/* ends here */






/* Heading theree style tag*/

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F67000;
}
/* ends here */











/* ----------------------------------------------------End tag styles ---------------------------------*/
















/* ----------------------------------------------------Start breadcrumb styles ---------------------------------*/

/* Stlyes the breadcrumbs*/

.breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: inline;
	list-style-type: none;
	color: #EF7610;
}
#maincontent /* ends here */





/* Stlyes the breadcrumbs when linked*/

 .breadcrumbs  a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F19649;
	text-decoration: none;
}
/* ends here */







/* Stlyes the breadcrumbs when linked and hovered*/

#container #maincontent .breadcrumbs a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #EF760E;
	text-decoration: none;
}
/* ends here */




/* ----------------------------------------------------End breadcrumb styles ---------------------------------*/














/* ----------------------------------------------------Start styles footer ----------------------------------------------------- */


/* Styles the contact div  */

#contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	width: 185px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

/* ends here */









/* Styles the quicklinksone div  */

#quicklinksone {
	float: left;
	width: 125px;
	font-family: Arial, Helvetica, sans-seri;
	color: #FFFFFF;
}

/* ends here */









/* Styles the quicklinkstwo div  */

#quicklinkstwo {
	float: left;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

/* ends here */







/* Styles the quicklinksthree div  */

#quicklinksthree {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	width: 135px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-right: 15px;
}

/* ends here */







/* Styles the requiredlinks div  */

#requiredlinks {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

/* ends here */



/* ----------------------------------------------------End styles footer ----------------------------------------------------- */











/* ----------------------------------------------------Start class styles ----------------------------------------------------- */



/* Italisizes links */
.readmorelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F67000;
	text-decoration: none;
	font-style: italic;
}





/* Styles lists in the main content area*/

#maincontent li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6px;
	font-style: normal;
	color: 232323;
	list-style-type: disc;
	list-style-position: outside;
	
}



/* colors the subjeadings a light blue class*/
.subheadings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6280AB;
}




/* colors the text as orange and bolds it class*/
.orangetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F67000;
	text-decoration: none;
}


/* colors the text as blue and bolds it  class*/

.bluetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0D3E89;
}

/* ends here */

/* ----------------------------------------------------Start class styles ----------------------------------------------------- */
.images {
	text-align: right;
	vertical-align: top;
	float: left;
	padding-right: 10px;
}
sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 232323;
}
#top {
	width: 100%;
	background-color: #9dacbb;
}
#containerTop {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#bottom {
	width: 100%;
}
 html, body {
   height: 100%;
 }
 .wrapper {
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
	}
 .footer, .push {
    height: 4em;
}
.images {
	text-align: right;
	vertical-align: top;
	float: left;
	padding-right: 10px;
}
sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 232323;
}
cite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
}
.table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
td {
	padding-right: 10px;
	padding-left: 10px;
}
th {
	text-align: center;
}
tr {
	background-color: #E8E8E8;
	vertical-align: top;
}

