/**
 * @author carrie bickner
 * @author eric meyer
 * @author ryan fait
 * @author tales ebner
 * @description layout style sheet, call this way:
 */
/** general with steal these style sheets! | http://www.nypl.org/styleguide/css/opensource.html and eric meyer’s css reset | http://meyerweb.com/eric/tools/css/reset/ 
 * ==================================================================================================== 
 */
/** reset margin and padding 
 * ==========================================================================================
 */
* { margin: 0; }
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,input,textarea,
table,caption,thead,tfoot,tbody,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/** reset list attributes | no list-markers by default, since lists are used more often for semantics 
 * ==========================================================================================
 */
ul,ol { list-style: none; }

/** reset cellpadding and cellspacing | tables still need 'cellspacing="0"' in the markup 
 * ==========================================================================================
 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** turns off gaps around 
 * ==========================================================================================
 */
a img,
:link img,
:visited img,
abbr,fieldset,acronym { border: 0; }
:focus { outline: 0; } /* remember to define focus styles! */

/** reset font attributes 
 * ==========================================================================================
 */
h1,h2,h3,h4,h5,h6,
address,th,
caption,cite,code,dfn,var {
	font-style: normal;
	font-weight: normal;
}
h1,h2,h3,h4,h5,h6,
p,pre,code,kbd {
	font-size: 1em;
	line-height: 1.7em;
}
caption,th { text-align: left; }

/** insert quotes 
 * ==========================================================================================
 */
blockquote, q { quotes: none; }
q:before,
q:after,
blockquote:before,
blockquote:after { content: ''; }

/** anchors 
 * ==========================================================================================
 */
a,
a:link,
a:visited {
	color: #8c0052;
	background: transparent;
}
a:focus,
a:hover,
a:active {
	color: #000;
	background: transparent;
}

/** basic | redundant font selector to help ns4 not forget 
 * ==========================================================================================
 */
body {
	margin: 0;
	padding: 0;
	font: 80%/1.5em verdana, helvetica, arial, sans-serif;
	text-align: center;
}
div,p,
th,td,
li,dd,dl,dt { font-family: verdana, helvetica, arial, sans-serif; }

/** lists 
 * ==========================================================================================
 */
ul,ol,li,dl,dt,dd { line-height: 1.7em; }

/** content 
 * ==========================================================================================
 */
p { line-height: 1.7em; }
code,tt,pre { font: .75em "andale mono", monaco, courier, "courier new", monospace; }
ins { text-decoration: none; } /* remember to highlight inserts somehow! */
del { text-decoration: line-through; }

/** reset margin and padding 
 * ========================================================================================== 
 */
html,body {text-align: left;
	font-size: 100%;
	background-color: #8c0052;
}

/** reset font attributes 
 * ========================================================================================== 
 */
h1,h2,h3,h4,h5,h6,
address,th,
caption,cite,code,dfn,var {
	font-style: normal;
	font-weight: normal;
}

/** basic | redundant font selector to help ns4 not forget 
 * ========================================================================================== 
 */
html,body {
	height: 100%;
	text-align: left;
}

div,p,
th,td,
li,dd,dl,dt { font-family: verdana, helvetica, arial, sans-serif; }

/** specific with sticky footer | http://www.ryanfait.com/sticky-footer/
 * ==================================================================================================== 
 */
/** wrapper 
 * ========================================================================================== 
 */
.wrapper {
	width: 56.25em;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -1.563em; /* the bottom margin is the negative value of the footer's height */
	background: #e8e8e8 url('../images/bg_lustre.gif') top right no-repeat;
	border-left: .375em solid #000;
	border-right: .375em solid #000;
}

/** header 
 * ================================================================================ 
 */
	#header { width: 56.25em; }
		#header h1 {}
			#header h1 a {
				display: block;
				margin: 0 auto;
				padding: .313em 0 2em;
				width: 18.75em;
				height: 4.438em;
				text-indent: -9000em;
				letter-spacing: -9000em;
				color: inherit;
				background: transparent url('../images/header_logo.png') left center no-repeat;
			}
			/* \*/
			* html #header h1 a {
				color: inherit;
				background: transparent url('../images/header_logo.gif') left top no-repeat;
			}
			/* */

