/*
*********************************************************************
Language:       CSS 1.0
Web Site:       http://www.phoschol.com/
File Path:      /css/
Copyright:      ©2005 Axon Design & Marketing (www.axondm.com)
Created:        2005-01-12 10:10:14
Created by:     Jamie Peloquin
*********************************************************************
*********************************************************************
NOTES:
This document contains styles which are compatible with CSS-1
and higher compliant web browsers.
*********************************************************************
*/
/*
*********************************************************************
LAYOUT PROPERTIES
*********************************************************************
*/
html, body {
	background-color: #FFF;
	padding: 0;
	}

body, div, form, ul, ol, dl {position: relative;}
div, form {margin: 0;}


/* BEGIN: LISTS */
/*ol, ul, dl {margin-top: -.5em;}*/
ol.upper-alpha {list-style-type: upper-alpha;}
ol.lower-alpha {list-style-type: lower-alpha;}
ol.upper-roman {list-style-type: upper-roman;}
ol.lower-roman {list-style-type: lower-roman;}

ul.minindent, ol.minindent {
	margin-left: 1.5em;
	}
* > ul.minindent, * > ol.minindent {
	margin-left: 0;
	padding-left: 1.5em;
	}

ul.menu, ul.nomark, ul.staff_desc {list-style-type: none;}
ul.menu * {list-style-type: none;}
ul.menu {padding: .5em;}

li, dd {margin-bottom: .7em;}

dt {margin-left: 1em;}
dl.faq dt {margin-left: 0;}
dt:before {content: "\B7\A0";}
dl.faq dd {margin-bottom: 1.5em;}
dl.faq dd:before {margin-left: -1.6em;}
/* END: LISTS */


/* BEGIN: TABLES */
table {background-color: #9B9; /* med drab green */}
caption {caption-side: top;}
table th {background-color: #ACA; /* med drab green */}
table td {
	background-color: #FFF;
	vertical-align: top;
	}
table tr.alt td {background-color: #EDFEF3;} /* Light Green */
table.data caption, table.data th, table.data td {
	padding: 5px;
	vertical-align: top;
	}
/* END: TABLES */

/* BEGIN: FORMS */
.buttonimage {
	margin-bottom: -.5em;
	}
/* END: FORMS */

hr {
	margin: 2em 0 2em 0;
	border-style: none;
	border-top: 1px #DEDEFC solid; /* Med Purple */
	height: 1px;
	}

#NewsBox {
	border-bottom: 1px solid #EEB;
	background-color: #FFFFF0; /* light yellow */
	width: 496px;
	}
#NewsBoxList {
	width: 278px;
	padding: 8px 10px;
	margin-bottom: 0;
	}
#NewsBoxSearch {
	width: 148px;
	padding: 8px 10px 8px 40px;
	background-image: url(/images/global/NewsBoxLibraryImage.jpg);
	background-repeat: no-repeat;
	margin-bottom: 0;
	}

#FormLibrarySearch {
	border: 1px solid #EEB;
	border-top-width: 0px;
	background-color: #FFFFF0; /* light yellow */
	padding: 0 10px;
	}


.right {float: right;}
	img.right, object.right {margin-left: 1em;}
.left {float: left;}
	img.left, object.left {margin-right: 1em;}
.nofloat {float: none;}




/*
*********************************************************************
END: LAYOUT STYLES
*********************************************************************
*********************************************************************
BEGIN: CHARACTER STYLES
*********************************************************************
*/
body, blockquote, caption, th, td, li, dt, dd {
	color: #444; /* Dark Gray */
	font-family: 'Lucida Grande', 'Lucida Sans', Lucida, 'Bitstream Vera Sans', sans-serif;
	}

#Content {
	font-size: 11px;
	line-height: 1.3em;
	}

/* BEGIN: HEADERS */
h1, h3, h4, h5 {font-family: 'Lucida Grande', 'Lucida Sans', Lucida, 'Bitstream Vera Sans', sans-serif;}
h1 {
	color: #000; /* black */
	font-size: 19px;
	font-weight: normal;
	}
h2, h3, h4, h5, h6 {line-height: 1.3em;}
h2 {
	font-family: 'Arial Black', 'Helvetica Neue Black', 'Helvetica Black', Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	margin-top: 2em;
	}
h3 {
	font-weight: normal;
	font-size: 14px;
	color: #529; /* purple */
	margin-top: 2em;
	margin-bottom: 0;
	}
h4 {
	font-size: 12px;
	color: #5A2; /* lime green */
	margin-bottom: 0;
	}
h5 {
	font-size: 10px;
	margin-bottom: 0;
	}
/* END: HEADERS */

/* BEGIN: FORMS */
fieldset {margin-bottom: 1.75em;}
legend {font-size: 14px;}
legend, label {font-weight: bold;}
	label + br + * {margin-top: .25em;}
.formfield {margin-bottom: 1.75em;}
/* END: FORMS */


/* BEGIN: LISTS */
h3 + ul, h3 + ol, h3 + dl {margin-top: .5em;}
ul.menu li:before {content: "\203A\A0";}
dl.faq dt:before {content: "Q:\A0";}
dl.faq dt {
	font-weight: bold;
	font-style: normal;
	}
dl.faq dd:before {content: "A:\A0";}
/* END: LISTS */



/* BEGIN: TABLES */
caption, table.data * {font-size: 10px;}
caption {
	text-align: left;
	border: 1px solid #9C9; /* med drab green */
	}
th.row {
	text-align: right;
	background-color: #CEC;
	}
td.price {text-align: right;}
td.button {
	text-align: center;
	vertical-align: middle;
	}
/* END: TABLES */

