@charset "iso-8859-1";
/*============================================== SKIDOO DEFINITIONS ======================================================*/

/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */

.clear
{
	clear: both;
}
.hide
{
	display: none;
}
.inside
{
	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0 1em;
}
html[xmlns] .mozclear
{
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's given here.
	 */
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}


/* now we craft the core layout of the page. this includes positioning and
 * gutter space. colors and fonts should not come into play at this point.
 * when defining a border, default its color to white which is probably
 * the safest thing to do.
 */

body
{
	padding: 0 0;
	margin: 0;
	font-size:100%;
}
#pageWrapper
{
	border: solid 1px #fff;
	border-width: 1 1px;
	margin: 0 0;		/* set side margins here 'cause IE doesn't like it set
				   on the body element */
	min-width: 40em;	/* IE doens't understand this property. I use ems rather
				   than pixels so that the layout shouldn't break even
				   when the browser's default size is set very large */
	width: auto;
}
* html #pageWrapper
{
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#masthead
{
	border: solid 1px #fff;
	border-width: 1px 0;
	padding: 0.5em;
}
#masthead h1
{
	padding: 0;
	margin: 0;
}
#outerColumnContainer
{
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	padding-left: 160px; /* match with values below */
	padding-right: 172px; /* match with values below */
}

/* ----------------- Other outer container --------------------------- */
#otherWrapper
{
}
#midsection
{
}


#innerColumnContainer
{
	margin: 0 -1px;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap
{
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}
#leftColumn
{
	float: left;
	margin: 0 1px 0 -160px; /* match with values above */
	width: 157px;
	z-index: 4;
}
#rightColumn
{
	float: right;
	margin: 0 -172px 0 1px;/* match with values above */
	z-index: 2;
}

/* ------------------ Login Bar ----------------- */
#loginbar
{
	margin-bottom: 1px;
	padding: 2px;;
	color: #c00;
	border-bottom-width: 1px;
	border: solid 1px #999;
	background-color: #eee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}


/* -------------------- Search Bar -------------------- */
#searchbar
{
	margin-bottom: 1px;
	padding: 0;
	height: 30px;
	color: #333;
	border-bottom-width: 1px;
	border: solid 1px #999;
	background-color: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#searchbar a
{
	text-decoration: none;
	color: #333;
}

#searchbar a:hover
{
	text-decoration: underline;
	color: #ff6600;
}

#searchbox
{
	float: right;
	border: solid 0px #999;
	height: 25px;
	background-color: #ddd;	
	background-image: url(images/search_uoa.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 5px;
	padding-left: 25px;
	margin: 0px;
	line-height:100%;
	min-width: 100px;
}

#searchbox input, select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: none;
	vertical-align: middle;
	margin-top: -1px;
}

#searchbox form
{
	margin: 3px;
}

#WebRootCrumbs
{
	margin: 0;
	padding: 8px;
	float: left;
}

#WebRootCrumbs ul
{
	margin: 0;
	padding: 0;
}
#WebRootCrumbs ul li
{ 
	display: inline;
	list-style-type: none;
}

/* -------------------- Masthead -------------------- */
#masthead
{
	margin: 0;
	padding: 0;
	background-color: #7BA8D7;
	/*background-image: url(images/masthead_uoa_back.gif);*/
	background-repeat: repeat-y;
	background-position: 70px 0px;
	border: solid 1px #999;
}
#masthead a
{
	text-decoration: none;
	color: #00c;
	border: solid 0px #000;
}

/* ------------------- Masthead stripes ------------------- */
.stripe1
{
	background-color: #fff;
	height: 1px;
	display:none;
}
.stripe2
{
	background-color: #fff;
	height: 1px;
	display:none;
}
.stripe3
{
	background-color: #fff;
	height: 1px;
	display:none;
}
.stripe4
{
	background-color: #fff;
	height: 1px;
	display:none;
}


/* -------------------- Horizontal Nav -------------------- */
#hnav1, #hnav2
{
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	padding: 3px 8px 3px 8px;
	margin: 0;
}

#hnav1
{
	margin-top: 1px;
	border-top: solid 1px #999;
}

#hnav1 ul, #hnav2 ul
{
	text-align: center;
	margin: 0;
	padding: 0;
	display: block;
}

#hnav1 ul li,  #hnav2 ul li 
{ 
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-weight: bold;
}

#hnav1 ul li a, #hnav2 ul li a
{
	padding: 3px 8px 3px 8px;
	margin: -1px -1px 0px 0px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	text-decoration: none;
}

#hnav1 .selected
{
	color: #014f8a;
	background-color: #BFE4F2;
	padding: 3px 8px 3px 8px;
	margin: -1px -1px 0px 0px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
}

#hnav2 .selected
{
	color: #014f8a;
	background-color: #BFE4F2;
	padding: 3px 8px 3px 8px;
	margin: -1px -1px 0px 0px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
}

#hnav1 ul li a
{
	color: #014f8a;
	background-color: #ddd;
}

#hnav2 ul li a
{
	color: #014f8a;
	background-color: #eee;
}

#hnav1 ul li a:hover
{
	color: #fff;
	background-color: #ff6600;
}

#hnav2 ul li a:hover
{
	color: #014f8a;
	background-color: #ffcc33;
}
#hnav1 ul li span, #hnav2 ul li span
{
	display: none;
}

#hnav1
{
	background-color: #ddd;
}

#hnav2
{
	background-color: #eee;
}


/* -------------------- Inner Container -------------------- */
#innerColumnContainer
{
	width: 100%;
	z-index: 1;
}

/* -------------------- Outer Container -------------------- */
#outerColumnContainer
{
	margin-top: 1px;
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you 
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	background-color: transparent;
	background-image: url(images/uoa_menu_back.gif);
	background-repeat: repeat-y;
	background-position: 5px 0px;
	min-height: 300px;
	margin-bottom: 1px;
	border: solid 1px #999;
}

/* -------------------- SOWrap -------------------- */
#SOWrap
{
	float: left;
	width: 100%;
	z-index: 3;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
	margin: 0 -1px 0 0;
}

/* -------------------- Middle Column -------------------- */
#middleColumn, #rightColumn
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

#middleColumn table #rightColumn table
{
	padding:0;
}

#middleColumn
{
	font-size: 0.8em;
	line-height: 140%;
	text-align: left;
	float: right;
	width: 100%;
	z-index: 5;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
	margin: 0 0 0 -1px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#middleColumn h1, h2, h3, h4, h5, h6, h7
{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
	color: #014f8a; 
	margin: 0 0 1em 0;
}

#middleColumn h1, #feedback h1
{
	font-size: 1.4em;
}

#middleColumn h2
{
	font-size: 1.2em;
}

#middleColumn h3
{
	font-size: 1em;
}

#middleColumn h4
{
	font-size: 0.9em;
	line-height: 120%;
}

#middleColumn h5
{
	font-size: 0.85em;
	line-height: 120%;
}

#middleColumn h6
{
	font-size: 0.7em;
}

#middleColumn p
{
	margin: 0 0 2em 0;
}

#middleColumn td p
{
	margin: 0 0 0 0;
}

/* -------------------- Breadcrumbs -------------------- */
#breadcrumbs
{
	margin: 0;
	padding-bottom: 5px;
}
#breadcrumbs ul
{
	margin: 0;
	padding: 0;
}
#breadcrumbs ul li
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-decoration: none;
	display: inline;
	list-style-type: none;
	border: solid 0px #999;
}

/* -------------------- Left Column -------------------- */
#leftColumn
{
	float: left;
	z-index: 4;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}


/* -------------------- Vertical Navigation -------------------- */
#vnav
{
	margin: 0;
	padding-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
#vnav ul
{
	margin: 0;
	padding: 0;
}

#vnav li
{
	color: #000;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding-left: 0;
	margin-top:0.8em;
}
#vnav a
{
	color: #000;
	text-decoration: none;
}

#vnav .activePage
{
	color: #014f8a;
	font-weight: none;
	text-indent: -0.5em;
	margin-left: 2em;
}
#vnav .activeSection
{
	color: #014f8a;
	font-weight: bold;
	text-indent: -1em;
	margin-left: 1.5em;
}
#vnav .activeSection a
{
	color: #014f8a;
}
#vnav .thisSection
{
	font-weight: bold;
	text-indent: -1em;
	margin-left: 1.5em;
}
#vnav .thisSectionPage
{
	font-weight: none;
	text-indent: -0.5em;
	margin-left: 2em;
}
#vnav .thisSectionPage a:hover,  #vnav .subSection a:hover, #vnav .otherSections a:hover, #vnav .breadcrumb a:hover, #vnav .relatedSections a:hover
{
	color: #c00;
	text-decoration: underline;
}
/*
#vnav .thisSectionPage a:hover,  #vnav .subSection a:hover, #vnav .otherSections a:hover 
{
	color: #c00;
}
#vnav .otherSections a 
{
	color: #555;
}
*/
#vnav .subSection
{
	font-weight: bold;
	text-indent: -0.5em;
	margin-left: 2em;
}
#vnav .otherSections
{
	font-weight: bold;
	text-indent: -1em;
	margin-left: 1.5em;
}

#vnav .relatedSections
{
	font-weight: bold;
	text-indent: -1em;
	margin-left: 1.5em;
}

#vnav .relatedSections a
{
	color: #014f8a;
}

#vnav .breadcrumb 
{
	text-indent: -1em;
	margin-left: 1.5em;
	font-size: 0.95em;
	margin-top: 0.25em;
}

#vnav .breadcrumbline{
	margin-top:0;
	background-image: url(images/vnavline.gif);
	background-repeat: repeat-x;
	background-position: 0px 3px;
	/*border-top: double 3px #999;*/
}


#rightColumn
{
	float: right;
	z-index: 2;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
	padding: 0px;
}
#rightColumn p
{
	margin: 1em 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 120%;
	width: 150px;
}
#rightColumn img
{
	border: 1px solid #999;
}

/* -------------------- Highlight Box -------------------- */
#rightColumn .highlightBox, #middleColumn .highlightBox
{
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
	width: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: solid 1px #666;
	background-color: #eee;
	line-height: 17px;
}
#rightColumn .highlightBox
{
	font-size: 0.6em;
	margin-right:10px;
	margin-left:10px;
}
#middleColumn .highlightBox h1, #rightColumn .highlightBox h1
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px;
	font-size: 1em;
	color: #fff;
	background-color: #666;
}
#rightColumn .highlightBox h1
{
	font-size: 1.2em;
}
#rightColumn .highlightBox ul, #middleColumn .highlightBox ul
{
	margin: 0;
	padding-left: 0.2em;
	font-weight: bold;
}
#rightColumn .highlightBox li, #middleColumn .highlightBox li
{
	padding-left: 1em;
	list-style-type: none;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .7em;
}
#rightColumn .highlightBox a, #middleColumn .highlightBox a
{
	text-decoration: none;
	color: #000;
}
#rightColumn .highlightBox a:hover, #middleColumn .highlightBox a:hover
{
	text-decoration: underline;
	color: #c00;
}



/* -------------------- UoA feedback form -------------------- */
#feedback
{
	margin: 0;
	padding: 0;
	width: 100%;
	display: none; 
	background-color: #fff;
	border: solid 0px #999;
}

#innerFeedback
{
	width: 340px;
	padding: 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #000;
	background-color: #F9F9F9;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
}

.bottomFade
{
	padding: 0;
	background-color: #fff;
	background-image: url(images/bottom_fade.gif);
	background-repeat: repeat-x;
}


/* -------------------- Footer -------------------- */
#footer
{
	margin: 0;
	padding: 10px;
	text-align: center;
	color: #000;
	background-color: #fff;
	border: solid 1px #999;
	margin-left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 150%;
}
#footerLeft
{
	float: left;
	padding-top: 5px;
	padding-bottom: 10px;
	width:130px;
}
#footerRight
{
	float: right;
	padding-top: 6px;
	padding-bottom: 10px;
	width:110px;
}
#footer a
{
	text-decoration: none;
	color: #000;
}
#footer a:hover
{
	text-decoration: underline;
	color: #ff6600;
}


/* -------------------- Poll -------------------- */

#Poll
{
	border: solid 1px #014f8a;
	background-color: #fff;
	width: 100%;
	margin-top:0;
	margin-bottom:10px;
	/*float: left;
	clear: left;*/
	font-size: 0.8em;
	line-height: 120%;
}

#Poll h1
{
	background-color: #014f8a;
	color: #fff;
	padding: 5px;
	font-size: 1.2em;
}

#Poll h3
{
	font-size: 1.2em;
	margin-bottom: 0.2em;
}

#Poll .more
{
	background-color: #014f8a;
	color: #fff;
	text-align: right;
	line-height: 180%;
}

#Poll .more a
{	
	background-color: #014f8a;
	color: #fff;
	text-align: right;
	text-decoration: none;
}

#Poll .more a:hover
{	
	text-decoration: underline;
}

#Poll form
{
	margin-top:5px;
	margin-bottom:10px;
 }
#Poll input, select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: none;
	vertical-align: middle;
	margin-top: 0px;
}

/* -------------------- Page Form -------------------- */
#pageform
{
padding-left: 10px;
padding-right: 10px;
}

/* -------------------- Misc -------------------- */
#insertColumn
{
	float: right;
	width: 152px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: solid 0px #999;	
}
#insertColumn p, #rightColumn p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 150%;
	width: 150px;
}
#insertColumn p
{
	margin: 1em 0 0 0;
}
#printTitle h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
}
.clear
{
	clear: both;
}
.hide
{
	display: none;
}
.inside
{
	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0 10px;
}
@media print {
	@page {size auto; margin:5%;}
	#leftColumn {display:none;}
	#rightColumn {float:none;}
	#middleColumn {float:none; width: 100%;}
	#SOWrap {float:none; width: 100%;}
	#pageWrapper {width: 100%;}
	#midsection {width: 100%;}
	#otherWrapper {width: 100%;}
	#hnav1 {display:none;}
	#hnav2 {display:none;}
	#masthead {display:none;}
	#searchbar {display:none;}
	#breadcrumbs {display:none}
	#footer {display:none}
	#outerColumnContainer {border: solid 0px #999;background-image:none;padding:0;margin:0;width: 100%;} 
	a {text-decoration: none; color:#000;}
	#calendar {display:none;}
	.stripe1 {display:none;}
	.stripe2 {display:none;}
	.stripe3 {display:none;}
	.stripe4 {display:none;}
}

@media screen {
	#printTitle {display:none;}
}

a
{
	color: #00c;
	text-decoration: underline;
}
a:visited
{
	color: #609;
}
a:hover
{
	color: #c00;
}
a:active
{
	color: #00c;
}

#pageFrame
{	
	background-color: #fff;	/* major background color */
}
.border_white
{
	border: solid 1px #fff;	
}

.border_grey
{
	border: solid 1px #999;	
}

.border_black
{
	border: solid 1px #000;	
}

.nomargin
{
	margin: 0;
	padding: 0;
}

.smallfont
{
	font-size: 0.8em;
	line-height: 130%;
}

h1
{
	font-size: 2em;
}

h2
{
	font-size: 1.5em;
}

h3
{
	font-size: 1.2em;
}

h4, h5, h6, h7
{
	font-size: 1em;
}

.sectiontitle
{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
	color: #014f8a; 
	margin: 0 0 0.3em 0;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
}

/* -------------------- A-Z -------------------- */
.atoz ul
{
	display: block;
}

.atoz ul li
{ 
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

.atoz ul li a
{
	padding: 2px;
	margin: 0px;
	border: solid 1px #fff;
	text-decoration: none;
	color: #014f8a;
}

.atoz ul li a:hover
{
	color: #fff;
	background-color: #f60;
	border: solid 1px #999;
}

.atoz_selected
{
	color: #014f8a;
	background-color: #BFE4F2;
	padding: 2px;
	margin: 0px;
	border: solid 1px #999;
}

.atoz_unavailable
{
	color: #ccc;
	padding: 2px;
	margin: 0px;
	border: solid 1px #fff;
}


/* -------------------- NEWS -------------------- */
.news
{
}

.newsSummary
{
margin-bottom: 10px;
}
.newsSummary p
{
	font-size: 0.8em;
	line-height: 120%;
}


td li
{
	text-indent: 0em;
	margin-left: -2em;
}
p li
{
	text-indent: 0em;
	margin-left: -2em;
}

.quizCorrect, .quizWrong
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

.quizCorrect
{
	border: solid 1px #78afeb;
	background-color: #B9D8EB;
}
.quizWrong
{
	border: solid 1px #900;
	background-color: #fcc;
}


/* -------------------- Calendar -------------------- */
#calendar{
	padding: 5px;
	background-color: #fff;
	border: solid 1px #999;
}

#calendar a{
	text-decoration: none;
}

