/* Global Styles */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
td {
	font: 11px Arial, Helvetica, sans-serif;
	color: #220104;
	}
	
a {
	color: #8E0B11;
	}
	
a:hover {
	color: #220104;
	}

label {
	font-family: Arial,sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #E3CFCE;
	margin-bottom: 10px;
	text-align: center;
}

form {
	text-align: left;
}

input,
textarea,
select,
button {
	background: #FFFFFF;
	border: 1px solid #220104;
	color: #000000;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	margin: 5px;
	padding: 2px;
	vertical-align: middle;
	font-weight: bold;
}

fieldset {
	 -moz-border-radius: 5px;
}

legend {
	color: #220104;
}

img.floatLeft {
	float: left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
}

img.floatRight {
	float: right;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
}


/* ID Styles */

#navigation ul a:link, #navigation ul a:visited { display: block; }
#navigation ul { list-style: none; margin: 0; padding: 0; }

#navigation a {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #220104;
	text-transform: lowercase;
	line-height: 16px;
	letter-spacing: .1em;
	text-decoration: none;
	display: block;
	padding: 15px 6px 15px 22px;
	border-bottom: 1px solid #E3CFCE;
	}
	
#navigation a:hover {
	color: #E3CFCE;
	font-weight: bolder;
	text-transform: lowercase;
	letter-spacing: .3em;
	border-bottom: 1px dashed #E3CFCE;
	}
	
#navigation a.admin {
	font: 13px Arial, Helvetica, sans-serif;
	background-color: #220104;
	font-weight: bold;
	color: #E3CFCE;
	text-transform: uppercase;
	line-height: 16px;
	letter-spacing: .1em;
	text-decoration: none;
	display: block;
	padding: 15px 6px 15px 22px;
	border-bottom: 1px solid #E3CFCE;
	}
	
#navigation a:hover.admin {
	color: #220104;
	background-color: #E3CFCE;
	font-weight: bolder;
	text-transform: uppercase;
	border-bottom: 1px dashed #E3CFCE;
	}
	
#navheader {
	font: 24px georgia;
	color: #1F2669;
	letter-spacing:.4em;
	padding:10px;
	line-height:30px;
	}
	
#logo 	{
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #8E0B11;
	letter-spacing: .5em;
	line-height: 30px;
	padding-left: 8em;
	width: 100%;
	text-transform: uppercase;
	}

#tagline 	{	
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #E3CFCE;
	letter-spacing: .2em;
	line-height: 14px;
	padding-left: 18em;
	padding-top: 1em;
	text-transform: lowercase;
	}
	 
#dateformat {
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #E3CFCE;
	letter-spacing: .4em;
	padding-left: 2.5em;
	}
	
#dateformat a {
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #E3CFCE;
	letter-spacing: .1em;
	text-decoration: none;
	
	}
	
#dateformat a:hover {
	color: #E3CFCE;
	text-decoration: underline;
	}

#designer {
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #E3CFCE;
	letter-spacing: .4em;
	padding-left: 1.5em;
	}
	
#designer a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #E3CFCE;
	letter-spacing: .2em;
	text-decoration: none;
	
	}
	
#designer a:hover {
	color: #220104;
	}


#box {
	background: url(../images/boxBackground.png);
	margin: 0px;
	padding: 5px 35px;
	width: 163px;
}

#boxBefore {
	background: url(../images/boxTop.png) top center no-repeat; 
	height: 32px;
	width: 233px;
	margin: 0px;
	overflow: hidden;
}

#boxAfter {
	background: url(../images/boxBottom.png) bottom center no-repeat;
	height: 32px;
	width: 233px;
	margin: 0px;
	overflow: hidden;
}

#titleIcon {
	padding-right: 10px;
}

/************* #login styles ***************/

#login {
	width: 70%;
	height: 165px;
	margin-top: 15px;
	padding: 10px;
	border: 1px solid #E3CFCE;
}

#login form {
	margin: 0px;
	padding: 0px;
}

#login label {
	display: block;
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}

#login input {
	float: left;
	margin-bottom: 8px;
	margin-right: 7px;
}

#login .checkbox {
	float: left;
	margin: 0px;
	padding: 0px;
	color: #E3CFCE;
}

#login a {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 11px;
	color: #E3CFCE;
	border-bottom: none;
	text-decoration: none;
	letter-spacing: 0px;
}

#login a:hover {
	padding: 0px;
	margin: 0px;
	font-size:11px;
	color: #220104;
	border-bottom: none;
	text-decoration: underline;
	letter-spacing: 0px;
}

/************* #search styles ***************/

#search {
	width: 70%;
	height: 50px;
	margin-top: 15px;
	padding: 15px;
	border: 1px solid #E3CFCE;
}

#search form {
	margin: 0px;
	padding: 0px;
}

#search label {
	display: block;
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}

#search input {
	float: left;
	margin-bottom: 8px;
	margin-right: 7px;
}

/* Class Styles */
	
.bodyText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #220104;
	line-height: 22px;
	margin-top: 0px;
	letter-spacing: .1em;
	}

/************** .feature styles ***************/

.feature {
	padding: 0px 0px 10px 10px;
}

.feature h3 {
	padding: 30px 0px 5px 0px;
	text-align: center;
}

/************** .story styles *****************/

.story {
	clear: both;
	padding: 10px 0px 0px 10px;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.pageName{
	font: 18px Arial, Helvetica, sans-serif;
	color: #8E0B11;
	line-height: 24px;
	letter-spacing: .4em;
	text-transform: uppercase;
	}
	
.columnHeader {
	font: 17px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #220104;
	line-height: 18px;
	letter-spacing: .75em;
	text-transform: uppercase;
	}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #FF080E;
	line-height:18px;
	letter-spacing:.1em;
	}

.smallText {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFF99;
	}
	
.smallText a {
	color: #FF3300;	
	text-decoration: none;
	padding-left: 8em;
}

.smallText a:hover {
	color: #99CC66;
}

	
.navText {
	font: 11px Georgia, Times New Roman, Times, serif;
	color: #1F2669;
	line-height: 16px;
	letter-spacing: .1em;
	text-decoration: none;
	}

span.headlineTitle {
	color: #8E0B11;
	font-weight: bold;
	text-transform: uppercase;
}

a.tooltip {
	position: relative;
	z-index: 0;
	text-decoration: none;
	}

a.tooltip:hover {
	background-color: transparent;
	z-index: 50;
	}

a.tooltip span {
	display: none;
	background-color: lightyellow;
	padding: 5px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}

a.tooltip:hover span {
	display: block;
	position:absolute;
	visibility: visible;
	left: 30px;
	width: 21em;
	padding: 10px;
	text-align: left;
	}

.error {
	text-align: left;
	width: 75%;
	padding: 1em;
	margin: 2em 0;
	border: 1px solid #CC3300;
	font: 12px times new roman;
	color: #000000;
	}

.error span {
	font: 12px times new roman bold;
	color: #CC3300;
	text-transform: uppercase;
	letter-spacing: .2em;
	}
	
.error ul {
	margin-left: 5px;
	padding-left: 20px;
	}