/* 
	NIU Alumni Band Website CSS 
	
	Created by: Kevin P. Wojdak, kwojdak@usa.net
	            www.wojzworld.com

*/

/* ELEMENTS */
body {
	background-color: #efead6;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

sup {
	font-size: 10px;
}

img {
	border: none;
}

td {
	vertical-align: top;
	padding-right: 10px;
}

a {
	color: #ffffff;
	text-decoration: none;
}

a.linksoverlay {
	color: #dc143c;
	background-color: #fff;
	font-weight: bolder;
	filter: alpha(Opacity=80);
	text-decoration: none;	
	text-align: center;
	z-index: 2;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 18px;
}

a.invlink {
	color: #000000;
	text-decoration: none;
}

a.footLinks {
	color: #ffff00;
	text-decoration: none;
}

a.bodyLink {
	color: #d62931;
	text-decoration: none;
}

.boldlinks {
	color: #dc143c;
	text-decoration: none;
	font-weight: bold;
}


a:hover.links {
	color: #848484;
	text-decoration: underline;
}

a:hover.linksoverlay {
	color: #fff;
	filter: alpha(Opacity=10);
}

a:hover.invlink {
	color: #848484;
	text-decoration: underline;
}

a:hover.boldlinks {
	color: #848484;
	font-weight: bold;
	text-decoration: underline;
}

a:hover.bodyLink {
	color: #b22222;
	text-decoration: underline;
}





a:hover.actionButton {
	color: #000000;
	background-color: #efefef;
}

a:hover.picLink {
	text-decoration: none;
	border: none;
}

a:hover.footLinks {
	color: #ffffff;
	text-decoration: underline;
}

h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 20px;
	line-height: 24px;
	font-weight: bold;
}

h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18px;
	font-weight: bold;
}

h3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight: bold;
}

h4 {
	font-size : 14px;
	font-weight: bold;
	font-family : Arial, Helvetica, sans-serif;
	line-height: 20px;
}

h5 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: bold;
}

p {
	line-height: 16px;
	font-size: 12px;
}



ul {
	list-style: square;
	font-size: 12px;
}

li {
	font-size: 12px;
}

/* General Classes */
.bold {
	font-weight: bold;
}

.boldItal {
	font-weight: bold;
	font-style: italic;
}

.center {
	text-align: center;
}

.boldCenter {
	text-align: center;
	font-weight: bold;
}

.italCenter {
	text-align: center;
	font-style: italic;
}

.ital {
	font-style: italic;
}

.centerClear {
	text-align: center;
	clear: both;
}

.red {
	color: #d62931;
}

.redCenter {
	color: #d62931;
	text-align: center;
}

.redBold {
	color: #d62931;
	font-weight: bold;
}

.clear {
	clear: both;
}

.floatRight {
	margin: 5px 0px 5px 10px; 
	border: none;
	float: right;
}

.floatLeft {
	margin: 5px 10px 5px 0px; 
	border: none;
	float: left;
}

.divEnvelopeRel {
	position: relative;
	width: 100%;
}

.sheet {
	border: 1px solid #c0c0c0;
	width: 100%;
	background-color: #ffffff;
	padding: 25px 25px 25px 25px;
}


#leftNav {
	position: absolute;
	top: 238px;
	left: 1px;
}
.leftNav {
	width: 177px;
	height: 200px;
	padding: 0;
	margin: 0;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

.btnLeftNav {
	position: relative;
	color: #fff;
	background-color: #000;
	width: 177px;
	height: 15px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	left: 0px;
	text-decoration: none;
	padding: 7px 0px 7px 0px;
	text-transform: uppercase;
}

.btnLeftNavActive {
	position: relative;
	width: 177px;
	height: 15px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
	background-color: #d61821;
	left: 0px;
	text-decoration: none;
	padding: 7px 0px 7px 0px;
	cursor: default;
	text-transform: uppercase;
}



.btnLeftNavSub {
	position: relative;
	color: #000000;
	width: 177px;
	padding: 7px 0px 7px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	background-color: #dedede;
	height: 15px;
	left: 0px;
	text-decoration: none;
	text-transform: uppercase;
}




.btnLeftNavSubActive {
	position: relative;
	width: 177px;
	height: 15px;
	left: 0px;
	text-decoration: none;
	color: #000000;
	background-color: #a6a6a6;
	padding: 7px 0px 7px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	cursor: default;
	text-transform: uppercase;
}


.actionButton {
	color: #000000;
	background-color: #bbbbbb;
	width: 150px;
	padding: 4px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	border: 3px double #000000;
}

.txtFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #fff;
}




