body {
	margin: 0;
	font-family: Segoe, Arial, Helvetica, sans-serif;
	background-color: #000;
	color: #FFF;
	font-size: 85%;
	line-height: 1.5em;
	background: #000 url(../Images/leftNav_bottomGrad.jpg) no-repeat fixed 0 414px;
}

* html body { background-image: none; } /* IE6 hack, cause IE doesn't support fixed */

a,
a:active,
a:visited,
a:link { color: #AAA; }

a:hover { color: #888; }

p { margin: 0; margin-bottom: 1.3em; }
p.padTop { padding-top: 1.3em; }

.clear { clear: both; }

form { margin: 0; }

*.smaller { font-weight: normal; font-size: 90%; }
*.vsmall { font-weight: normal; font-size: 80%; }

*.strong { font-weight: bold; }
*.big { font-weight: bold; font-size: 110%; }

div.maxWidthPanel { max-width: 650px; }


/* Image Border Styles */
/* !important is required because crappy ASP.Net puts an inline style to remove border!! */

img { border: 1px solid #AAA !important; }

a:hover img { border-color: #888 !important; }

img.noBorder { border: none !important; }


/* Heading Styles */

h1 {
	margin: 0;
	margin-bottom: 1em;
	font-size: 150%;
}
h1 span { color: #F00; }

h2 {
	margin: 0;
	margin-bottom: 1em;
	font-size: 130%;
}

h3 {
	margin: 0;
	font-size: 100%;
	color: #FFFF72;
}

h3 a,
h3 a:active,
h3 a:visited,
h3 a:link { color: #FFFF72; }

h3 a:hover { color: #DDDD33; }

h2.bigTopMargin,
h3.bigTopMargin { margin-top: 2.5em; }


/* Layout Styles */

div#leftSection {
	width: 200px;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
}

* html div#leftSection { position: absolute; } /* IE 6 Hack - IE 6 doesn't support position: fixed; - Might need to look in to fixing this in other old browsers */

div#mainSection {
	margin-left: 200px;
	padding: 25px;
}

div#mainSectionWrapper {
	background: url(../Images/site-bkgrnd.jpg) repeat-x fixed -250px 0;
	min-height: 350px;
}

div#topRightInfo {
	font-weight: bold;
	float: right;	
	line-height: 120%;
	text-align: right;
}

div#topRightInfo img { vertical-align: middle; }


/* Left Nav Styles */

ul#leftNav,
ul#leftNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#leftNav a {
	display: block;
	width: 200px;
	height: 33px;
	background: url(../Images/leftNavBtn.gif) no-repeat;
	line-height: 33px;
	text-decoration: none;
	font-weight: bold;
	color: #EEE;
}

ul#leftNav a span { display: block; padding-left: 9px; }

ul#leftNav a span strong { color: #FF0; }

ul#leftNav a:active,
ul#leftNav a:hover { background-position: 0 -33px; color: #FFF; }


/* Child left nav styles */

ul#leftNav a.withChildren { background-image: url(../Images/leftNavBtn_withChildren.gif) }

ul#leftNav div.childLeftNav { background: url(../Images/leftNavPanel_bkgrnd.gif) repeat-y; }

ul#leftNav div.childLeftNav ul {
	background: url(../Images/leftNavPanel_bottom.gif) no-repeat left bottom;
	padding-left: 17px;
	padding-bottom: 12px;
}

ul#leftNav div.childLeftNav a {
	background: none;
	height: 1.5em;
	width: 180px;
	line-height: 1.5em;
	text-decoration: none;
	font-weight: normal;
	color: #FFF;
}

ul#leftNav div.childLeftNav a:hover { text-decoration: underline; }
ul#leftNav div.childLeftNav a strong { color: #FF0; }


/* Footer Styles */

div#footer {
	text-align: center;
	font-size: 80%;
	clear: both;
	padding-top: 1.5em;
}

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


/* Data List Styles */

dl.twoCol dt { display: block; width: 80px; float: left; }
dl.twoCol dd { display: block; margin-left: 90px; margin-bottom: 1.5em; }

dl.twoColWide dt { display: block; width: 150px; float: left; }
dl.twoColWide dd { display: block; margin-left: 160px; }


/* User input form styles */

dl.form { margin-top: 2em; }

dl.form dt { display: block; width: 140px; float: left; font-weight: bold; }
dl.form dt span { display: block; float: left; width: 10px; }

dl.form dd { display: block; margin-left: 150px; margin-bottom: 1.2em; }
dl.form dd input[type="text"] { width: 200px; }

div.formSubmit { margin-left: 10px; margin-top: 2em; }

div.formSuccess,
div.formError {
	padding: 10px;
	border: solid 1px;
}

div.formSuccess { border-color: #0C0; background-color: #363; }
div.formError { border-color: #F00; background-color: #633; }


/* Button Style */
.RBtnLeft {
	height: 32px;
	width: 9px;
	background: url(../Images/btnLeft.gif) no-repeat;
	border: none !important;
	cursor: pointer;
	vertical-align: middle;
}

.RBtnRight {
	height: 32px;
	width: 9px;
	background: url(../Images/btnRight.gif) no-repeat;
	vertical-align: top;
	border: none !important;
	cursor: pointer;
	vertical-align: middle;
}
	
.RBtn {
	height: 32px;
	color: #FFF;
	font-weight: bold;
	font-family: Segoe, Arial, Helvetica, sans-serif;
	font-size: 110%;
	background: url(../Images/btnBkgrnd.gif) repeat-x;
	border: none;
	cursor: pointer;
	vertical-align: middle;
}
		
span.RBtnWrapper.hover * { background-position: 0 -32px; }


/* sgpBreadcrumb */
ul.sgpBreadcrumb {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 1.2em;
}

ul.sgpBreadcrumb li { display: inline; list-style: none; }