/* Global whitespace reset */ * {margin:0; padding:0;}

html, body
{
	border:0;
	padding:0;
	margin:auto;
}

body
{
	font-family:"Trebuchet MS", Sans-Serif;
	font-size:100%;
	color:#000;
	background: #444 url("../Images/Bkgd_Body_Overlay.png") repeat-x fixed left bottom;
}

img 
{
	padding:1px;
	margin:1px;
	background:#FFF;
	border:solid 1px #CCC;
}

p 	
{
	margin:1em 0em 1em 0em;
	line-height:1.28;
}

h1,h2 
{
	font-family: Georgia, Serif;
	font-weight:normal;
}
h3,h4
{
	margin-bottom:0.5em;
}
h5,h6
{
	margin-bottom:0em;
}

h1
{
	font-size:180%;
	border-top:solid 3px #F6BB17;
	background:transparent url('../Images/Bkgd_Header_Overlay.png') no-repeat scroll top left;
	overflow:auto;
	padding:0.25em;
	/*text-shadow: 0px 4px 3px #E5E5E5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#FFFFFF');
	background: -webkit-gradient(linear, left top, left center, from(#EEE), to(#FFF));
	background: -moz-linear-gradient(top,  #F8F8F8,  #FFF);*/
}
	h1 img	
	{
		vertical-align:middle;
		margin:0px 8px 5px 0px;
	}


h2
{
	font-size:160%;
	margin-bottom:0.5em;
	font-weight:normal;
	color:#CC8800;
	border-bottom:solid 1px #FFE399;
	line-height:normal;
	text-shadow: 0px 1px 3px #E5E5E5;
}

h3 
{ 
	font-size:130%;
}

h4 
{ 
	font-size:120%;
}

h3 + *, h4 + *, h5 + *, h6 + * {margin-top:0.5em;}
h3,h4,h5,h6 {margin:1.5em 0em 0em 0em;}

h5 {font-size:110%;}

h6 {
	font-size:100%;
	color:#555;
}

hr 
{
	border-top:dotted 2px #CCCCCC;
	border-left:none;
	border-right:none;
	border-bottom:none;
	height:2px;
	/*clear:both;*/
	display:block;
	margin:10px 0px 10px 0px;
}

