/**
 * @author carrie bickner
 * @author eric meyer
 * @author ryan fait
 * @author tales ebner
 * @description layout style sheet, call this way:
 * link type="text/css" rel="stylesheet" rev="stylesheet" media="screen" href="base.css"
 */
/** 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: #8b0f04;
	background: transparent;
}
a:focus,
a:hover,
a:active {
	color: #ce1100;
	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: 12px "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: #fff url('./images/bg_ornament.gif') top left repeat;
}

/** 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: 50em;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -1.5625em; /* the bottom margin is the negative value of the footer's height */
	background: #fff url('./images/bg_graphism.gif') top left no-repeat;
	border-left: .375em solid #f0cb00;
	border-right: .375em solid #f0cb00;
}

/** header 
 * ================================================================================ 
 */
	#header {
		width: 50em;
		background: transparent url('./images/header_bg.gif') left top no-repeat;
	}
		#header h1 {
			margin: -0.8125em 0 0 1.5625em;
			color: inherit;
			background: transparent url('./images/header_logo.gif') left top no-repeat;
		}
			#header h1 a {
				display: block;
				width: 18.75em;
				height: 5.5625em;
				text-indent: -9000em;
				letter-spacing: -9000em;
				color: inherit;
				background: transparent url('./images/header_logo.gif') left top no-repeat;
			}
		#header h2 {
			margin: -0.3125em 0 0 10.5em;
			color: #8b0f04;
			font: normal normal bold .875em verdana, helvetica, arial, sans-serif;
			background: transparent;
		}
		body:first-of-type #header h2 { font-weight: normal; } /* hack for safari | in the future it can begin to work in others browsers */

/** navigation 
 * ================================================================================ 
 */
	#navigation {
		width: 50em;
		margin-bottom: 1.5625em;
		text-align: center;
		background: transparent url('./images/navigation_bg.gif') left top no-repeat;
	}
		#navigation li {
			display: inline;
			vertical-align: baseline;
		}
			#navigation li a,
			#navigation li a:link,
			#navigation li a:visited {
				text-decoration: none;
				margin-left: .3125em;
				padding: 0 .3125em .25em;
				color: #8b0f04;
				font: normal normal bold .75em/1.5625em verdana, helvetica, arial, sans-serif;
			}
			#navigation li a:focus,
			#navigation li a:hover,
			#navigation li a:active {
				color: #7c3a85;
				background-color: #f3f3f4;
			}
			body:first-of-type #navigation li a { font-weight: normal; } /* hack for safari | in the future it can begin to work in others browsers */

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

/** footer 
 * ========================================================================================== 
 */
#footer {
	position: relative;
	width: 50em;
	height: 1.5625em; /* #footer must be the same height as .push */
	margin: 0 .375em;
	text-align: center;
	color: inherit;
	background: #ece0ee;
}
i { content:"\"/*" } /* hack for ie5.5win and below + ie4mac */
#footer { margin: 0 auto; }
/* */
	#footer address {
		font-size: .575em;
		color: #8b0f04;
		background: transparent;
	}

/** others 
 * ========================================================================================== 
 */
.nodisplay,
.structurelabel {
	position: absolute;
	width: 4000px;
	height: 0;
	left: -9000px;
	font-size: 0;
	text-indent: -9000px;
	letter-spacing: -9000px;
	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; }