#calendar td, #calendar th, #calendar table{
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#calendar a{
	margin:0px;
}

#calendar .today{
	background-color: #eee;
	width:2em;
	height:1em;
	border-left: 1px solid silver;
	border-top: 1px solid silver;
}

#calendar .thisday{
	background-color: #CADBED;
	width:2em;
	height:1em;
	border-left: 1px solid silver;
	border-top: 1px solid silver;

}
#calendar .otherday{
	background-color: #fff;
	width:2em;
	height:1em;
	border-left: 1px solid silver;
	border-top: 1px solid silver;

}
#calendar .othermonth{
	background-color: #eee;
	width:2em;
	height:1em;
	color:#aaa;
	border-left: 1px solid silver;
	border-top: 1px solid silver;
}
#calendar .thisothermonth{
	background-color: #cadbed;
	width:2em;
	height:1em;
	color:#fff;
	border-left: 1px solid silver;
	border-top: 1px solid silver;
}
#calendar .calendarend
{
	font-size:0.8em;
	border-top:1px solid silver;
}
#calendar .calendarside
{
	border-left:1px solid silver;
}

/* -------------------- Newsblock -------------------- */
#middleColumn .newsblock, #rightColumn .newsblock
{
	width: 30%;
	float: right;
	clear: right;
	margin-left: 20px;
	margin-right: 10px;
	border-left: solid 1px #014f8a;
	border-right: solid 1px #014f8a;
	background-color: #fff;
	margin-top:0px;
	margin-bottom:10px;
}