em,strong {color:#000;}
sup,sub {line-height:2;}
acronym, abbr, dfn {font-style: italic;}

address
{
	margin:0em 0em 0em 1em;
	font-style:normal;
	color:#222;
}

/* Lists */

ul {margin-left:1em; list-style-type:none;}
	ul ul {margin:0em 0em 0.5em 0em;}
	ul li 
	{
		padding-left: 20px;
		background:transparent url('../Images/Bullet-1.png') no-repeat scroll 2px top;
	}
	ul li li {background:transparent url('../Images/Bullet-2.png') no-repeat scroll 2px top;}
	ul li li li {background:transparent url('../Images/Bullet-3.png') no-repeat scroll 2px top;}

ol {margin-left:3em;}
	ol ol {margin-left:0em;}
	ol li, ul ol li
	{
	    background:none;
	    padding-left:0em;
	}

fieldset > ul.optionList {margin:0em;}
ul.noBullets { list-style:none; }
ul.optionList
{
	list-style-type:none;
	color:#000;
}
	ul.optionList li 
	{
		padding:0.5em 0em 0.5em 0em;
		border-top:solid 1px #EEE;
		background:none;
	}
	ul.optionList li:first-child {border:none;}
	ul.optionList ul.optionList	
	{
		color:#333;
		margin-left:1.5em;
	}
		ul.optionList ul.optionList li 
		{
			padding:0em;
			border:none;
		}
		ul.optionList li label {margin-left:5px;}

dl {margin:1em 0 1em 0;}
	dl dl {margin-left:1em;}
	dt {font-weight:bold; color:#222;}
	dd {margin:1em 0 1em 0;}
	dd dt {	color:#555;}
	dd + dt {margin-top:1em;}
	dt + dd {margin-top:0em;}
	/*dd {margin-bottom:1.5em;}*/
	dd > :first-child
	{
		margin-top:0em;
		padding-top:0em;
	}

/* Tables */

table 
{
	border:solid 1px #CCC;
	margin-bottom:10px;
	box-shadow:0px 0px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	empty-cells:hide;
}
	td, caption, tfoot {padding:0.3em;}
	caption 
	{
		/*background-color:#FCFCFC;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#FFFFFF');
		background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#FFFFFF));
		background: -moz-linear-gradient(top, #F8F8F8, #FFFFFF);*/
		color:#222;
		font-style:italic;
		text-align:right;

		/*border-top:solid 1px #DDD;
		border-right:solid 1px #DDD;
		border-bottom:none;
		border-left:solid 1px #DDD;
		border-radius: 3px 3px 0px 0px;	
		-webkit-border-radius: 3px 3px 0px 0px;
		-moz-border-radius: 3px 3px 0px 0px;
		
		box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);*/
	}
	caption, th {font-size:90%;}

	th
	{
		padding:0.3em 0.5em;
		font-weight:bold;
		color:#222;
		background-color:#F0F0F0;
		text-align:left;
		border:solid 1px #E0E0E0;
	}
	thead th
	{
		padding:0.3em;
		background-color:#444;
		color:#FFF;
		text-align:center;
		text-shadow: 0px 0px 3px #111;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#444444');
		background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
		background: -moz-linear-gradient(top, #666, #444);
		border:none;
		border-radius: 3px 3px 0px 0px;
		-webkit-border-radius: 3px 3px 0px 0px;
		-moz-border-radius: 3px 3px 0px 0px;
	}
	tfoot th, tfoot td
	{
		font-weight:bold;
		color:#222;
		background-color:#EEE;
	}

	tr.centerAlign td {text-align:center;}
	td
	{
		border:solid 1px #EEE;
	}

/* Forms */
.centeredFieldsets {text-align:center;}
	/*form.centeredFieldsets p {text-align:left;}*/

fieldset
{
	padding:0.5em;
	margin:0em 0em 1em 0em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
	fieldset fieldset 
	{
		display:inline-block;
		vertical-align:top;
		text-align:left;
	}
	.centeredFieldsets fieldset {text-align:center;}
	.centeredFieldsets ul {text-align:left;}
	
	fieldset.centeredFields div {text-align:right; margin:0.2em;}
	fieldset.centeredFields input, fieldset.centeredFields textarea, fieldset.centeredFields select {display:inline-block;}
	
	legend 
	{
		color:#333;
		margin:0.5em;
		font-weight:bold;
		font-size:1.1em;
	}
	fieldset fieldset legend { font-size:90%; }


label {display:block;}
	label input[type=radio], label input[type=checkbox] {display:inline;}
	input[type=radio] + label, input[type=checkbox] + label {margin-left:2px; display:inline-block; white-space:nowrap;}
input,textarea,select
{
	font-family:"Trebuchet MS", sans-serif;
	color:#333;
}
	input[type=submit], input[type=button] {margin:0.5em; padding:0.1em 0.5em 0.1em 0.5em;}
	#globalNav input[type=button], #globalNav input[type=submit] {margin:0em 0.8em 0em 0.1em;}
	
	.required, .invalid {}
	.required {}
	label.required:before {content: '* ';}
	.invalid {color:#521B1B;}
	.panelHighlight
	{
		margin:5px 0px 5px 0px;
		padding:5px;
		border:solid 1px #CCC;
	}
	.panelHighlight p {margin:0em;}

/*-- Containers --*/

#wrapper
{
	border:solid 1px #000;
	/* I'd prefer to use CSS3 gradient for the background, but I don't want it to 
	degrade to a solid in CSS2 clients. For now let's do it the old-school way. FDM-03Jun10 */
	background: #FFF url('../Images/Bkgd_Wrapper_Overlay.png') no-repeat bottom right;
	font-size:0.875em;
	margin:10px;
	display:block;
	-webkit-box-shadow:0px 0px 8px #111;
	-moz-box-shadow:0px 0px 8px #111;
}

#globalNav {}
	#globalNav ul
	{
		margin:0.1em 0.1em 0.1em 1em;
		text-align:left;
		float:left;
		display:inline-block;
	}
	#globalNav li
	{
		background:none;
		display:inline;
		padding:0em 1em 0em 0em;
		font-size:1.125em;
		line-height:1.5;
		vertical-align:middle;
	}
	#globalNav a
	{
		text-transform:uppercase;
		text-decoration:none;
		font-weight:bold;
	}
	
#search 
{
	text-align:right; 
	padding:1px;
}
	#search label {display:none;}
	#search input {font-size:80%;vertical-align:middle;}
	#search input[type=text] {width:12em;}

#breadcrumb
{
	background-color:#F8F8F8;
	border-bottom:solid 1px #DDD;
	padding:0.1em 0.5em 0.1em 0.5em;
	clear:left;
	color:#888;
	font-size:90%;
}
	#breadcrumb a:link, #breadcrumb a:visited, #sidebar a:link, #sidebar a:visited {text-decoration:none;}
	#breadcrumb a:hover, #breadcrumb a:active, #sidebar a:hover, #sidebar a:active {text-decoration:underline;}
	#breadcrumb img
	{
		width:1px;
		height:1px;
		border:none;
	}

.alert
{
	float:right;
	display:inline-block;
}
	.alert a
	{
		padding:0px 5px 0px 23px;
		background:url("../Images/Icon_Alert.png") no-repeat 5px 1px;
		border-left:solid 1px #DDD;
		text-align:left;
	}

#contentWrapper 
{
	overflow:auto;
	background: transparent url('../Images/Bkgd_Content_Overlay.png') repeat-y -35px top;/*Yellow diagonal line wash*/
}

/*-- Sidebar --*/

#sidebarWrapper
{
	float:left;
	width:28%;
}

#sidebar 
{
	margin:10px 10px 10px 10px;
	padding:5px 5px 10px 5px;
	background-color:#FFF;
	border-left: solid 1px #EEE;
	border-right: dotted 3px #EFEFEF;
	font-size:90%;
	background:#FFF url('../Images/Bkgd_Sidebar_Overlay.png') no-repeat scroll left top;/*Thin grey fading line at the top of the sidebar*/
}
	#sidebar h3	{color:#888;}
	
	.backLink
	{
		padding-left:20px;
		margin-bottom:2px;
		background:transparent url('../Images/Arrow_Back1.gif') no-repeat scroll left 50%;
		display:block;
	}

	.sectionParentLink
	{
		padding-left:1.5em;
		margin-bottom:0.5em;
		background: transparent url('../Images/Arrow_Up1.gif') no-repeat scroll left 1px;
		display:inline-block;
	}

	.sectionMainLinks 
	{
		background:transparent url('../Images/Bkgd_Sidebar_Overlay.png') no-repeat scroll left top;
		padding-top:5px;
		margin-left:0em;
	}
	.sectionMainLinks > li {font-weight:bold;}
	.sectionSubLinks li	{font-weight:normal;}
	
/*-- Content --*/

#mainContentWrapper {margin-left:28%;}

#mainContent 
{
	padding:1em;
	min-width:25em;
	max-width:36em;
	min-height:24em;
}


#footer
{
	clear: both;
	display:block;
	text-align: center;
	background: transparent url("../Images/Bkgd_Footer_Overlay.png") repeat-x center top;
	color:#555;
	border-top: solid 1px #E6E6E6;
	border-bottom: solid 3px #826A6A;/*Static*/
	padding:0.5em;
	font-size:85%;
}

	#footer p {margin:0em;}
	#footer ul {margin:0em;}

	#footer li
	{
		padding-left:0px;
		background:transparent;
		display:inline;
		margin:0em 0.5em 0em 0.5em;
	}

/*-- Specific divs --*/

div.bio {border-bottom: solid 1px #CCC;}

	.bio h4 {margin-bottom:0em;}

	.bio h4 + p
	{
		margin-top:0em;
		margin-bottom:0em;
		font-size:90%;
	}

	.bio img
	{
		margin: 0px 5px 5px 0px;
		float:left;
	}

	.bio h4 + p + ul
	{
		display:inline-block;
		font-size:90%;
		margin-top:0em;
	}

.imageButton
{
	width:22px;
	height:22px;
	border:solid 1px #888;
	background:White url("../Images/Arrow_Button.gif") no-repeat center center;
}

#cseSearchResults
{
	width:50%;
	height:50%;
	background:transparent;
}


/*-- Utility --*/
a.skipNav:link, a.skipNav:visited, a.skipNav:hover, a.skipNav:active {position:absolute; left:1px; top:1px;}
a.skipNav img {border:none;padding:0;margin:0;}
.medium {font-size:85%;}
.small {font-size:90%;}

.noShow {display:none;}

.noBorder, .noBorder td {border:none;}

.fixedWidth, table.fixedWidth td, dl.fixedWidth dt, dl.fixedWidth dd, ul.fixedWidth li {font-family:Lucida Console,Monospace;}

.left 
{
	float:left; 
	margin-right:1em; 
	display:inline-block;
}

.textAlignRight, table.textAlignRight th, table.textAlignRight td, tr.textAlignRight td { text-align:right; }

a[href $='.pdf'],a[href $='.PDF']
{
	padding-left:20px;
	background:url("../Images/Icon_AdobeFile.png") no-repeat left 1px;
	display:inline-block;
}

a[href $='.doc'],a[href $='.DOC'],
a[href $='.docx'],a[href $='.DOCX']
{
	padding-left:20px;
	background:url("../Images/Icon_WordFile.png") no-repeat left 1px;
	display:inline-block;
}

a[href $='.ppt'],a[href $='.PPT']
{
	padding-left:20px;
	background:url("../Images/Icon_PowerPointFile.png") no-repeat left 2px;
	display:inline-block;
}

a[href ^="mailto:"]
{
	padding-left:20px;
	background:url("../Images/Icon_Email.png") no-repeat left 2px;
}

.subText
{
	font-size:85%;
	margin:0.5em;
	padding:0.5em;
	border:dotted 2px #CCC;
	color:#555;
}

.note, .important, .tip
{
	border-color:#EEE;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align:left;
	color:#222;
}

	div.note p, div.tip p, div.important p, 
	div.warning p, div.success p, div.error p {margin-top:0em;}

	.note
	{
		border-style:solid;
		border-width:1px;
		padding:5px 10px 10px 25px;
		background:url("../Images/Icon_Note.png") no-repeat 5px 7px;
	}
	.important
	{
		border-style:double;
		border-width:3px;
		padding:5px 10px 10px 20px;
		background:url("../Images/Icon_Important.png") no-repeat 3px 7px;
	}

	ul.note, ul.important
	{
		padding:5px 5px 5px 20px;
		margin-left:0.5em;
	}

	.tip
	{
		padding:5px 10px 10px 25px;
		background:url("../Images/Icon_Tip.png") no-repeat 5px 5px;
	}

.warning {color: #621E1E;/*Static*/}
.success {color: #25724B;/*Static*/}

.completionContainer 
{
	text-align:right;
	border-top:solid 1px #CCC;
	padding:5px 0px 5px 0px;
	margin:10px 0px 0px 0px;
}

.title {font-style:italic;}
	.title em {font-style:normal;}

.noWrap { white-space:nowrap; }

.contentFooter
{
	color:#333;
	font-size:90%;
}

#sectionGraphic 
{
	float:right;
	width:200px;
	height:200px;
	border:solid 1px #CCC;
	margin:0em 0em 1em 1em;
	padding:1px;
}
	#sectionGraphic.employers {background:transparent url('../Images/Employer.jpg') no-repeat 50% 50%;}
	#sectionGraphic.active {background:transparent url('../Images/Cyclist.jpg') no-repeat 50% 50%;}
	#sectionGraphic.retired {background:transparent url('../Images/Toy_Train_Shop-Sm.jpg') no-repeat 50% 50%;}
	#sectionGraphic.help {background:transparent url('../Images/Paramedic.jpg') no-repeat 50% 50%;}
	
#cseSearchResults body {}

#pageDescription {color:#333;}