/* BEGIN: QUOTES */
blockquote {
	color: #BBB; /* light gray */
	font-family: 'Arial Black', 'Helvetica Neue Black', 'Helvetica Black', Arial, sans-serif;
	border-left: 4px #F0FFF0 solid; /* light green */
	padding-left: 1em;
	}

q {
	font-family: 'Arial Black', 'Helvetica Black', sans-serif;
	line-height: 1.5em;
	}
q:before {content: "\201C";}
q:after {content: "\201D";}
/* END: QUOTES */

abbr, acronym {
	font-style: normal;
	border-bottom: 1px #CCC dotted;
	}
abbr:hover, acronym:hover, cite:hover {
	background-color: #FFD;
	cursor: help;
	}

code, tt { font-family: Monaco, Courier, "Courier New", monospace; }
code {color: #666;}

.ImageboxLeft {
	float: left;
	margin-right: 1em;
	}
.ImageboxRight {
	float: right;
	margin-left: 1em;
	}
.ImageboxLeft, .ImageboxRight {
	border: 1px solid #BBB; /* light gray */
	padding: 3px;
	text-align: center;
	}
.ImageboxLeft p, .ImageboxRight p {
	text-align: center;
	margin-top: 0;
	}
#FormLibrarySearch h3 {
	margin: 0 -10px;
}
#NewsBox h3, #FormLibrarySearch h3 {
	color: #9C9;
	font-family: 'Arial Black', 'Helvetica Black', sans-serif;
	font-size: 16px;
	line-height: 28px;
	padding: 0 10px;
	background-color: #FFD;
	border: 1px solid #EEB;
	border-width: 1px 0;
	}

#NewsBoxList h4 {
	margin: 0;
	font-size: 11px;
	color: #333;
	}
#NewsBoxList ul {
	margin-left: 1.5em;
	padding-left: 0;
	}
	
#NewsBoxSearch p {
	font-size: 14px;
	color: #666;
	line-height: 1.3em;
	margin: 0;
	}
#NewsBoxSearch p a {
	font-weight: bold;
	text-decoration: none;
	}
#NewsBoxSearch div {
	margin-top: .5em;
	margin-bottom: 0;
	}
	



.note, .caption {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	color: #888;
	}
.caption {font-style: italic;}

/* BEGIN: LINKS */
a {color: #529;} /* purple */
a:visited {color: #222;} /* dark gray */
a:hover, a:focus {color: #93F;} /* bright purple */
a:active {color: #0C0;} /* bright green */
	a img, a object {border-width: 0;}
	a.ButtonLink {
		display: block;
		width: auto;
		height: auto;
		line-height: auto;
		}
/* END: LINKS */

.error, .alert, .required {color: #F00 !important;} /* red */


/*
*********************************************************************
END: CHARACTER STYLES
*********************************************************************
*********************************************************************
BEGIN: MASTHEAD STYLES
*********************************************************************
*/
#Masthead div {clear: both;}
#MastheadLogoBanner {height: 49px;}
#MastheadLogoBanner h1 {
	line-height: 1em;
	padding-top: 20px;
	}
#MastheadLogo {
	float: left;
	margin-right: 1em;
	}
#MastheadInfoBar, #MastheadInfoBar a {color: #000; /* black */}
#MastheadInfoBar {
	line-height: 18px;
	height: 18px;
	font-size: 10px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	padding: 0 14px;
	border: 1px #CCF solid;
	border-width: 1px 0;
	}

/*
*********************************************************************
END: MASTHEAD STYLES
*********************************************************************
*********************************************************************
BEGIN: NAVIGATION STYLES
*********************************************************************
*/
#NavigationPrimary li {margin-bottom: auto;}
#NavigationPrimary a {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #999;
	}
#NavigationPrimary a:hover, #NavigationPrimary a:focus {background-color: #F8F8FF; /* light purple */}
#NavigationPrimary li {font-size: 12px;}
#NavigationSecondary li {
	font-size: 10px;
	font-weight: normal;
	}
#NavigationSecondary a {color: #666; /* med gray */}
a#NavigationPrimaryMaj, a#NavigationPrimarySub {
	font-weight: bold;
	color: #000; /* black */
	}

/*
*********************************************************************
END: NAVIGATION STYLES
*********************************************************************
*********************************************************************
BEGIN: FOOTER STYLES
*********************************************************************
*/
#Footer {
	font-size: 10px;
	color: #444; /* dark gray */
	}
#FooterLogo {
	float: right;
	width: 170px;
	height: 100px;
	border-left: 1px dashed #000; /* black */
	background-image: url(/images/global/FooterLogoLow.png);
	background-repeat: no-repeat;
	}
#FooterNavigation {
	font-size: 10px;
	line-height: 1.4em;
	}
#FooterAddress {
	border-top: 1px #FFF solid; /* white */
	margin-top: 1.5em;
	line-height: 2em;
	font-style: normal;
	}
#FooterBottom {clear: both;}
#FooterBottom img {display: none;}
/*
*********************************************************************
END: FOOTER STYLES
*********************************************************************
*********************************************************************
BEGIN: ADS STYLES
*********************************************************************
*/
.AdNavigation {
	text-align: center;
	}
/*
*********************************************************************
END: ADS STYLES
*********************************************************************
*********************************************************************
BEGIN: SPECIAL STYLES
*********************************************************************
*/
.first {margin-top: 0;}
.last {margin-bottom: 0;}

.clear_left, .clear_both {clear: left;}
.clear_right, .clear_both {clear: right;}
div.clear_left, div.clear_right, div.clear_both {height: 1px;}


@media screen {
	.hide {display: none;}
	}