/** navigation 
 * ================================================================================ 
 */
	#navigation {
		width: 56.25em;
		margin-bottom: 1.5625em;
		text-align: center;
	}
		#navigation li {
			display: inline;
			vertical-align: baseline;
			font-weight: bold;
		}
			#navigation li span,
			#navigation li a,
			#navigation li a:link,
			#navigation li a:visited {
				text-decoration: none;
				margin-left: .3125em;
				padding: 0 .3125em .25em;
				color: #8c0052;
				font: normal normal bold .875em/1.5625em verdana, helvetica, arial, sans-serif;
			}
			#navigation li span,
			#navigation li a:focus,
			#navigation li a:hover,
			#navigation li a:active {
				color: #000;
				background-color: inherit;
			}x
			body:first-of-type #navigation li a { font-weight: bold; } /* hack for safari | in the future it can begin to work in others browsers */
			#navigation li span { cursor: default; }

/** push 
 * ================================================================================ 
 */
	.push { height: 1.563em; } /* .push must be the same height as #footer */

/** footer 
 * ========================================================================================== 
 */
#footer {
	position: relative;
	width: 56.25em;
	height: 1.563em; /* #footer must be the same height as .push */
	margin: 0 .375em;
	text-align: center;
}
i { content:"\"/*" } /* hack for ie5.5win and below + ie4mac */
#footer { margin: 0 auto; }
/* */
	#footer address { font-size: .625em; }
		#footer address a,
		#footer address a:link,
		#footer address a:visited {
			color: #000;
			background-color: inherit;
			text-decoration: none;
		}
		#footer address a:focus,
		#footer address a:hover,
		#footer address a:active { text-decoration: underline; }

/** others 
 * ========================================================================================== 
 */
.button,
.button:link,
.button:visited,
.button:focus,
.button:active {
	display: -moz-inline-box; /* works only in firefox 2 or below */
	display: inline-block;
	height: 20px;
	margin: 0 4px 0 0;
	padding: 0 0 0 17px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #606f84;
	font: normal normal normal 10px/18px verdana,helvetica,arial,sans-serif;
	background: transparent url('../images/bt_content_left.gif') no-repeat;
}
	.button strong,
	.button:link strong,
	.button:visited strong,
	.button:focus strong,
	.button:active strong {
		display: block;
		padding: 0 17px 3px 0;
		font-weight: normal;
		color: #606f84;
		background: transparent url('../images/bt_content_right.gif') right top no-repeat;
	}
.button:hover { background: transparent url('../images/bt_content_left_hover.gif') no-repeat; }
	.button:hover strong {
		color: #00086e;
		background: transparent url('../images/bt_content_right_hover.gif') right top no-repeat;
	}
.inputbutton {
	height: 20px;
	margin: 0 4px 0 0;
	padding: 0 0 0 17px;
	cursor: pointer;
	text-align: center;
	color: #606f84;
	font: normal normal normal 10px/18px verdana,helvetica,arial,sans-serif;
	background: transparent url('../images/bt_content_input.gif') no-repeat;
}
.inputbutton:hover { background: transparent url('../images/bt_content_input_hover.gif') no-repeat; }

.nodisplay,
.structurelabel {
	position: absolute;
	width: 250em;
	height: 0;
	left: -9000em;
	font-size: 0;
	text-indent: -9000em;
	letter-spacing: -9000em;
	text-decoration: none;
}
.nojava {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	padding: 3px 5px 5px;
	color: #000;
	background: #ffd;
	border-bottom: 1px dashed #cfb9d6;
}
.nojava:hover {
	color: #fff;
	background: #005;
}
	.nojava p { font: normal normal normal 11px/15px Tahoma, sans-serif; }