@charset "UTF-8";
/* 
	CSS Document 
	Main styles to be applied to every page of the site.
*/

html { background-color:#f2f2f2; }

body {
	background-color:transparent;
	font-family:"Times New Roman", Times, serif; 
	font-size:12px;
	color:#444;
	text-align:center;
	margin:0px;
	margin-top:20px;
	padding-bottom:30px;
}

h1 {
	font-size:2.3em;
	color:#000;
	font-weight:bold;
	margin:0.5em 0em;
}

h2 {
	font-size:1.1em;
	color:#444;
	font-weight:normal;
	margin:0.4em 0em;
}

h3 {
	font-size:1em;
	color:#666;
	font-weight:lighter;
	margin:0.4em 0em;
}

p {
	font-size:0.9em;
	font-weight:normal;
	line-height:1.3em;
	margin:0.2em 0em;
}

a:focus { outline:none; }

/* ID Styles */

#mainContainer {
	text-align:left;
	margin:0px auto;
	width:840px;
	padding:10px;
	background-color:#fff;
	border:1px #ddd solid;
}

#pageContent { min-height:600px; padding:0px 40px 20px 0px; }
#pageContent h1 { font-weight:lighter; font-size:2.7em; color:#900; margin-bottom:10px; letter-spacing:0.08em; }
#pageContent h2 { font-size:1.6em; letter-spacing:0.1em; font-weight:bold;}
#pageContent p { font-size:1.3em; letter-spacing:0.0em; text-align:justify; margin:0px 0px 10px 0px; line-height:1.3em;}
#pageContent p a { color:#444; }
a { color:#444; }

#mainContainer div.sideNavPad { padding-left:150px; }

/* CSS for main page navigation strap at top of page on both main index and every other page */

#linkArea {
	text-align:center;
	background-color:#fff;
	margin:0px;
	padding:0px;
	width:850px;
}

#linkArea ul {
	list-style:none;
	margin:9px 0px;
	padding:0px;
	display:inline-block;
}

#linkArea li {
	display:inline;
	margin:0px 25px;
}

#linkArea li a {
	font-size:1.7em;
	letter-spacing:0.1em;
	text-decoration:none;
	color:#000;
}

#linkArea li a:hover { color:#F60; }
#linkArea li.selected a {color:#900; font-weight:bold; cursor:default; letter-spacing:0.05em; }

/* Page Heading Links at top, above mainConent DIV */

#headingLinksStrap {
	text-align:right;
	width:860px;
	height:23px;
	margin:0px auto;
}

#headingLinksStrap ul { 
	display:inline-block;
	list-style:none;
	list-style-image:none;
	list-style-type:none;
	margin:0px 0px 0px 180px;
	padding:0px;
	line-height:0px;
}

#headingLinksStrap ul li {
	float:left;
	margin:0px 5px 5px 0px;
	border-left:1px #aaa solid;
	padding:6px 10px;
}

#headingLinksStrap ul li:first-child { border-left:none }

#headingLinksStrap ul li a { color:#777; text-decoration:none; }
#headingLinksStrap ul li a:hover { color:#aaa; }
#headingLinksStrap ul li a:active { color:#444; }

/* CSS for side navigation panel */
#sideNavigation { 
	float:left; 
	width:120px; 
	min-height:600px; 
	font-size:1.2em;
	line-height:1em;
	padding:0px 20px 10px 10px;
}

#sideNavigation ul { 
	list-style:none;
	list-style-image:none;
	list-style-type:none;
	margin:5px 0px;
	padding:0px;
	display:inline-block;
}

#sideNavigation ul li { }

#sideNavigation ul li a { 
	display:block; width:100px;
	padding:4px 10px;
	margin:10px 0px;
	color:#888;
	text-decoration:none;
}


#sideNavigation ul li a:hover    { background-color:#f2f2f2; }
#sideNavigation ul li.selected a { font-weight:bold; cursor:default; color:#444; }

/* Class Styles */

/* Style for RSS Feed logo on page header strap */
a.rssFeed {
	background-image:url(../images/rss.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:14px;
}
a.rssFeed:hover { background-image:url(../images/rss_hover.gif); }

.ruleBelow { margin-bottom:12px; border-bottom:1px #ddd solid; }
.ruleAbove { margin-top:12px; border-top:1px #ddd solid; }
.ruleLeft  { margin-left:12px; border-left:1px #ddd solid; }
.ruleRight { margin-right:12px; border-right:1px #ddd solid; }

/* Styles for Search Field at top right of page */

#searchArea { float:right; display:inline-block; margin:-6px 0px 0px 0px; padding:0px; }
input.searchButton {
	border:1px #aaa solid;
	background-color:#ddd;
	margin:0px;
	height:20px;
	color:#666;
	vertical-align:top; 
}
input.searchButton:hover { background-color:#efeded; cursor:pointer; }

input.searchField {
	border:1px #aaa solid;
	height:16px;
	padding:1px 3px;
	margin:0px -4px 0px 0px;
	vertical-align:top;
}


/* General styles for ADV Browsers */

.imagePlaceholder { border:1px #ddd solid; background-color:#aaa; }

.roundedCorners { border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px; }

.dropShadow { -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; background: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=2,offY=3, positive=true)";
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=2,offY=3, positive=true);
}

div#browserWarning {
	margin:-10px 10px 20px 10px;
	border:#600 4px double;
	padding:10px;
	color:#000;
	font-size:17px;
	background-color:#fff;
	text-align:center;
}

div#browserWarning h1 {
	background-color:#700;
	color:#fff;
	padding:10px;
	margin:-10px -10px 10px -10px;
	font-size:1.4em;
}

div#printFooter {
	font-size:1em;
	text-align:center;
	font-weight:lighter;
	margin:10px;
}

#jsWarning { margin: 20px 0px -10px 0px; }