.prevPage {
	position: absolute;
	left: 20px;	
}

.nextPage {
	position: absolute;
	right: 20px;
}

.nextInfo {
	position: relative;
}

/* Specific Elements */
#alumnibase {
	position: absolute;
	top: 3px;
	left: 10px;
}

/* Header */
#headerText {
	position: absolute;
	top: 3px;
	left: 178px;
}

.headerText {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	width: 622px;
	height: 55px;
	color: #000;
}

.txtDesign {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	width: 622px;
	height: 55px;
	color: #d61821;
}

#designHdr {
	position: absolute;
	top: 75px;
	left: 178px;
}

.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 5px;
}

.header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 2px;
	font-size: 18px;
}

#hdrCorner {
	position: absolute;
	top: 63px;
	left: 0px;
	height: 150px;
	width: 561px;
	border: none;
}


.sideExtender {
	position: relative;
	left: 1px;
	width: 177px;
	background-color: #000;
}

#sideExtendIndex {
	position: absolute;
	top: 674px;
	height: 920px;
}

#sideExtendHistory {
	position: absolute;
	top: 674px;
	height: 1720px;
}

#sideExtend {
	position: absolute;
	top: 618px;
	height: 380px;
}

#headerExtend {
	position: absolute;
	top: 65px;
	left: 561px;
}

.headerExtend {
	height: 85px;
	width: 1500px;
	background-color: #000;
	color: #fff;
}

#navTopExtend {
	position: absolute;
	top: 213px;
	height: 25px;
}





/* Footer */
.footer {
	height: 80px;
	width: 800px;
}

#footer {
	position: absolute;
	left: 0px;
	top: 1015px;
}

#footerIndex {
	position: absolute;
	left: 0px;
	top: 1522px;
}

#footerHistory {
	position: absolute;
	left: 0px;
	top: 2382px;
}

#footerMoreInfo {
	position: absolute;
	top: 40px;
	left: 178px;
}

#footerMaintained {
	position: absolute;
	top: 90px;
	left: 178px;
	font-style: italic;
}


#footerCopyright {
	position: absolute;
	top: 70px;
	left: 178px;
}

.txtFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	height: 20px;
	width: 622px;
	text-align: center;
}



#footerBkgd {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 130px;
	width: 214px;
	border: none;
}

#footerExtend {
	position: absolute;
	left: 214px;
	top: 35px;
	height: 84px;
	line-height: 84px;
	background-color: #000;
	width: 1300px;
}

#footerTagline {
	position: absolute;
	top: 10px;
	left: 200px;
}




/* Page Content */
#pgContent {
	position: absolute;
	top: 210px;
	left: 178px;
	padding-right: 10px;
	padding-left: 20px;
	width: 622px;
	height: 500px;
}




.dateHeader {
	border-bottom:solid 1px #c0c0c0;
	font-size:18px;
	text-align:left;
	margin-top:30px;
	width:300px;
	margin-bottom:0px;
	color:gray;
	font-weight:bold;
}

.post {
	margin-bottom:20px;
	font-size:15px;
	padding-right:15px;
	line-height:22px;
}

.postFooter {
	margin-bottom:10px;
	margin-left:0px;
	color: #808080;
	font-size:10px;
}

.postTitle {
	font-size : 16px;
	font-weight: bold;
}



.fillWindow {
	height: 100%;
	width: 535px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: transparent;
	border: none;
	margin: 20px 20px 20px 20px;
}

/* Rotating Images */
#picFrame {
	position: absolute;
	left: 5px;
	top: 50px;
	width: 167px;
	height: 119px;
	z-index: 1;
	border: none;
}

#picRotate {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 119px;
	width: 167px;
	border: none;
}

/* Main content area */
#imgBandHuskie {
	text-align: center;
	margin-left: 175px;
}

.imgBandHuskie {
	width: 230px;
	height: 411px; 
	border: none;
}