/*
** Screen-only layout
*/

/* Force vertical scroll */
html {
	overflow-y: scroll;
}

/* General layout */
body {	
    padding:			0px;
    margin:				0px;
	background-color:	#f2f2f2;
	
	font-family:	Verdana, sans-serif;
	font-size:		75%;
	line-height:	1.4em;
}

a {
	color:	#003D7E;
}
a:visited {
	color:	#776677;
}
a:hover {
	color:	#000000;
}

h2 {
	font-family:	arial;
	font-size:		1.5em;
	margin:			0.83em 0;
}
h3 {
	font-family:	arial;
	font-size:		1.2em;
	margin:			1em 0 0;
	padding:		0.4em 0 0.2em;
}
h4 {
	font-size:		1em;
	margin:			1em 0 0;
	padding:		0.4em 0 0.2em;
}
table {
	margin:			1.4em 0;
}



/* Center */
#page_con {
    text-align: 	center;
    min-width: 		990px;
	background-image:	url('/media/design/images/page_con_back.gif');
	background-repeat:	repeat-y;
	background-position:	50% 0;
}
#page_con_footer {
	background-image:	url('/media/design/images/page_con_footer.gif');
	background-repeat:	repeat-y;
	background-position:	50% 0;
	height:				10px;
}

#page {
    margin: 		0 auto;
    width:  		990px;
    text-align: 	left;
	
	/* faux columns */
	background-color:	white;
	background-image:	url('/media/design/images/page_back.gif');
	background-repeat:	repeat-y;
}



/* Header */
#header {
	height:				75px;
	width:				100%;
	background-color:	#003d7e;
	background-image:	url('/media/design/images/header_back.gif');
	background-repeat:	repeat-x;
	border-bottom:		2px solid white;
}

#header .image {
	height:					75px;
	background-image:		url('/media/design/images/header_image.gif');
	background-repeat:		no-repeat;
	background-position:	right;
}

#header .title {
	height: 	75px;
	float:		left;
	width:		760px;
}
#header .title a {
	display:		block;
	height:			75px;
	width:			500px;
	text-indent:	-999em;
	overflow:		hidden;
	background-color:		transparent;
	background-image:		url('/media/design/images/header_title.gif');
	background-repeat:		no-repeat;
	background-position:	0 25px;
}

#header .contact {
	width:			230px;
	color:			#E6ECF6;
	float:			left;
	font-size:		0.8em;
	line-height:	1.2em;
	text-align:		right;
}

#header .contact p {
	margin-right:	8px;
}

#header .contact a {
	color:			#E6ECF6;
}
#header .contact a:hover {
	color:			#FFFFFF;
}


/*
** Column layout
** Used in main design, and also for in-page columns
*/

/* See shared.css for:
.column_con
.column
.column_2
.column_3
*/





/*
** Navigation bar
*/
#nav_con {
    margin-left: 	-990px; /* centre + left + right */
    width: 			160px;
}
#nav {
	position:			relative; /* anchor the hover's position:absolute */
	width:				154px;
	background-color:	#003d7e;
}

#nav ul.menu {
	border-top:		2px solid #fff;
	margin:			0px;
	padding:		0px;
	list-style:		none;
}
#nav ul.first {
	border-top:		0px;
}
#nav ul.menu li {
	display:			inline;	/* fix IE gap */
	position:			relative;
}
#nav ul.menu li a, #nav ul.menu li a:visited {
	z-index:			1;
	display:			block;
	position:			relative;
	font-size:			0.9em;
	padding:			0.4em;
	text-decoration:	none;
	color:				#fff;
	border-bottom:		1px solid #43689F;
	background-image:	url('/media/design/images/sidebar_linkback.gif');
	background-repeat:	repeat-x;
}
#nav ul.menu li a:hover {
	color:				#003d7e;
	background-color:	#fff;
	background-image:	none;
}
#nav ul.menu li ul {
	display:			none;
}
ul.hover {
	list-style:			none;
	display:			none;
	position:			absolute;         
	z-index:			100;
	top:				0;
	left:				0;
	margin:				0;
	padding:			0;
	background-color:	#fff;
	border:				1px solid #003d7e;
	width:				150px;
}
ul.hover li {
	list-style:			none;
	padding:			0px;
	margin:				0px;
	border-bottom:		1px solid #003d7e;
}
ul.hover li a, ul.hover li a:visited {
	display:			block;
	color:				#003d7e;
	background-color:	#fff;
	background-image:	none;
	font-size:			0.9em;
	line-height:		1em;
	padding:			4px;
	text-decoration:	none;
}
ul.hover li a:hover {
	background-color:	#eff6ff;
	
}

#nav_main {
}
#nav_other {
}


/*
** Content
*/

#content_con {
    margin-left: 160px; /* left */
	padding-bottom: 25px;
    width: 830px;
}

#content_body {
	padding:	0px 25px;
}