#rightColumn .newsblock {
	width:150px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:0px;
	float:none;
	font-size:0.7em;
}

#middleColumn .newsblock h1, #rightColumn .newsblock h1
{
	background-color: #014f8a;
	color: #fff;
	padding: 5px;
	font-size: 1em;
}

#middleColumn .newsblock a, #rightColumn .newsblock a
{
	line-height:1.25em;
}

#middleColumn .newsblock .more, #rightColumn .newsblock .more
{
	background-color: #014f8a;
	color: #fff;
	text-align: right;
	font-size: 0.8em;
	line-height: 2em;
}

#middleColumn .newsblock .more a, #rightColumn .newsblock .more a
{	
	background-color: #014f8a;
	color: #fff;
	text-align: right;
	text-decoration: none;
	line-height: 2em;
}

#middleColumn .newsblock .more a:hover , #rightColumn .newsblock .more a:hover
{	
	text-decoration: underline;
}



/* Generic Backgrounds */
.backgroundDark{
	background-color: #014f8a;
	color: #fff;
}

.backgroundMid{
	background-color: #7BA8D7;
}

.backgroundLight{
	background-color: #C7DEF7;
}


/* -------------------- Events -------------------- */
.eventList 
{
	background-color:#eee;
	padding:0.25em;
	border: 1px solid #999;
}

