/**************************************************************
/  STYLESHEET FOR UNF AXO Website									  /
/	Designed 2008 Aculade, LLC								 			  /
/	Copyright (c) 2008 Aculade, LLC.					 			     /
/	All rights reserved.								  					  /
/ 																				  /
/	DESIGN -- Version 3.0  												  /
/							      											  /
**************************************************************/

/* --- Tag Styles --- */
body { background-image: url("misc/bg.jpg");
   background-repeat: repeat-x;
   background-color: #ffffff;
   color: #444444;
   font-family: "Verdana";
   font-size: small;
   padding: 0px;
   padding-bottom: 20px;
   }
h2 { color: #b81b24;
   text-align: center;
   font-family: "Edwardian Script ITC", cursive;
   font-size: 50px;
   margin: 0px;
	margin-bottom: 10px;
	width: 100%;
	height: 75px;
   }
h3 { text-align: left; color: #3d542a; }
p { text-align: left; }
input.text120 { width: 120px; }


/* --- Special Class Styles --- */
.left {text-align: left; }
.centered { text-align: center; }
.right { text-align: right; }
.bold { font-weight: bold; }
.text24px { font-size: 24px;
   padding-top: 5px;
   }
.grey { color: #777777; }
.red { color: #b81b24; }
.green { color: #3d542a; }
div.centered { margin-left: auto;
   margin-right: auto;
   }
.quote { font-style: italic;
	margin-left: 0px;
	margin-right: auto;
	}



/* --- Links and Event Styles --- */
a, a:link, a:visited { color: #8da47a;
   font-weight: bold; 
   text-decoration: none;
   }
a:hover { color: #3d542a; }
a img { border: none; }


/* --- Element Styles --- */
#main { position: absolute;
   top: 150px;
   width: 99%;
   margin: 0px;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
   z-index: 2;
   }
#paper_top { position: relative;
   margin: 0px;
   margin-top: -100px;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
   width: 820px;
   height: 50px;
   background-image: url("misc/page_top.png");
   background-repeat: no-repeat;
   }
#paper_bottom { position: relative;
   margin: 0px;
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
   width: 820px;
   height: 60px;
   background-image: url("misc/page_bottom.png");
   background-repeat: no-repeat;
   text-align: left;
   }
#paper_bottom div {
   padding-left: 40px;
   font-size: 10px;
   }
#page { position: relative;
   margin: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: -10px;
   padding: 0px;
   width: 820px;
   background-image: url('misc/page.png');
   background-repeat: repeat-y;
   text-align: left;
   }
img.logo {
   height: 100px;
   width: auto;
   margin-top: -20px;
   margin-left: 25px;
   }
h1.title {
   height: 75px;
   margin-top: -100px;
   margin-left: 0px;
   margin-bottom: 15px;
	padding: 0px;
   font-family: "Edwardian Script ITC", "comic sans MS", cursive;
   font-size: 75px;
   font-weight: normal;
   color: #b81b24;
   text-align: center;
   }
div.subtitle {
   height: 20px;
   margin-top: -20px;
   margin-left: 275px;
   margin-bottom: 15px;
	padding: 0px;
   font-family: arial, sans-serif;
   font-size: 20px;
   color: #3d542a;
   }
div#ribbon { position: absolute;
	top: -126px;
	left: 599px;
	height: 300px;
	width: 300px;
	background-image: url("misc/chapofyear.png");
	background-repeat: no-repeat;
	}
div#box { overflow: hidden; }
div#photos {
   margin: 0px;
   margin-left: 20px;
   /*height: 150px;*/
   width: 776px;
   border: #222222 solid 2px;
   border-right: #bbbbbb solid 2px;
   border-bottom: #bbbbbb solid 2px;
	background-color: #8da47a;
   }
div.photos_open { height: 400px; }
#content { position: relative;
   margin: 10px;
   margin-top: 0px;
   width: auto;
   min-height: 300px;
   height: auto !important;
   height: 280px;
   color: #222222;
   text-align: left;
   }
#text { position: relative;
   top: 0px;
   width: 590px;
   margin-left: 160px;
   padding: 20px;
   padding-top: 10px;
   text-align: justify;
   }
#left_nav { position: absolute;
   top: 0px;
   left: 0px;
   margin: 0px;
   padding: 10px;
   }
#left_nav a, #left_nav a:link, #left_nav a:visited {
   display: block;
   width: 139px;
   margin: 0px;
   padding: 6px;
   padding-right: 10px;
   text-align: right;
   color: #3d542a;
   font-size: 12px;
   font-weight: bold;
   border: #ffffff solid 1px;
	/*	background-color: #8da47a; */
	/*	background-image: url("misc/nav_bg.jpg");
		background-repeat: repeat-y;*/
   }
#left_nav a:hover {
   border: #8da47a solid 1px;
   color: #8da47a;
   background-image: url("misc/little_lyre.jpg");
   background-repeat: no-repeat;
   background-position: 5px;
   overflow: hidden;
	   background-color: #ffffff;
   }
#bottom { position: relative;
   width: 300px;
   height: 86px;
   margin: auto;
   margin-top: -35px;
   background-image: url("misc/carnation.png");
   background-repeat: no-repeat;
   }



/* --- Photo Stack Classes --- */
img.small_img_float_right {
	float: right;
	width: 100px;
	height: auto;
	margin-right: 0px;
	margin-left: auto;
	}
/*div.div_float_left {
	clear: both;
	margin-right: 10px;
	}
*/
div.pic_stack { width: 300px;
	height: auto;
	float: right;
	margin-left: 10px;
	margin-right: -10px;
	}
img.pic_stack { width: 300px;
	height: 200px;
	}
div.pic_stack_vertical { width: 200px;
	height: auto;
	float: right;
	margin-left: 10px;
	margin-right: -10px;
	}
img.pic_stack_vertical { width: 200px;
	height: 250px;
	}
div.pic_stack_small { width: 275px;
	height: auto;
	float: right;
	margin-right: -10px;
	}
img.pic_stack_small { width: 275px;
	height: auto;
	}
div.caption {
   font-size: x-small;
	font-weight: bold;
	text-align: center;
	color: #3d542a;
	}
.clear { clear: both; }
/* --- End Photo Stack Classes --- */



/* --- Photo Gallery Classes --- */
#gallery { padding: 0px; overflow: hidden; }
#gallery ul {
	margin: 0px;
	padding: 0px;
	width: 2400px;
	}
#gallery ul li {
	margin: 0px;
	padding: 0px;
	height: 400px;
	width: auto;
	float: left;
	list-style: none;
	}
#gallery ul li img {
	height: 400px;
	width: auto;
	}
/* --- End Photo Gallery Classes --- */




#login {
	position: absolute;
	bottom: 0px;
	right: 10px;
}