/* Three columns */
#content {
	width:	600px;
	padding-top:	1em;
}
#content_wide {
	width:	830px;
	padding-top:	1em;
}


#related {
	width: 			230px;
	padding-top:	1em;
}
#related h3 {
	font-family:	verdana, sans-serif;
	font-size: 1em;
}
#related ul.menu {
	margin:0px;
	padding:	0 0 0 16px;
}




/* Page title */
#title {
	background-color:	#eff6ff;
	color:	#003D7E;
	padding:	0.8em 0.8em 2px;
}
#title h1 {
	font-family:arial;
	font-size:2em;
	margin:	0px;
	padding:	0px;
}
.breadcrumbs {
	font-size:	0.9em;
	margin:	0.8em 0 0;
	padding:	0;
}


/* Footer
Must have same height as footer_con
*/
#footer {
	height: 100px;
	position: relative;
}

/* Menu base
Goes in the footer and pulls itself up over the top of the bottom of the menu
Menu must have appropriate amount of padding
*/
#footer_curve_top {
	position:		absolute;
	width:			27px;
	height:			100px;
	top:			-100px;
	margin-left:	154px; /* menu width - stripe width */
	background-image:		url('/media/design/images/footer_curve.gif');
	background-repeat:		no-repeat;
	background-position:	0px 0px;
}

#footer_curve_bottom {
	position:		absolute;
	width:			100px;
	height:			100px;
	top:			0px;
	margin-left:	154px; /* menu width - stripe width */
	background-image:		url('/media/design/images/footer_curve.gif');
	background-repeat:		no-repeat;
	background-position:	0px -100px;
}

#footer_content_con {
	height:	100px;
	padding-left:	160px;
}
#footer_content {
	height:	100px;
	padding-left:	100px;
	background:	url('/media/design/images/footer_back.gif');
	overflow:	hidden;
}

#footer_panel, #footer_links {
	padding-top:	12px;
	float:	left;
}
#footer_panel {
	width:	475px;
}
#footer_panel dl, #footer_panel p {
    margin: 0;
    padding: 0;
}
#footer_panel dt {
    margin: 0;
    padding: 0;
    font-weight: bold;
	float:left;
	clear:left;
	text-align:right;
	width: 75px;
}
#footer_panel dd {
	display:	block;
    margin-left: 75px;
    padding: 0 0 0 0.6em;
}


#footer_links {
	width:	255px;
}
#footer_links ul {
	list-style:	none;
	margin:		0px;
	padding:	0px 25px 0px 0px;
	text-align:	right;
}


#extra_links {
	display:			none;
	padding-left:		160px;
}
#extra_links_content {
	background-color:	#EFF6FF;
	border-top:			1px solid #003D7E;
	padding-left:		25px;
	padding-bottom:		10px;
}


/*
** Index pages
*/

div.index_links {
	width:		100%;
	overflow:	hidden;
}

div.index_links_menu ul li ul {
	display:	none;
}

div.index_links .con {
	width:		50%;
	float:		left;
	overflow:	hidden;
}

div.index_links .summary_back {
	float:		right;
	width:		60px;
}
div.index_links .summary_back a {
	display:	block;
	color:		#888;
	font-size:	0.8em;
	padding:	0.3em 0.3em 0.3em 21px;
	border:		1px solid #aaa;
	background-color:	#f6f6f6;
	background-image:	url('/media/design/images/cross.gif');
	background-repeat:	no-repeat;
	background-position:	6px 50%;
	text-decoration:	none;
}
div.index_links .summary_back a:hover {
	background-color:	#fff;
	text-decoration:	underline;
}

/* 1em margin-tops */
div.index_links h2 {
	margin-top:	0.66em;
	padding-top: 0;
}
div.index_links h3 {
	margin-top: 0.83em;
	padding-top: 0;
}



/*
** Old styles
*/
div.box {
	clear:		both;
	background:	#EFF6FF;
}
blockquote {
	background:	#EFF6FF url('/media/design/images/quote-start.gif') no-repeat scroll left top;
	padding:	5px 0 0 55px;
}
blockquote.right {
	float:		right;
	width:		200px;
}
blockquote div.blockquote {
	background:	transparent url('/media/design/images/quote-stop.gif') no-repeat scroll right bottom;
	padding:	0 55px 5px 0;
}
blockquote.right div.blockquote {
	margin-top:	1.3em;
}
blockquote img {
	float:		left;
	margin:		10px 20px;
}
blockquote p.cite {
	font-style:	italic;
	margin:		0 0 0 55px;
	padding:	0;
}
blockquote.right p.cite {
	margin:		0;
}
div.box:after, blockquote div.blockquote:after {
	clear:		both;
	content:	".";
	display:	block;
	height:		0;
	visibility:	hidden;
}
blockquote div.blockquote:after {
	clear:	left;
}
div.box, blockquote div.blockquote {
	display:	inline-block;
}
* html div.box {
	height:		1%;
}
* html blockquote div.blockquote {
	height:		1%;
}
div.box, blockquote div.blockquote {
	display:	block;
}
ul.menu li {
	list-style-image:		url('/media/design/images/li_bullet.gif');
	list-style-position:	outside;
	list-style-type:		disc;
	margin:					4px 0 0;
}


