/*Default Stylesheet for The Butterflyer
Author:  David Gardner
Last Revised:  06-25-06*/

/*Global Styles*/

body {
	background:#ffffff url(../../media/images/bckgrnd.jpg) no-repeat top center;/*Sets default white background color and then centers a sunrise background for page*/
	color:#2d4879;/*Sets text default color*/
	margin:0;/*Make browser use full window*/
	padding:0;/*Make browser use full window*/
}

.hide {
	position:absolute;/*Removes item from regular page flow*/
	left:-999em;/*Hides item offscreen*/
}

/*Main Content Styles*/

#main {
	background:url(../../media/images/overlay.png);
	width:80%;
	margin:0 auto;
	padding:5px 10px;
	clear:both;
}

.motd {
	background:url(../../media/images/title.png) no-repeat top center;/* Replaces text title that we hid */
	font-weight:bold;/*Beefs up display of text on translucent background*/
	text-align:center;/*Centers the text*/
	margin:0;/*Removes any extra space between this element and others*/
	padding-top:70px;/*Gives room for the background image to be shown above text*/
}

#content {
	clear:both;
}

/*Footer Styles*/

#footer {
	background:url(../../media/images/orangebfly.png) no-repeat bottom right;
	width:80%;
	margin:0 auto;
	padding:5px 10px;
	clear:both;
}

#footer .cb {
	margin-right:160px;
}

/*Site Navigation Styles*/

#nav {
	background:url(../../media/images/overlay.png);
	width:100%;
	float:left;
	margin: 70px 0px 110px 0px;
	padding: 5px 0px 5px 0px;
}

#nav a {
	text-decoration:none;/*Removes line under link*/
	display:block;/*Makes links act as blocks and not inline elements*/
	font-weight:bold;
}

#nav a:hover {
	background:none;
}

#nav ul {
	list-style:none;/*Removes bullets from list*/
	margin:0; /*Removes indents from list*/
	padding:0;/*Removes indents from list*/
}

#nav li {
	float:left;
	width:20%;
}

#nav li a {
	text-align:center;
}

#nav li ul {
	background:url(../../media/images/overlay.png);
	position:absolute;/*Removes item from regular page flow*/
	left:-999em;/*Hides item offscreen*/
	padding:10px;
}

#nav li:hover ul, #nav li.sfhover ul {
	left:auto; /*Resets the 2nd level list items to their natural flow position when the top level list item is moused over*/
}

#nav li ul li {
	float:none;
	width:100%;
	text-align:left;
}

#nav li ul li a {
	text-align:left;
}

#nav li ul li a:hover {
	background:url(../../media/images/overlay.png);
	text-decoration:none !important;
	text-decoration:underline;
}

/*Page navigation styles*/

#pagenav {
	margin-bottom: 10px;;
	float:left;
}

#pagenav a {
	display:block;/*Makes links act as blocks and not inline elements*/
}

#pagenav ul {
	list-style:none;/*Removes bullets from list*/
	margin:0; /*Removes indents from list*/
	padding:0;/*Removes indents from list*/
}

#pagenav li {
	float:left;
	padding:0px 10px;
	border-left:1px solid;
}

#pagenav li.firstnav {
	padding-left:0px;
	border-left:0;
}

/*Text Box Styles*/

.bt {
	background:url(../../media/images/box.png) no-repeat 100% 0;
	margin:0 0 0 30px;
	height:15px;
}

.bt div {
	height:15px;
	width:30px;
	position:relative;
	left:-30px;
	background:url(../../media/images/box.png) no-repeat 0 0;
}

.bb {
	background:url(../../media/images/box.png) no-repeat 100% 100%;
	margin:0 0 0 30px;
	height:15px;
}

.bb div {
	height:15px;
	width:30px;
	position:relative;
	left:-30px;
	background:url(../../media/images/box.png) no-repeat 0 100%;
}

.i1 {
	padding:0 0 0 30px;
	background:url(../../media/images/borders.png) repeat-y 0 0;
}

.i2 {
	padding:0 30px 0 0;
	background:url(../../media/images/borders.png) repeat-y 100% 0;
}

.i3{
	background:url(../../media/images/overlay2.png);
}

.i3 p {
	margin:0;
}

/*Gallery Link Styles*/

.picteaser {
	padding:5px;
	margin:5px;
	border: 1px solid;
	text-align:center;
	width: 165px;
	float:left;
}

/*Table Styles*/

table {
	border:1px solid;
	border-collapse:collapse;
	width:100%;
	margin:1.3em 0;
}

caption {
	font-weight:bold;
}

th {
	background:url(../../media/images/overlay2.png);
}

td {
	padding:5px 10px;
}

tr.even {
	background:url(../../media/images/overlay2.png);
}

/*Definition list styles*/

dt {
	font-weight:bold;
	margin-top:5px;
}

/*Form styles*/

fieldset {
	background:url(../../media/images/overlay2.png);
}

/*Typographic Styles*/

h1 {
	position:absolute;/*Removes item from regular page flow*/
	left:-999em;/*Hides item offscreen*/
}

h2 {
	margin:0;/*Pushes text away from the edge a bit*/
}

h3 {
	margin:0;/*Pushes text away from the edges a bit*/
}

a, a:active, a:visited {
	color:#2d4879;/*Set link colors to all be the same*/
}

a:hover {
	background:url(../../media/images/overlay.png);
}

p.note {
	font-style:italic;
	font-size:.8em;
}

.error {
	font-weight:bold;
	color:#C00000;
}

p.contact {
	font-style:italic;
	font-size:.8em;
	text-align:center;
}