html, body, #wrapper {height: 100%;} /* sticky footer fix */


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form {
margin: 0;
padding: 0;
color: #48184b;
}

body {
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background: #eff4a4 url('http://knoxmemorialalumni.com/img/bg.jpg') repeat-x fixed top;
color: #000000;
}

h1 {
font-family: Georgia, Sans-serif;
font-size: 24px;
padding: 0 0 10px 0;
}

a:link, a:visited {
text-decoration: underline;
color: #336699;
}

a:hover {
text-decoration: none;
}

p {
padding: 10px 0 0 0;
}

#wrapper {
margin: 0 auto 0 auto;
width: 900px;
height: auto;
min-height: 100%;
text-align: left;
}

#top_header {
background-color: transparent;
float: left;
margin: auto;
width: 900px;
height: 114px;
}

#header {
background:url('http://knoxmemorialalumni.com/img/knox_title.jpg') no-repeat;
float: left;
width: 900px;
height: 208px;
}

/* Non-WP Specific Content falling below Header (clear floats) */
div#kontainer {
width:900px;
padding-bottom: 120px; /* sticky footer fix */
background-color: transparent;
/* background-color: #eff4a4; */
/* border-left: 10px solid #3b113c; */
/* border-right: 10px solid #3b113c; */
clear: both;
}

/* Title Block Formatting */
#title_block {
width:900px;
height:250px;
text-align:center;
margin-bottom:20px;
background:transparent url(http://knoxmemorialalumni.com/img/titleblock.jpg) no-repeat center center; 
}
#title_block img {
width:378px;height:45px;margin-top:39px;
}
#title_block div { margin-top:53px; }
#title_block a { text-decoration:none;color:#ece8a0;font-weight:bold; }
#title_block p {
font:11px Verdana,sans-serif,Arial;
word-spacing: Normal;
text-align: left;
letter-spacing: 1px;
line-height: 13px;
color:white;
padding:0px 120px 0px 120px; 
}
#title_block h2 {
font:bold 16px Verdana,sans-serif,Arial;
word-spacing: Normal;
text-align: center;
letter-spacing: 1px;
line-height: 17px;
color:white;
}
#title_block br {
line-height:6px;
}

/* IFrame Styles */
#lframe { 
width: 740px;
height: 740px;
float: right;
margin: 0px;
padding: 0px;
border: 0px;
}

/* FAQ & KMCSAA Text Tables */
#table {
width:800px;
margin:0 auto;
}
#table p {
clear:both;
width:100%;
margin:0;
font:900 16px Verdana, sans-Serif;
}
#table span {
float:left;
padding:0px 10px;
}
#table span.col1 { 
width:300px;
font:900 16px Verdana, sans-Serif;
background:url(http://knoxmemorialalumni.com/img/col1.png) repeat-y;
}
#table span.col2 {
width:450px;
font:14px Verdana, sans-serif;
background:url(http://knoxmemorialalumni.com/img/col2.png) repeat-y;
}
#table span.col3 {
width:550px;
font:14px Verdana, sans-serif;
background:url(http://knoxmemorialalumni.com/img/col2.png) repeat-y;
}
#table ul li {
width:200px;
list-style:none;
text-align:center;
margin:10px 0px 10px;
background:url(http://knoxmemorialalumni.com/img/col1.png) repeat-y;
}
#table ul li a {
font:900 16px Verdana, sans-Serif;
text-decoration:none;
}
#table2 {
clear:both;
width:450px;
margin:0 auto;
padding-top:15px;
}
#table2 p {
font:14px Verdana, sans-serif;
line-height:16px;
letter-spacing:0px;
padding:0px 10px;
background:url(http://knoxmemorialalumni.com/img/col2.png) repeat-y;
}

/* Redirect page styles */
#rdirect {
width:500px;
height:500px;
margin:0 auto;
padding:250px 0px;
background:url(http://knoxmemorialalumni.com/img/alumbg.jpg) repeat-y;
}
#rdirect p {
font: 900 15px Verdana,sans-serif,Arial;color:white;
padding:20px;
}
#rdirect a {
text-decoration:none;
color:#ece8a0;
}
/*----------------------Menu-------------------------*/
#menu{
width:930px;
height:35px;
float: left;
margin-top: 79px;
padding:0px 0px 0px 0px;
}
#menu ul{
list-style:none;padding:0px;margin:0px;display:block; font-weight:bold;
}
#menu ul li{
list-style:none;
display:inline;
float:left;
width:88px;
height:32px;
padding:0px;
line-height:35px;
font-size:13px;
margin:0 3px 0 3px;
border-top: solid 3px #421242;
border-left: solid 3px #421242;
border-right: solid 3px #421242;
/* background-color: #eff4a4; */
background:url(http://www.knoxmemorialalumni.com/img/menu_bg.jpg) no-repeat;
}
#menu ul li a{
height:32px;
width:88px;
float:left;
text-decoration:none;
padding:0px;
margin:0px;
color:#3b113c;
text-align:center; 
} 
#menu ul li a:hover{
height:32px;
width:88px;
text-decoration:none;
color: #68C2EF;
}
/* Current Page Button Style */
#home #nav-home a, #listings #nav-listings a,
#gallery #nav-gallery a, #yearbook #nav-yearbook a,
#kbod #nav-kbod a, #video #nav-video a, #articles #nav-articles a,
#faq #nav-faq a {
color: #eff4a4; background:url('http://knoxmemorialalumni.com/img/current_b.jpg');
}