/* ------------------ For table widths ----------------- */
.halfleft{
	width:50%;
	margin-left:0;
	margin-right:1%;
}
.halfright{
	width:49%;
	margin-right:0;
	margin-left:1%;
}


/* ------------------ Subscription ----------------- */
#subscription{
	background-color:#eee;
	padding:5px;
	width:140px;
	margin-left:10px;
	margin-right:10px;
}
#subscription form{
	margin:0;
	padding:5px;
	margin-bottom:1em;
}
#subscription input{
	width:125px;
	padding:0;
	margin:0;
	font-size: 0.7em;
	font-weight: bold;
}

#subscription p{
	width:120px;
	padding:3px;;
	margin:0;
}
#subscription .fieldname{
	font-weight: bold;
	font-size: 0.6em;
}

#subscription .field{
}

#subscription .listtitle{
	font-weight: bold;
	font-size: 0.8em;
	margin-bottom:0.5em;
	padding:0.25em;
}

#subscription .listmessage{
	margin-bottom:1em;
}


/* ----------- Editor WYSIWYG ------------------- */
#middleColumn .shado_editor p
{
	margin: 0 0 2em 0;
}
#rightColumn .shado_editor p
{
	margin: 1em 0 0 0;
}




#rightColumn
{
	display: none;
}

#outerColumnContainer
{
	padding-right: 0px;
}

/* -------------------- Masthead -------------------- */
#masthead
{
	background-image: url(images/masthead_statistics_back.gif);
	background-color: #004487;
}

#hnav2
{
	margin-top: 1px;
	border-top: solid 1px #999;
}

#vnav a
{
	color: #000;
}

#vnav .activePage
{
	color: #004487;
}

#vnav .activeSection
{
	color: #004487;
}

#vnav .relatedSections a
{
	color: #004487;
}
#rightColumn .highlightBox
{
	border: solid 1px #61B40C;
	background-color: #fff;
}

#rightColumn .highlightBox h1
{
	color: #fff;	
	background-color: #61B40C;
}



dt { font-weight: bold; }


@import url("images/formoverride.css");

/* pad out UL */

ul.padme li { padding-bottom: 0.9em; }