/*
** Images
*/
.image_inline {
	margin: 0 0 15px 15px;
	background: #eff6ff;
	float: right;
	width: 250px;
}
.image_inline img {
	width:	250px;
}
.image_inline p, .image_wide p {
	padding:0.6em;
	margin:0
}
.image_wide {
}


/*
** Front page
*/

#indexWelcome {
margin:10px 0 10px 0;
width:550px;
}
#indexWelcomeText {
background:#EFF6FF none repeat scroll 0 0;
padding:0.8em;
margin:	0 0 20px 0;
}
#indexWelcomeText p {
margin:0;
}
#indexNote {
background:#EFF6FF none repeat scroll 0 0;
clear:both;
padding:0;
width:550px;
}
#indexNote p {
margin:0.4em 0.8em;
}

a.button, a.button:visited {
	display:	block;
	position:	relative;
	padding:	10px 0px;
	background:	#003d7e;
	color:		#fff;
	font-weight:bold;
	text-align:	center;
	text-decoration:none;
}
a.button:hover {
	color:				#fff;
	text-decoration:	underline;
}


/*
** Site activity
*/

.banner {
	margin:		0 0 1.3em 0;
	border: 	1px solid #b00;
	background:	#fff;
}
.banner h3 {
	margin:			0;
	padding:		0.2em 0.6em;
	font-family:	Verdana, sans-serif;
	font-size:		1em;
	background:		#b00 none repeat scroll 0 0;
	color:			#fff;
}
.banner p {
	margin:		0.6em;
}


#related .activity {
	border:		0 solid #003D7E;
	left:		780px;
	padding:	0;
	top:		80px;
	width:		220px;
}

#related .activity .news,
#related .activity .event,
#related .activity .alert
{
	display:	block;
	height:		80px;
	margin:		0 0 10px;
	width:		220px;
	overflow:	hidden;
}
#related .activity .news {
	background:	#EFF6FF url(/images/index/news-back.gif) repeat-x scroll 0 0;
}
#related .activity .event {
	background:		#003D7E none repeat scroll 0 0;
	color:			#fff;
}
#related .activity .alert {
	background:		#BB0000 none repeat scroll 0 0;
	color:			#fff;
}
#related .activity .image {
	float:			left;
	width:			80px;
}
#related .activity .image img {
	border:			0px;
	width:			80px;
}

#related .activity .title {
	font-weight:	bold;
	margin:			0 0 0 80px;
}

#related .activity .title a,
#related .activity .title span
{
	display:		block;
	padding:		4px;
	height:			80px;
	overflow:		hidden;
	text-decoration:none;
}
#related .activity a:hover {
	text-decoration:underline;
}

#related .activity .event a,
#related .activity .event a:visited,
#related .activity .event a:hover,
#related .activity .alert a,
#related .activity .alert a:visited,
#related .activity .alert a:hover
{
	color:			white;
}

#related .activity .more {
	margin-bottom:	10px;
	margin-top:		10px;
}
#related .activity .more a {
	background:		#EFF6FF none repeat scroll 0 0;
	display:		block;
	font-size:		0.9em;
	text-align:		center;
}


/*
** Site map
*/

.sitemap .column_con {
	margin-top:	20px;
}
.sitemap .section {
	border:		1px solid #003d7e;
}
.sitemap .section_image {
	overflow: hidden;
	height: 100px;
}
.sitemap .section_image img {
	border:	0;
}
.sitemap .section_widecontent {
	float: right;
	width: 65%;
}
.sitemap .title, .sitemap a.title:visited {
	display:	block;
	background:	#003d7e;
	color:		#fff;
	margin:		0;
	padding:	2px 10px;
	text-decoration:none;
	font-weight:	bold;
}
.sitemap a.title:hover {
	text-decoration:	underline;
	background:	#5278B2;
}
.sitemap .subtitle {
	display:	block;
	background:	#fff;
	color:		#003d7e;
	margin:		0;
	padding:	2px 10px;
	text-decoration:	none;
	font-weight:	bold;
}
.sitemap a.subtitle:hover {
	text-decoration:	underline;
	color:		#fff;
	background:	#5278B2;
}
.sitemap p.comment {
	font-size:		0.8em;
	line-height:	1em;
	padding:		0 5px 5px 5px;
}
.sitemap ul.links {
	list-style:	none;
	margin:		0;
	padding:	0 5px 5px 5px;
}
.sitemap ul.links li {
	text-indent:	-10px;
	padding:		5px 10px 0 20px;
}
.sitemap ul.links a {
	display:	block;
}
.sitemap ul.nonblock a {
	display:	inline;
}