/* _____________________________________________ ZERO OUT ______________________________________________ */

* {	margin: 0; padding: 0; border: 0 }

/* ____________________________________________ HTML & BODY ____________________________________________ */

html {
	height: 100%;
	scrollbar-face-color: #15159D;
	scrollbar-arrow-color: #C3C3F4;
	scrollbar-track-color: #EFF0F3;
	scrollbar-shadow-color: #15159D;
	scrollbar-highlight-color: #15159D;
	scrollbar-3dlight-color: #15159D;
	scrollbar-darkshadow-color: #15159D }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: url(images/_shared/pg-bg.jpg) center top repeat #FFFFFF }

/* _____________________________________________ NOTES ________________________________________________ */

/* When wanting to change a used style, check where it's currently used by doing a Find (but not Replace).
Search for source code, not tag. */

/* __________________________________________ TEMPLATE ITEMS __________________________________________  */

#container {
	width: 850px;
	margin: 0 auto 0 auto;
	background: url(images/_shared/container_bg.jpg) repeat-y;
	padding: 0 5px 0 5px }
#header {
	background: url(images/_shared/header_bg.jpg) no-repeat;
	width: 850px;
	height: 90px;
	margin: 0 auto 0 auto }
#header-email { text-align: right; padding: 5px 27px 0 0 }
#page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #C3C3F4;
	text-align: center;
	text-transform: uppercase;
	word-spacing: .3em;
	padding: 48px 0 0 100px }
#left-col { width: 162px; padding: 28px 0 0 0; float: left; text-align: right }
#navpanel {
	height: 140px;
	background: url(images/_shared/navpanel_bg.jpg) no-repeat;
	padding: 10px 0 0 20px;
	margin: 0 0 0 21px;
	text-align: left }
#navpanel ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #C3C3F4;
	font-weight: bold;
	list-style-type: none;
	line-height: 2em;
	margin: 0 }
#navpanel ul li { 
	background-image: none;
	padding-left: 0 }
#navpanel ul a:link { color: #C3C3F4; text-decoration: none; display: block }
#navpanel ul a:visited { color: #C3C3F4; text-decoration: none; display: block }
#navpanel ul a:hover { color: #FFFFFF; text-decoration: none; display: block }
#navpanel ul a:active { color: #FFFFFF; text-decoration: none; display: block }
#left-col-rolls { margin: 16px 0 25px 0 }
#footer {
	clear: both;
	height: 47px;
	background: url(images/_shared/footer_bg.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D1D3D4 }
#copyright {
	float: right;
	width: 157px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8686E6;
	text-align: center;
	padding: 11px 0 0 0 }
#content { width: 631px; padding: 28px 30px 15px 25px; float: right }

/* ______________________________________________ LINKS ________________________________________________ */

a:link { color: #4C4CDB; text-decoration: underline }
a:visited { color: #4C4CDB; text-decoration: underline }
a:hover { color: #BA0000; text-decoration: none }
a:active { color: #BA0000; text-decoration: none }

#footerlinks {
	float: left;
	width: 508px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-align: center;
	padding: 0 0 0 0 }
#footerlinks a:link { padding: 2px 5px 3px 5px; color: #FF0000; text-decoration: none }
#footerlinks a:visited { padding: 2px 5px 3px 5px; color: #FF0000; text-decoration: none }
#footerlinks a:hover { padding: 2px 5px 3px 5px; color: #FFFFFF; text-decoration: none; background: #FF0000 }
#footerlinks a:active { padding: 2px 5px 3px 5px; color: #FFFFFF; text-decoration: none; background: #FF0000 }

#lh {
	float: left;
	width: 184px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: .04em;
	text-align: center;
	padding: 2px 0 0 0 }
#lh a:link { color: #8686E6; text-decoration: none }
#lh a:visited { color: #8686E6; text-decoration: none }
#lh a:hover { color: #BBBBEF; text-decoration: none }
#lh a:active { color: #BBBBEF; text-decoration: none }

/* _____________________________________________ HTML TAGS _____________________________________________ */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #13138D;
	text-align: justify;
	line-height: 1.5em;
	margin: 0 0 12px 0 }
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #13138D;
	list-style-type: none;
	line-height: 1.5em;
	margin: 0 0 12px 20px }
ul li { 
	background-image: url(images/_shared/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-left: 20px }
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #13138D;
	text-align: center;
	text-transform: capitalize;
	word-spacing: .1em;
	margin-bottom: 15px }
.h1XL { font-size: 24px; padding-top: 15px }
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #CC0000;
	text-align: center;
	text-transform: capitalize;
	margin-bottom: 15px; }
.h2XL { font-size: 15px; font-style: normal }
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #13138D;
	margin: 0 0 5px 0 }
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #13138D;
	margin: 0 0 5px 0 }
/* apparently hr is different now with xhtml -
style the preceeding para with "no-btm-margin" to avoid browser inconsistancy */
hr {
	border: none;
	border-top: #13138D 3px double;
	height: 3px;
	width: 80%;
	text-align: center;
	margin: 20px auto 20px auto }
.hr-dashed {
	border: none;
	border-top: #C3C3F4 1px dashed;
	height: 1px;
	width: 85%;
	text-align: center;
	margin: 18px auto 18px auto }
	
/* ___________________________________________ CUSTOM STYLES ___________________________________________ */

.h-center { margin: 0 auto 0 auto } /* Doesn't show in authoring on a table, but OK in browsers. */
.p-align-center { text-align: center }
/* Float left or right also needs width specified, so a generic rule isn't practical. Add float to specific class. */
.clear_unused { clear: both } /* Clear is also useful to mimic tables. Forces a new line when there's a floated element above. */
.no-btm-margin { margin-bottom: 0 }
.img-right { float: right; margin: 3px 0 7px 15px }