/* CSS Document */

@import url("reset.css");

body {
	background: #f0f0f0;
	color: #000;
	font: 13px/normal Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
}
html {
	font: 13px/normal Arial, Helvetica, sans-serif;
	min-height: 100%; /*  Get rid of Page Shift Persistent Vertical Scrollbar	*//*margin-bottom: 1px;*/
}

/*
FORM STYLING
*/
form {
	margin: 0;
	padding: 0;
}
.formInput {
	background: #818181;
	border: thin groove #000000;
	color: #FFF;
	font: normal 14px/normal Verdana, Arial, Helvetica, sans-serif;
}

/*
LINKED IMAGE BORDER REMOVAL
*/
a img {
	border: none;
}

/*
ACCESSIBLE HIDE: HIDE FROM VIEWER BUT IS READABLE BY SCREENREADERS
*/
.hide {
	position: absolute;
	left: -3000px;
}

/*
MAKES THE HR CONSISTENT ACROSS BROWSERS
*/
hr {
	background: #333;
	border: 0;
	color: #333;
	height: 1px;
	margin: 0.5em 0 0.5em 0;
}

/*
LINKS
*/
a {
	color: #990033;
}
/*
HEADINGS
*/
h1 {
	color: #333;
	font: bold 24px/normal Helvetica, Arial, Verdana, sans-serif;
}
h2 {
	color: #990033;
	font: bold 18px/normal Helvetica, Arial, Verdana, sans-serif;
}
h3 {
	color: #666;
	font: italic 18px/normal Georgia, "Times New Roman", Times, serif;
	padding: 10px 0 0 0;
}
h3 a {
	color: #666;
	text-decoration: none;
}
h3 a:hover {
	background: #666;
	color: #FFF;
}
h4 {
	color: #990033;
	font: 12px Helvetica, Arial, Verdana, sans-serif;
	padding: 10px 0 0 0;
	text-transform: uppercase;
}
h5 {
	color: #333;
	font: bold 16px Helvetica, Arial, Verdana, sans-serif;
}
h6 {
	color: #990033;
	font: bold 11px Helvetica, Arial, Verdana, sans-serif;
	padding: 10px 0 0 0;
	text-transform: uppercase;
}
h6 a {
	text-decoration: none;
}
h6 a:hover {
	color: #333;
}

p {
	font: 13px Helvetica, Arial, Verdana, sans-serif;
	line-height: 130%;
	padding: 0 0 20px 0;
}
p a {
	color: #990033;
}
p a:hover {
	background: #990033;
	color: #FFF;
	padding: 1px 0;
}
blockquote {
	background: #ffff99;
	border:1px solid #76451c;
	color: #333;
	margin: 2px 2px 2px 10px;
	padding: 10px;
	width: 80%;
}
blockquote a {
	color: #0c8041;
}
blockquote a:hover {
	background: #0c8041;
	color: #FFF;
	padding: 1px 0;
}
ol {
	color: #333;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 35px;
}
ul {
	color: #333;
	font: 13px Helvetica, Arial, Verdana, sans-serif;
	margin: 10px;
}
li {
	color: #333;
	font: 13px Helvetica, Arial, Verdana, sans-serif;
	line-height: 130%;
	list-style-image: url("images/arrow-li.gif");
	margin: 0 0 5px 10px;
	text-decoration: none;
}
li a {
	color: #990033;
}
li a:hover {
	background: #990033;
	color: #FFF;
	padding: 1px 0;
}

/*
WRAPPERS
*/
#pageWrapper {
	background: #f0f0f0;
	margin: 0;
	padding: 0;
}
#layoutWrapper {
	border: 1px solid #999;
	margin: 0 auto;
	padding: 0;
	width: 994px;
}

/*
HEADER STYLES
*/
.hdrBox {
	background: #5c5a54;
	height: 70px;
	padding: 10px;
}
#hBox {
	float: left;
	width: 340px;
}
#hBox h1 {
	color: #FFF;
	font: italic 24px Georgia, "Times New Roman", Times, serif;
}
#hBox h2 {
	color: #CCC;
	font: bold 12px/normal Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
}
/*
HEADER NAV
*/
#tNavBox {
	float:left;
	margin: 30px 0 0 0;
	width: 620px;
}
ul#tNav {
	list-style-type:none;
	margin:0;
}
ul#tNav li{
	background: #FFF;
	display:block;
	float:left;
	font: bold 12px Helvetica, Arial, Verdana, sans-serif;
	margin: 0 0 0 1px;
	padding: 15px 0 10px 3px;
	text-transform: uppercase;
}
ul#tNav li.left{
	margin:0;
}
ul#tNav li a{
	background:#990033;
	color:#fff;
	display:block;
	float:left;
	text-decoration:none;
	padding: 5px 5px 5px 8px;
}
ul#tNav li a.right{
	padding-right:17px;
}
ul#tNav li a:hover{
	background:#CCC;
	color: #990033;
}
ul#tNav li a.current{
	color:#CCC;
	background:#fff;
}
ul#tNav li a.current:hover{
	color:#333;
	background:#fff;
}