/* --------- Yearbook Menu Select Style -------------- */
p#ybook { text-align:center;padding-top:5px; }
#ybook a { font-weight:bold; }
#ybook a:hover { text-decoration:underline; color: #000; }

/* ----------------------Sidebar Style---------------------- */
.sidebar {
float: left;
width: 230px;
background: #eff4a4; 
margin:0 0 0 0px;
display: inline;
border-right: 10px solid #3b113c;
border-bottom: 10px solid #3b113c;
}

.sidebar ul {
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
}

.sidebar ul li {
padding: 10px 0 10px 0;
}

.sidebar ul li h2 {
font-family: Georgia, Sans-serif;
font-size: 14px;
}

.sidebar ul ul li {
padding: 0;
line-height: 24px;
}

/* ----------------------Footer Style-------------------------- */
/*  #footer {
clear: both;
width: 880px;
height: 20px;
background: #eff4a4;
padding: 10px;
text-align:center; 
}  */

#footer {
position: relative;
margin-top: -120px; /* negative value of footer height */
height:120px;
width:900px;
margin:0 auto;
clear:both; 

background:url(http://knoxmemorialalumni.com/img/footer.jpg) no-repeat;
}

/* CLEAR FIX*/
.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 */

/** Footer NAV **/
#fnav {
    height:102px;
		margin-right:20px;
}
#fnav li {
    list-style:none;
    display:inline;
}
#fnav a.email, #fnav a.add, #fnav a.search, #fnav a.dload, #fnav a.gback, #fnav a.subscribe {
		width:79px;
    height:93px;
    text-decoration:none;
    float:right;
		margin-top:20px;
}
#fnav a.email {
    background:url(http://knoxmemorialalumni.com/img/fnav_roll.png) no-repeat 0 0px;
}
#fnav a:hover.email { 
    background-position:0 -93px;
}
#fnav a.add {
    background:url(http://knoxmemorialalumni.com/img/fnav_roll.png) no-repeat -84px 0px;
}
#fnav a:hover.add { 
    background-position:-84px -93px;
}
#fnav a.search {
    background:url(http://knoxmemorialalumni.com/img/fnav_roll.png) no-repeat -168px 0px;
}
#fnav a:hover.search { 
    background-position:-168px -93px;
}
#fnav a.dload {
    background:url(http://knoxmemorialalumni.com/img/fnav_roll.png) no-repeat -251px 0px;
}
#fnav a:hover.dload { 
    background-position:-251px -93px;
}
#fnav a.gback {
    background:url(http://knoxmemorialalumni.com/img/fnav_roll.png) no-repeat -335px 0px;
}
#fnav a:hover.gback { 
    background-position:-335px -93px;
}
#fnav a.subscribe {
    background:url(http://knoxmemorialalumni.com/img/fnav_roll.png) no-repeat -420px 0px;
}
#fnav a:hover.subscribe { 
    background-position:-420px -93px;
}

/* ----------------------Alumni Listings Styles -------------------------- */
/*** Decades Menu styles ***/

#navigation {width:110px; font-size:12px;}
#navigation ul {margin:0px; padding:0px;}

#navigation ul li {
height:auto;
list-style:none;
padding:10px 0px 10px 0px;
cursor:pointer;
}  

#navigation ul li:hover {position:relative;} 

#navigation ul ul {
display:none;
position:absolute;
left:75px;
top:5px;
border:#3b113c solid;
border-width:2px;
background-color:#eff4a4;
}  

#navigation ul li:hover ul {display:block;}

#navigation ul ul li {
width:50px;
height:auto;
float:left;
display:inline;
text-align:center;
line-height:13px;
font:bold 14px verdana;
}

#navigation ul ul li a { text-decoration:none;color:#3b113c; }
#navigation ul ul li:hover { background-color:#3b113c; }
#navigation ul ul li:hover> a {color:white;} 

/*** Alumni Contact List Styles ***/

#class_intro {
 width: 658px;
 font:900 30px Georgia;
 text-align:left;
 line-height:32px;
 letter-spacing:0px;
 padding:6px;
 color:#fff;
}
#tables {
 width:670px;
 margin:10px 0px 10px 0px;
 background:url(http://knoxmemorialalumni.com/img/alumtablebg.jpg) repeat-y;
}
#tables tr td {
 width:33%;
 font: 14px sans-serif; 
 text-align:left;
 vertical-align:top;
 padding:5px;
}
#tables tr td a { text-decoration:none; }

