﻿/******************************
Eliminate browser interference 
******************************/
body, p, h1, h2, h3, h4, h5, h6, form
{
	color: #909294;
	font-family: Arial;
	font-size: 1em;
	margin: 0;
	padding: 0;
}
h1
{
	border-bottom: solid 1px #078AFE;
	color: #078AFE;
	display: block;
	font-size: 1.5em;
	padding: 5px 0;
}
h2
{
	font-size: 1.2em;
}
a
{
	text-decoration: none;
}
a:hover, a:hover p
{
	text-decoration: underline;
}
a img
{
	border: none;
}

/*****************************
Layout
*****************************/
#wrapper
{
	width: 1000px;
	margin: 0 auto;
}
#header
{
	background-color: #ffffff;
	background-image: url(images/banner.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 170px;
}
#content
{
	width: 100%;
}
#sidePanel
{
	float: left;
	margin: 0px;
	width: 250px;
}
#contentPanel
{
	float: left;
	margin-left: 21px;
	width: 715px;
}
#documentPanel
{
	clear: both;
	float: left;
	margin-left: 5px;
	width: 983px;
}
#contentFooter
{
	clear: both;
}
#footer
{
	clear: both;
	float: right;
	font-size: 0.8em;
	margin: 10px 10px 10px 0;
}
ul#navigationControls
{
	float: right;
	list-style: none;
	margin: 10px 0 0;
}
ul#navigationControls li
{
	float: left;
}
#imgLogo
{
	float: left;
}
#footerLogo
{
	vertical-align: middle;
}

/******************************
Navigation
******************************/
ul#nav
{
	float: right;
	margin-top: 130px;
	padding: 0;
	list-style: none;
}
ul#nav a
{
	color: #FFF;
	display: block;
	padding-left: 0.5em;
	width: 7.5em;
}
ul#nav li
{
	border-left: solid 1px #fff;
	float: left;
	padding-bottom: 10px;
	width: 8em;
}
ul#nav li ul
{
	background-color: #354696;
	background-image: url(/Images/nav-dropdown.gif);
	background-position: left top;
	background-repeat: repeat-y;
	left: -999em;
	list-style: none;
	margin: 10px 0 0 -1px;
	position: absolute;
	width: 8em;
	z-index: 1;
}
ul#nav li:hover ul
, ul#nav li.sfhover ul
{
	left: auto;
}

ul#footerLinks
{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#footerLinks li
{
	border-left: solid 1px #909294;
	float: left;
	height: 1.5em;
	padding: 0 5px;
}
ul#footerLinks li a
{
	color: #909294;
}

/******************************
Text Item
******************************/
div.textItem
{
	clear: both;
	float: left;
	width: 100%;
}
div.textItem p
{
	margin: 1em 0;
}
div.textItem ul
, div.textItem ol
{
	margin: 1em 0;
	padding-left: 1em;	
}
#sidePanel .textItem
{
	margin-left: 5px;
	width: 245px;
}

/******************************
Image Rotator
******************************/
ul.rotator
{
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: -1;
}
ul.rotator li
{
	margin: 0;
	padding: 0;
	position: absolute;
}

/******************************
Side Panels
******************************/
.panel-pink
{
	background-image: url(Images/Panels/pink-bottom.jpg);
}
.panel-pink h2
{
	background-image: url(Images/Panels/pink-top.jpg);
}
.panel-pink span
{
	background-image: url(Images/Panels/pink-middle.jpg);
}

.panel-purple
{
	background-image: url(Images/Panels/purple-bottom.jpg);
}
.panel-purple h2
{
	background-image: url(Images/Panels/purple-top.jpg);
}
.panel-purple span
{
	background-image: url(Images/Panels/purple-middle.jpg);
}

.panel-cyan
{
	background-image: url(Images/Panels/cyan-bottom.jpg);
}
.panel-cyan h2
{
	background-image: url(Images/Panels/cyan-top.jpg);
}
.panel-cyan span
{
	background-image: url(Images/Panels/cyan-middle.jpg);
}

.panel-lime
{
	background-image: url(Images/Panels/lime-bottom.jpg);
}
.panel-lime h2
{
	background-image: url(Images/Panels/lime-top.jpg);
}
.panel-lime span
{
	background-image: url(Images/Panels/lime-middle.jpg);
}

.panel-orange
{
	background-image: url(Images/Panels/orange-bottom.jpg);
}
.panel-orange h2
{
	background-image: url(Images/Panels/orange-top.jpg);
}
.panel-orange span
{
	background-image: url(Images/Panels/orange-middle.jpg);
}

.panel-launch
{
	background-image: url(Images/Panels/launch-bottom.jpg);
}
.panel-launch h2
{
	background-image: url(Images/Panels/launch-top.jpg);
}
.panel-launch span
{
	background-image: url(Images/Panels/launch-middle.jpg);
}

.panel-document
{
	background-image: url(Images/Panels/document-bottom.jpg);
}
.panel-document h2
{
	background-image: url(Images/Panels/document-top.jpg);
}
.panel-document span
{
	background-image: url(Images/Panels/document-middle.jpg);
}

.panel-launch
, .panel-document
{
	background-color: #fff;
	background-position: left bottom;
	background-repeat: no-repeat;
	min-height: 235px;
	height: auto !important;
	height: 235px;
}

.panel-pink
, .panel-purple
, .panel-cyan
, .panel-lime
, .panel-orange
{
	background-color: #fff;
	background-position: left bottom;
	background-repeat: no-repeat;
	min-height: 71px;
	height: auto !important;
	height: 71px;
	padding-bottom: 40px;
}
.panel-pink h2
, .panel-purple h2
, .panel-cyan h2
, .panel-lime h2
, .panel-orange h2
, .panel-launch h2
, .panel-document h2
{
	background-color: #fff;
	background-position: left top;
	background-repeat: no-repeat;
	color: #FFF;
	padding: 10px 0 5px 15px;
}
#sidePanel h2 a
{
	color: #fff;
}
.panel-pink span
, .panel-purple span
, .panel-cyan span
, .panel-lime span
, .panel-orange span
, .panel-launch span
, .panel-document span
{
	background-color: #fff;
	background-position: left top;
	background-repeat: repeat-y;
	color: #FFF;
	display: block;
}
.panel-pink p
, .panel-purple p
, .panel-cyan p
, .panel-lime p
, .panel-orange p
, .panel-launch p
, .panel-document p
{
	color: #FFF;
	border-top: solid 1px #FFF;
	border-left: none;
	border-right: none;
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0 20px 0 15px;
	padding-top: 2px;
}

/******************************
Document Items
******************************/
.documentItem-pink h2
{
	background-image: url(Images/Bars/pink-left.gif);
}
.documentItem-pink span
{
	background-image: url(Images/Bars/pink-right.gif);
}

.documentItem-purple h2
{
	background-image: url(Images/Bars/purple-left.gif);
}
.documentItem-purple span
{
	background-image: url(Images/Bars/purple-right.gif);
}

.documentItem-green h2
{
	background-image: url(Images/Bars/green-left.gif);
}
.documentItem-green span
{
	background-image: url(Images/Bars/green-right.gif);
}

.documentItem-blue h2
{
	background-image: url(Images/Bars/blue-left.gif);
}
.documentItem-blue span
{
	background-image: url(Images/Bars/blue-right.gif);
}

.documentItem
, .documentItem-pink
, .documentItem-purple
, .documentItem-green
, .documentItem-blue
{
	float: left;
	list-style: none;
	width: 100%;
}
.documentItem
{
	clear: both;
	padding: 0 10px;
	width: 96%;
}
.documentItem li
{
	border-bottom: solid 1px #909294;
	float: left;
	margin: 2px 0;
	width: 100%;
}
.documentItem-pink h2
, .documentItem-purple h2
, .documentItem-green h2
, .documentItem-blue h2
{
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	padding-left: 10px;
	min-width: 100%;
	width: 100%;
}
.documentItem-pink span
, .documentItem-purple span
, .documentItem-green span
, .documentItem-blue span
{
	background-position: right top;
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	padding: 15px 0 25px 0;
}
.documentItem p
, .documentItem-pink p
, .documentItem-purple p
, .documentItem-green p
, .documentItem-blue p
{
	float: left;
	padding-bottom: 20px;
	padding-left: 10px;
	width: 700px;
}
.documentItem h3
{
	background-image: none;
	color: #909294;
	float: left;
}

/******************************
Document Buttons
******************************/
ul.documentButtons
{
	float: right;
	list-style: none;
}
ul.documentButtons li
{
	border: none;
	float: left;
	margin: 0 5px 0 0;
	width: auto;
}
#sidePanel ul.documentButtons
{
	margin-right: 10px;
}

/******************************
Gallery
******************************/
ul.gallery
{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 990px;
}
ul.gallery li
{
	float: left;
	padding: 0 10px 9px 0;
}
img.presentation
{
	border: solid 1px #909294;
}

/******************************
Flash Item
******************************/
.flashItem
{
	float: left;
	left: 50px;
	position: relative;
	top: -350px;
}

/******************************
Sitemap
******************************/
ul.sitemap
{
	margin-left: 1em;
	padding-left: 1em;
}

div.useful-links
{
    width: 450px;
}

div#links-government
{
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

div#links-other
{
    float: left;
    padding-right: 20px;
}

div.useful-links ul
{
    list-style-type: none;
}

div.useful-links h2
{
    color: #078AFE;   
    padding: 5px 0;
    border-bottom: solid 1px #078AFE;
    margin-bottom: 5px;
}

div.useful-links h3
{
    padding: 5px 0;
}

div.useful-links p
{
    margin: 5px 0;   
}