/*
MAIN BOX
*/
#mainBox {
	padding: 10px 0 0 0;
	width: 994px;
}
.leftBox {
	float: left;
	margin: 0 10px 10px 10px;
	width: 225px;
}
.leftBox h1 {
	color:#990033;
	font: 16px Helvetica, Arial, Verdana, sans-serif;
	padding: 10px 0 0 0;
}
.leftBox h1 a {
	color: #990033;
	text-decoration: none;
}
.leftBox h1 a:hover {
	color: #990033;
	text-decoration: none;
}
#photoBox {
	height: 144px;
	width: 225px;
}
.stickieBox {
	background: url("images/stickie.gif") no-repeat;
	height: 225px;
	width: 225px;
}
.stickieBox p {
	font: 12px Comic Sans MS, Comic Sans, Marker Felt;
	text-align: center;	
}
.stickieBox p a {
	color: #990033;
}
.stickieBox p a:hover {
	color: #FFF;
}
/*
START JAVASCRIPT TEXT ROTATOR CSS
*/
#dropcontentsubject {
	font: 14px Comic Sans MS, Comic Sans, Marker Felt;
	height: 150px;
	margin: 1px;
	padding: 60px 20px 20px 20px;
	text-align:center;
}
.dropcontent {
	display:block;
}
/*
END JAVASCRIPT TEXT ROTATOR CSS
*/

/*
SEARCH BOX STYLES
*/
.searchBox {
	margin: 0;
	padding: 0 0 0 14px;
	width: 211px;
}
.searchInputBox {
	float: left;
	height: 23px;
	margin: 0;
	padding: 0;
	width: 180px;
}
.searchInputBox input {
	border: 1px solid #a2a2a2;
	color: #000000;
	float: left;
	font: normal 11px/normal Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
	padding: 3px 3px 1px 3px;
	width: 170px;
}
.searchBtnBox {
	float: left;
	height: 22px;
	margin: 0;
	padding: 0 0 0 5px;
	width: 25px;
}

.cBox {
	background: #FFF url("images/pageCurl.gif") no-repeat;
	border-bottom: 3px solid #990033;
	float: left;
	margin: 0 10px 0 10px;
	padding: 40px 10px 0 10px;
	width: 699px;
}
#cBoxTop {
	margin: 0 0 30px 100px;
	padding: 0;
}
.cBoxContent {

	font-size: 12px;

	margin: 0;

	padding: 0;

}

.cBoxContent img.floatLeft {

	border: 1px solid #000000;

	float: left;

	margin: 0 8px 8px 0;

	padding: 0;

}

.cBoxContent img.floatLeft02 {

	float: left;

	margin: 0 10px 20px 0;

	padding: 0;

}

.cwrap01 {
	font: 12px Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0 0 10px 0;
}