/* New span tag for "Updated" text style */
#tables span { font:9px sans-serif;font-weight:bold;font-style:italic;color:#941619; }

#passed {
 width:670px;
 background:#726bf0 url('http://knoxmemorialalumni.com/img/passbg.jpg') repeat-x top;
 margin:10px 0px 10px 0px;
 padding:8px; /* Ignored by IE: No fix for tables with img bg :( */
 vertical-align:middle;
}
#passed tr td {
 width:33%;
 font: bold 14px sans-serif; 
 color:white;
 padding:10px 0px 10px;
 text-align:center;
}
#passed tr td a { color:#fe9387; }

/* --------------------- Articles Gallery and Lightbox Styles ----------------------- */

.gallery{
          margin:0 auto; padding: 15px 0 0 0;
          overflow:hidden; /* Clears the floats */
          width:85%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
					/* background-color:#eff4a4; */
					background-color:transparent;
        }

.gallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:23.8%;
            margin:0 0 0 1%; padding:0;
            height:250px; 
            position:relative; /* This is the key */
            /* background-color:#eff4a4; */
            background-color:transparent;
          }

.gallery img{
						border:6px solid;
						border-color: #6d5676 #a68db1 #b098b9 #8b7395;
						/* border-color: #8899aa #c7d8e9 #d3e3f3 #aabbcc; */
						margin:0; 
						padding: 0;
				}
				
.gallery div{
						color:#545454;
						font:bold 10px Verdana, Helvetica, sans-serif;
						padding: 4px 14px 0px 14px;
				}

/*** Lightbox Specific Style ***/
#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
	text-align: left;
	background-image: url('http://knoxmemorialalumni.com/media/lbplus/img/overlay.png');
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid #fff;
}
#lightboxOverallView {
	background-image: url('http://knoxmemorialalumni.com/media/lbplus/img/overlay.png');
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000;
	background-image: url('http://knoxmemorialalumni.com/media/lbplus/img/blank.gif');
	filter: Alpha(opacity=50);
}

/* ----------------------Flash Gallery Warning Style ---------------------- */
#getflash {
width:500px;
border-top:1px solid #48184b;
border-bottom:1px solid #48184b;
margin:0 auto;
text-align:center;
margin-top:80px;
}
#getflash p {
font:bold 12px sans-serif;
color:white;
line-height: 13px;
text-align:center;
background-color:#48184b;
padding:15px;
margin:10px 0px 10px 0px;
}
/* ----------------------Flash Upload Style ---------------------- */
#demo-status
{
	background-color:		#F9F7ED;
	padding:				10px 15px;
	width:					420px;
}
 
#demo-status .progress
{
	background:				white url(http://www.knoxmemorialalumni.com/knox-upload/assets/progress-bar/progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}
 
#demo-status .progress-text
{
	font-size:				0.9em;
	font-weight:			bold;
}
 
#demo-list
{
	list-style:				none;
	width:					450px;
	margin:					0;
}
 
#demo-list li.file
{
	border-bottom:			1px solid #eee;
	background:				url(http://www.knoxmemorialalumni.com/knox-upload/assets/file.png) no-repeat 4px 4px;
}
#demo-list li.file.file-uploading
{
	background-image:		url(http://www.knoxmemorialalumni.com/knox-upload/assets/uploading.png);
	background-color:		#D9DDE9;
}
#demo-list li.file.file-success
{
	background-image:		url(http://www.knoxmemorialalumni.com/knox-upload/assets/success.png);
}
#demo-list li.file.file-failed
{
	background-image:		url(http://www.knoxmemorialalumni.com/knox-upload/assets/failed.png);
}
 
#demo-list li.file .file-name
{
	font-size:				1.2em;
	margin-left:			44px;
	display:				block;
	clear:					left;
	line-height:			40px;
	height:					40px;
	font-weight:			bold;
}
#demo-list li.file .file-size
{
	font-size:				0.9em;
	line-height:			18px;
	float:					right;
	margin-top:				2px;
	margin-right:			6px;
}
#demo-list li.file .file-info
{
	display:				block;
	margin-left:			44px;
	font-size:				0.9em;
	line-height:			20px;
	clear
}
#demo-list li.file .file-remove
{
	clear:					right;
	float:					right;
	line-height:			18px;
	margin-right:			6px;
}

/* ----------------------WP Specific Style---------------------- */

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

.post h2 {
font-family: Georgia, Sans-serif;
font-size: 18px;
}

.entry { 
line-height: 18px;
}

p.postmetadata {
border-top: 1px solid #ccc;
margin: 10px 0 0 0;
}

.navigation {
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/* ----------------------WP Specific Style End------------------- */