﻿/* MASTER PAGE STYLES */
body { background-color: #FFF; font: 76% Arial; padding: 0; margin: 0; text-align: center; }
p { color: #000000; font-family: Verdana; font-size: 8.5pt; text-align: left; line-height: 1.5; }
h3 { color: #00457c; }
h1 { color: #00457c; font-family: Georgia, Times New Roman, Verdana, Arial, Helvetica, Sans-Serif; font-size: 22px; font-weight: bold; line-height: 28px; }
div#container_div { text-align: left; width: 990px; height: 800px; margin-left: auto; margin-right: auto; }
div#header_div { width: 990px; height: 189px; background-image: url(header.jpg); background-repeat: no-repeat; }
div#home_content_div { width: 990px; height: 496px; background-image: url(body_bg.jpg); background-repeat: no-repeat; }
div#master_content_div { width: 990px; height: 496px; background-image: url(inside_body_bg.jpg); background-repeat: no-repeat; }
div#content_wrapper { float: left; width: 990px; height: 496px; }
div#leftColumn { float: left; width: 200px; height: 496px; padding-top: 200px; padding-left: 19px; }
div#rightColumn { float: right; width: 747px; height: 446px; background: #dedede url(grey_pixel.jpg) repeat; border: solid 1px #c0c0c0; margin-top: 35px; overflow: auto; overflow-x: hidden; font-size: 12px; padding-left: 5px; padding-right: 5px; padding-top: 5px; margin-right: 10px; line-height: normal; }
div#rightColumn .h1 { color: #00457c; font-family: Georgia, Times New Roman, Verdana, Arial, Helvetica, Sans-Serif; font-size: 22px; font-weight: normal; line-height: 28px; }
div#rightColumn .h3 { color: #00457c; }
div#page_content { float: left; width: 990px; height: 433px; margin-top: 40px; }
div#footer { width: 990px; height: 115px; background-image: url(footer_bg.jpg); background-repeat: repeat-x; color: #000000; font-family: Arial; font-size: 8pt; text-align: center; line-height: 2; padding-top: 30px; }
div#footer a { clear: both; text-align: center; color: #006bc0; text-decoration: underline; }
div#footer a:hover { text-decoration: underline; color: #006bc0; }

/* NAVIGATION MENU */
.topnav { width: 990px; /*width of menu*/ border-style: none; }
.topnav ul { float: left; list-style-type: none; margin-top: 135px; margin-left: 45px; padding: 0; }
.topnav ul li { display: inline; }
.topnav li a { float: left; font: bold 12pt Arial; letter-spacing: 1px; color: #FFFFFF; margin-left: 40px; text-decoration: none; }
.topnav li a:link, .sidenav li a:visited { color: #FFFFFF; }
.topnav li a:hover { color: #44b9fe; }
.topnav li a.selected { color: #44b9fe; }

/* ADMIN NAVIGATION MENU */
div#page_content ul.listnone li, ul.listnone li { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
.leftnav { background: transparent url(leftnav_bg.gif) repeat-y scroll 0 0; float: left; margin-top: 165px; margin-left: 10px; padding: 0; width: 200px; }
.leftnav h2 { background: transparent url(leftnav_h2_bg.gif) repeat-x scroll 0 0; border-bottom: 1px solid #334050; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1.2em; color: #FFFFFF; height: 29px; margin: 0; padding: 12px 0 0 10px; width: 190px; }
.leftnav ul { width: 200px; margin: 0; padding: 0; }
.leftnav li { width: 200px; }
.leftnav li a { background: #5B97BA url(leftnav_a.gif) no-repeat scroll 0 0; border-bottom: 1px solid #46748E; border-top: 1px solid #66A9D1; color: #FFFFFF; display: block; height: 21px; padding: 7px 0 1px 25px; text-decoration: none; width: 175px; }
.leftnav li a:hover { background-position: left bottom; border-bottom: 1px solid #2c6e94; border-top: 1px solid #2c6e94; color: #FFFFFF; }
.leftnav li a.selected { background-position: left bottom; border-bottom: 1px solid #46748E; border-top: 1px solid #46748E; color: #FFFFFF; }

/* ADMIN CONTENT */
div#admin_content { float: left; height: 433px; width: 760px; overflow: auto; overflow-x: hidden; margin-left: 10px; }
.error { color: yellow; }

/* GALLERY PAGE STYLES */
div#gallery { width: 760px; text-align: center; }
div#gallery .item a { float: left; }
div#gallery .item { float: left; width: 150px; height: 100px; border: 1px solid #000; overflow: hidden; }
div#gallery .item .photo { float: left; height: 100px; width: 150px; background-position: center center; cursor: pointer; background-repeat: no-repeat; background-color: #000; }
div#thumbs_gallery { width: 747px; }
div#thumbs_gallery .item a { margin-right: 11px; }
div#thumbs_gallery .item { width: 69px; height: 50px; }
div#thumbs_gallery .item .photo { width: 69px; height: 50px; background-position: center center; cursor: pointer; background-repeat: no-repeat; background-color: #000; }
.RotatorImage { float: left; margin: 0px 11px 0px 0px; cursor: hand; cursor: pointer; }
.RotatorImage .radr_clipRegion { width: 100%; height: 100%; background-color: Transparent; overflow: auto; position: absolute; }
.RadRotator_Default .radr_clipRegion { width: 100%; height: 100%; background-color: Transparent; overflow: auto; position: absolute; }
.LinkText { color: #00457c; }
.button { background-color: #5b97ba; border: 1px #5b97ba outset; padding: 3px; color: white; text-decoration: none; font: bold 12px Verdana; cursor: pointer; }

/* HOME PAGE STYLES */
div#home_gallery_tier1 { position: relative; z-index: 3000; left: 275px; top: 51px; width: 440px; height: 330px; overflow: hidden; background: url(shadow.png) bottom right; }
div#home_gallery_tier1 .photo { text-align: center; position: relative; width: 440px; height: 330px; cursor: pointer; background-color: Black; top: -8px; /* these two define the shadow 'offset'*/ left: -8px; /*...*/ }
div#home_gallery_tier2_left { position: relative; z-index: 2000; left: 80px; top: -175px; width: 204px; height: 153px; overflow: hidden; background: url(shadow.png) bottom right; }
div#home_gallery_tier2_left .photo { position: relative; top: -8px; /* these two define the shadow 'offset'*/ left: -8px; /*...*/ width: 204px; height: 153px; background-position: center; cursor: pointer; background-repeat: no-repeat; background-color: Black; }
div#home_gallery_tier2_right { position: relative; z-index: 2000; left: 706px; top: -330px; width: 204px; height: 153px; overflow: hidden; background: url(shadow.png) bottom right; }
div#home_gallery_tier2_right .photo { position: relative; top: -8px; /* these two define the shadow 'offset'*/ left: -8px; /*...*/ width: 204px; height: 153px; background-position: center; cursor: pointer; background-repeat: no-repeat; background-color: Black; }
div#home_gallery_tier3_left { position: relative; z-index: 1000; left: 10px; top: -442px; width: 120px; height: 76px; overflow: hidden; background: url(shadow.png) bottom right; }
div#home_gallery_tier3_left .photo { position: relative; top: -8px; /* these two define the shadow 'offset'*/ left: -8px; /*...*/ width: 120px; height: 76px; background-position: center; cursor: pointer; background-repeat: no-repeat; background-color: Black; }
div#home_gallery_tier3_right { position: relative; z-index: 1000; left: 868px; top: -520px; width: 120px; height: 76px; overflow: hidden; background: url(shadow.png) bottom right; }
div#home_gallery_tier3_right .photo { position: relative; top: -8px; /* these two define the shadow 'offset'*/ left: -8px; /*...*/ width: 120px; height: 76px; background-position: center; cursor: pointer; background-repeat: no-repeat; background-color: Black; }

/* NEWS PAGE STYLES */
div#news_content { float: right; margin-top: 15px; line-height: normal; }
div#news_archive { float: right; color: #0021e7; padding-top: 5px; padding-right: 10px; }
div#news_archive a { color: #0021e7; text-decoration: none; }
div#news_archive a:hover { text-decoration: underline; color: #0021e7; }
div#photo_wrapper { clear: both; float: left; }
div#news_photo_shadow { position: relative; width: 227px; top: 98px; left: 10px; background: url(shadow.png) bottom right; }
div#news_photo { position: relative; width: 227px; top: -8px; /* these two define the shadow 'offset'*/ left: -8px; /*...*/ background-color: #ded97b; }
div#news_title_format { font-family: Arial; font-weight: bold; font-size: 14pt; color: #2156a7; }

.newsPhoto { padding-top: 10px; padding-left: 10px; padding-bottom: 10px; }
.newsTitle { font-family: Arial; color: #00457c; font-size: 14pt; font-weight: bold; }
.newsDate { font-family: Arial; color: #000000; font-size: 10pt; }
.newsBody { font-family: Arial; color: #000000; font-size: 12pt; }
.archiveLink { font-family: Verdana; font-size: 7.5pt; font-weight: bold; text-decoration: none; color: #2156A6; }
.archivePhoto { float: left; }
.clear { clear: both; }

/* NEWS ADMIN PAGE STYLES */
div.article { font-family: Arial; font-size: 10pt; }
div.article h2 h4 { color: #2156a7; }
div.article h5 { color: Blue; }
div.article a:link, div.article a:visited { color: #2c6e94; text-decoration: none; padding: 0 2px; margin: 0; }
div.article a:hover { color: #000; text-decoration: underline; }

/* FAQ STYLES */
.faqLink { font-family: verdana,arial,helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #00457c; line-height: 18px; text-decoration: none; }

/* CONTACT STYLES */
div#contact a:link { color: #00457c; text-decoration: none; }
div#contact a:hover { text-decoration: underline; color: #00457c; }
div#contact a:visited { color: #00457c; text-decoration: none; }

/* GRADUATES */
.graduates { width: 100%; }
.graduates h3, .graduate h3 { font-size: 1.2em; margin: 0 0 1em 0; padding: 0; }
.graduates h3 a, .graduate h3 a { color: #00457c; text-decoration: underline; }
.graduates h3 a:hover, .graduate h3 a:hover { text-decoration: none; }
.graduates img { border: 1px solid #fff !important; float: left; margin: 0 1em 0 0; padding: 1px; width: 90px; }
.graduates p, .graduate p { color: #000; font-size: 1em; }
.graduates td { padding: 0 0 1em 1em; vertical-align: top; width: 50%; }

.graduate img { border: 1px solid #fff !important; float: left; margin: 0 1em 0 0; padding: 1px; width: 175px; }
