/*---------------------------------------
Ryla 6450

media:		screen
author:		kevin zolkiewicz
website:	http://www.zolkiewicz.com/
----------------------------------------*/


/* General */

* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 1em 0; }
.left { float: left; padding: 1em; }
.right { float: right; padding: 1em; }
.clear { clear: both; }
img { border: 0; }

body {
	background: #9ebeae url(/i/background.gif) repeat-x;
	font: 62.5%/1.6 "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
}

div#wrap { width: 765px; margin: 0 auto; }

div#header { position: relative; width: 100%; height: 70px; padding: 0.1em; }
#logoimg { position: absolute; top: 0; left: 0.5em; }
div#header h1 { font-size: 1.9em; color: #002c1f; text-align: right; margin: 0.5em 0.5em 0 0;}

ul#nav { 
	position: absolute; 
	bottom: 0; 
	right: 10px;
	margin: 0.5em 0 0 0; 
	list-style: none; 
}

ul#nav li { float: left; padding-left: 0.5em; font-size: 1.4em; }
ul#nav li a { display: block; padding: 0.1em 0.5em 0 0.5em; font-weight: normal; }
ul#nav li a:link, ul#nav li a:visited { background-color: #678c7a; color: #d3f3e4; text-decoration: none; }
ul#nav li a:hover, ul#nav li a:active { background-color: #004f38; }

#home li#nav-home a, #about li#nav-about a, #calendar li#nav-calendar a, #students li#nav-students a, #apply li#nav-apply a, #files li#nav-files a, #forms li#nav-forms a, #faq li#nav-faq a, #gallery li#nav-photos a, #videos li#nav-videos a, #reunion li#nav-calendar a { background-color: #002c1f; color: #fff; font-weight: bold; }

div#topband { background: url(/i/topbg.gif) no-repeat top; width: 100%; height: 3px; overflow: hidden; }

div#content { background: url(/i/content.gif) repeat-y; padding: 0.1em 1em; overflow: hidden; }

h2 { color: #002c1f; font-size: 1.8em; margin: 0.5em 0 0 0; }
h3 { font-size: 1.4em; font-weight: bold; margin: 0.5em 0 -0.5em 0; }
p, li { font-size: 1.3em; color: #010f0b; }
ul li ul li { font-size: 1em; color: #010fob; margin: 0; }
li ul { margin: 0; }
h2 + p { margin-top: 0; }
a:link, a:visited { font-weight: bold; color: #002c1f; }
a:hover, a:active { font-weight: bold; background-color: #002c1f; color: #FFF; text-decoration: none;}
div#content li { margin: 0 0 0 2em; }

div#footer { clear:both; background: url(/i/footer.gif) no-repeat top; margin-bottom: 1em; padding: 0.7em 0.5em; position: relative; }
div#footer p { color: #002c1f; font-size: 1em; margin: 0; }
img#credit { position: absolute; top: 1.2em; right: 0.5em; }

table#cmshelp { width: 80%; border-color: #002c1f; }
table#cmshelp th { background-color: #9ebeae; font-weight:bold; }
table#cmshelp td { padding: 0.5em; }

.gallerybreadcrumb { font-size: 1.2em; margin-bottom: -10px; }
#gallerytable { width: 100%; }
.title { font-size: 1.2em; }
.thumbs { text-align: center; }
.thumbs img { border: 1px solid #000; }
.thumbs .title { font-weight: bold; font-size: 85%; }
.paginate { font-size: 1.2em; padding: 10px 0; text-align: center; }
.paginate b { padding: 2px; }
.paginate a { padding: 2px 4px; border: 1px solid #002c1f;; }
.paginate a:hover { background-color: #9ebeae}
#imageviewer { text-align: center; }
#imageviewer .prevnext { font-size: 1.1em; padding: 5px 0 10px 0; }
#imageviewer .image img { border: 1px solid #000; }
#imageviewer .title { font-weight: bold; }
#imageviewer .caption { font-style: oblique; }
#imageviewer .windowclose { font-size: 1.2em; font-weight: bold; }

div#fourway { float: left; }
div#leadtheway { float: right; padding-right: 3em; }