@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	border:0;
}
body {
	margin: 0 auto;
	width: 100%;
	background-color:#333333;
	min-width:600px;
	max-width:1000px;
	font-size: 0.8125em;
	font-family:Arial, Helvetica, sans-serif;
}
#header {
	width:100%;
	background-image:url(../images/interface/header/banner_bg.png);
	position:relative;
	float:left;
	clear:both;
}
#header h1 {
	display: none;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
#phoneNumber {
	background-image:url(../images/interface/header/contact_bg.gif);
	top:34px;
	right:120px;
	padding-top:7px;
	text-align:center;
}
#directions {
	background-image:url(../images/interface/header/directions_map.gif);
	top:64px;
	right:120px;
	padding-top:7px;
	text-align:center;
}
#mask {
	position:relative;
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
	padding-top: 1em;
	background-color:#FFFFFF;
}
#mid {
	float:left;
	width:200%;
	margin-left:-170px; 	/* Width of right column */
	position:relative;
	right:100%;
	background:#FFFFFF;
}
#left {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:370px;         	/* Left column width + right column width */
	/*background-image:url(../images/interface/stripe.png);*/
	background-color: #fad83b;
	/*background-position:bottom;*/
}
#centreWrap {
	float:left;
	width:50%;
	position:relative;
	right:200px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
#centreCol {
	margin:0 215px;     	/* Centre column side padding:
			Left padding = left column width + centre column left padding width
			Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
	background-color:#FFFFFF;
	padding-left, padding-right: 10px;
}
#leftCol {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:200px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	background-image:url(../images/interface/navigation/top_right_left.gif);
	background-position:top right;
	background-repeat:no-repeat;
	text-align:center;
}
#rightCol {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:170px;        	/* Width of right column content (right column width minus left and right padding) */
	position:relative;
	left:50%;
	text-align: center;
}
#rightCol p {
	text-align: left;
	font-size: .75em;
	font-family:Arial, Helvetica, sans-serif;
	width: 130px;
	text-align:justify;
	position: relative;
	left:20px;
	margin-top: 10px;
}
#rightCol a {
	color:#2e6caf;
	text-decoration:none;
}
#rightCol a:hover {
	color:#FFCC33;
	text-decoration:none;
}
#nav {
	background-image:url(../images/interface/navigation/top_menu.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:15px;
	margin:10px;
	width:180px;
	text-align:left;
}
#nav ul {
	background-color:#FFFFFF;
	list-style:none;
	padding-bottom:1.25em;
}
#nav ul ul {
	padding:0;
}
#nav ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	line-height: 1.5em;
	margin-left: 10px;
	margin-right:10px;
	border-top:1px #f8cc00 solid;
}
#nav ul li.first {
	border-top: none;
}
#nav ul li a {
	color:#2e6caf;
	text-decoration:none;
}
#nav ul li a:hover {
	color:#FFCC33;
	text-decoration:none;
}
#helper, #helper li {
	height:0px;
	border:0;
	padding:0;
	display:none;
}
#centreCol p {
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	text-align:justify;
}
#centreCol h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color: #2e6caf;
	margin-bottom: 5px;
}
#centreCol h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #2e6caf;
	margin-bottom: 5px;
	margin-top: 1em;
	border-bottom: #ffcc33 dotted 2px;
	text-transform:uppercase;
}
#centreCol h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color: #2e6caf;
}
#centreCol h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	color: #2e6caf;
	border-bottom: #ffcc33 solid 1px;
}
#centreCol iframe {
	margin-bottom: 5px;
}
#centreCol ul {
	margin-left: 10px;
	margin-bottom:10px;
}
#centreCol ol {
	margin-left: 10px;
	margin-bottom:10px;
}
#centreCol ul li {
	margin-left: 10px;
	text-align:justify;
	list-style:disc;
}
#centreCol ol li {
	margin-left: 15px;
	text-align:justify;
}
#centreCol a:link {
	color: #2e6caf;
	text-decoration: underline;
}
#centreCol a:hover {
	color: #FFCC33;
	text-decoration: underline;
}
#centreCol a:visited {
	color: #2e6caf;
	text-decoration: none;
}
.small {
	font-size: 9px;
	text-transform:uppercase;
}
#footer {
	background-image:url(../images/interface/header/banner_bg.png);
	background-position: bottom;
	color: #FFFFFF;
	text-align: center;
	clear: both;
	float:left;
	width:100%;
	padding: .5em 0;
	text-transform:uppercase;
	font-size: 10px;
}
#centreCol #accordian {
	margin-top:1em;
	margin-bottom:1em;
	margin-right:1em;
	border-bottom: solid 1px #c4c4c4;
	cursor:pointer;
}
#accordian h3 {
	background: #e9e7e7 url(../images/content_helpers/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font-size: 12px;
	border: solid 1px #c4c4c4;
	border-bottom: none;
}
#accordian h3:hover {
	background-color: #e3e2e2;
}
#accordian h3.active {
	background-position: right 5px;
}
#accordian p {
	padding-left: 7px;
	margin-bottom:0;
	padding-top:1em;
	margin-right:1em;
	text-align:justify;
}
#accordian ol li {
	margin-left: 5em;
	margin-right:1em;
	text-align:justify;
}
#accordian ol li ol li{
	margin-left: 3em;
	margin-right:1em;
	text-align:justify;
}
#accordian ol li ol li ol li{
	margin-left: 3em;
	margin-right:1em;
	text-align:justify;
}
.article {
	background: #f7f7f7;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	padding-bottom:1em;
}
.tab50 {
	position:absolute;
	left: 50%;
}
.article table {
	margin-left:17px;
	margin-right:17px;
}
#new {
	margin-left: -20px;
	list-style-type: none;
}
#new ul {
	list-style-type: none;
}
#new ul li {
	list-style-type: none;
	background-image:url(../images/interface/lamp_bullet.gif);
	background-repeat:no-repeat;
	background-position: 0px .6em;
	padding-top: .5em;
	padding-bottom:1.25em;
	padding-left:35px;
	text-align:left;
}
.highlight {
	color: #2e6caf;
	font-weight:bold;
}
.thumb {
	border: #666666 solid 1px;
	margin: 3px;
	padding: 3px;
}

#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	background-color: #fff;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #fff;
}
#ImageBoxCaptionText {
	font-size: 10px;
	font-weight:bold;
	text-transform:uppercase;
	color: #666;
}
#ImageBoxCaptionImages
{
	margin: 0;
	font-size: 10px;
	color: #666;
}
#ImageBoxNextImage
{
	background-image: url(../images/lightbox/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(../images/lightbox/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(../images/lightbox/nextlabel.gif);
	background-repeat:	no-repeat;
	background-position: right 20px;
}
#ImageBoxPrevImage:hover
{
	background-image: url(../images/lightbox/prevlabel.gif);
	background-repeat:	no-repeat;
	background-position: left 20px;
}
.zebra {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-color:#dddddd;
	margin: auto;
}

.zebra td {
	padding: 3px;
}

.odd {
	background-color: #eeeeee;
}
.library {
	border-top: 1px solid #666666;
	margin: auto;
}

.library td {
	border-bottom: 1px solid #666666;
	padding: 3px;
}