/*.cwrap01 h1, .c100 h1 {
	color: #000000;
	font: bold 24px Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}
 .cwrap01 h1, .c100 h1 {
	color: #000000;
	font-size: 36px;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 2px 0;
	padding: 0 0 6px;
} 
.cwrap01 h2 {
	color: #F68428;
	font: bold 20px/normal Arial, Helvetica, sans-serif;
	margin: 0 0 5px;
}
.cwrap01 h3 {
	color: #F68428;
	font: bold 18px/normal Arial, Helvetica, sans-serif;
	margin: 0 0 5px;
}*/
.borderNone {
	border: 1px solid transparent;
	_background-color: #FFFFFF; /*For IE6-*/
	/* Fix for IE6 NOT understanding transparent borders */
	/*set an unused color to be index color*/
	_border-color:nocolour; /*For IE6-*/
	/*then remove this indexed color*/
	_filter:chroma(color=nocolour);/*For IE6-*/
}
.borderEven {
	border: 1px solid #D3D1C0;
}
.borderOdd {
	border: 1px solid #E0DECC;
}
.borderStd {
	border: 1px solid #7F7F7F;
}
.borderDashed {
	border: 1px dashed #7F7F7F;
}
.borderTable {
	border-top: 1px solid #D3D1C0;
	border-left: 1px solid #D3D1C0;
}
.borderTable td {
	border-right: 1px solid #D3D1C0;
	border-bottom: 1px solid #D3D1C0;
}
.borderTrans {
	border: 1px solid transparent;
	_background-color: #FFFFFF; /*For IE6-*/
	/* Fix for IE6 NOT understanding transparent borders */
	/*set an unused color to be index color*/
	_border-color:nocolour; /*For IE6-*/
	/*then remove this indexed color*/
	_filter:chroma(color=nocolour);/*For IE6-*/
}
.bHover:hover {
	border: 1px dashed #7F7F7F;
}
.cHover:hover {
	background-color: #FFFFCC;
}
.colorEven {
	background: #EFEFEF;
}
.colorOdd {
	background-color: #f7f7f7;
}
/* .c25:hover, .c33:hover, .c50lt:hover, .c50rt:hover, .c67:hover, .c75:hover, .c100:hover {
	background-color: #FFFFCC;
} */
.c100 {
	font: 12px Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 7px;
}
.c25 {
	float: left;
	margin: 0;
	padding: 7px;
	width: 23%;
}
.c33 {
	float: left;
	margin: 0;
	padding: 7px;
	width: 32%;
}
.c50lt {
	float: left;
	margin: 0 7px 0 0;
	padding: 7px;
	width: 47%;
}
.c50rt {
	float: left;
	margin: 0;
	padding: 7px;
	width: 47%;
}
.c67 {
	float: left;
	margin: 0 7px 0 0;
	padding: 7px;
	width: 62%;
}
.c75 {
	float: left;
	font: 12px Helvetica, Arial, Verdana, sans-serif;
	margin: 0 7px 0 0;
	padding: 7px;
	width: 71%;
}
.c25 ul, .c33 ul {
	list-style-position: inherit;
	margin: 0;
	padding: 0 0 0 0px;
}
.c25 li, .c33 li {
	margin: 0 0 8px 0;
}

/*
FOOTER
*/
#footer {
	background: #666;
	height: 60px;
	margin: 0 2px;
	padding: 20px;
}
#footer p {
	color: #FFF;
}
#footer p a {
	color: #ffff99;
}
#footer p a:hover {
	background: #ffff99;
	color: #333;
	padding: 1px 0;
}
#f1 {
	float: left;
	width: 180px;
}
#f2 {
	float: left;
	text-align: center;
	width: 590px;
}
#f3 {
	float: left;
	text-align:right;
	width: 180px;
}

/*
FLOAT
*/
img.floatLeft {
	float: left;
	margin: 0;
	padding: 0;
}
img.floatLeftb {
	border: 1px solid #990033;
	float: left;
	margin: 0 8px 8px 0;
	padding: 4px 4px 4px 4px;
}
img.floatRight {
	float: right;
	margin: 0 8px 0 8px;
	padding: 4px 0 4px 4px;
}
img.floatRightb {
	border: 1px solid #990033;
	float: right;
	margin: 0 8px 0 8px;
	padding: 4px 4px 4px 4px;
}
div.floatLeft {
	float: left;
	margin: 0 8px 8px 0;
	padding: 4px 4px 4px 0;
}
div.floatRight {
	float: right;
	margin: 0 8px 0 8px;
	padding: 4px 0 4px 4px;
}
.imgbrdr {
	border: 1px solid #990033;
	margin: 0 8px 8px 0;
	padding: 6px;
}

/*
FLOAT CLEARING
*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/*
Hides from IE-mac
*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*
End hide from IE-mac
*/

#topprint {
	font-size: 0.7em;
	padding: 0 5px 5px 0;
	text-align: right;
}
#topprint a {
	color: #990033;
	padding: 0;
	text-align: right;
}
#topprint a:hover {
	background: #990033;
	color: #FFF;
	padding: 1px 0;
}

/*
COMMENT STYLING
*/
.comment {
	background: #990033;
	color: #FFF;
	font: Arial, Helvetica, sans-serif;
	margin: 20px 0 0 0;
	padding: 0 10px 0 10px;
}
.comment-footer {
	background: url(images/bgFooter.gif) no-repeat;
	border-bottom: 1px dotted #333;
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
}