/*<!-- Rel 2007 "Skyline" Example Set -->*/
/*<!-- This File Last Changed: 24 April 2008 -->*/

/*Archives*/

#archive {
	width: 250px;
	float: left; 
	margin:10px;
	padding: 10px;
	font-size: 14px;
}

#archive .caption {
	font-weight: bold;
	width: 100px;
	}

#archive td {
	border-right: 1px solid gray;
	border-top: 1px solid gray;	
	padding: 5px;
}

#archive .one {
	width: 200px;	
}

#archivepic { 
	position: relative;
	float: right;
	width: 375px;
	margin: 10px;
	border: 0px;
	padding: 5px;	
}

#mainpic {
	z-index: 1;
	position: absolute;	
	top: 300px;
	left: 350px;
}

#photopic {
	position: relative;	
	left: 120px;
}
#searchpic {
	float:right;
}

#yearpic {
	position: relative;
	margin-top:10px;	
	left: 150px;
}

#mediapic {
	position: relative;
	margin-top:10px;	
	left: 130px;
}

#internalpic {
	position: relative;	
	left: 150px;
}


#collection {
	background-color: #FFFFFF;
	width: 90%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid gray;
}

#resultbox {
	position: relative;
	margin: auto;
	padding: 10px;
	width: 550px;
	font-family: bookman, serif, arial;
	}
	
#searchbox {
	clear: left;
	position: relative;
	width: 300px;
	margin: 10px;
	font-size: 14px;
	font-family: book antiqua, serif, arial; 
	padding: 5px;
	border: 1px solid gray;
}

#searchbox2 {
	
	position: relative;
	top: 175px;
	left: -80px;
	width: 300px;
	height: 200px;
	margin: 10px;
	font-size: 16px;
	font-family: book antiqua, serif, arial;
	padding: 5px;
	
	
}

#archivebox {
	clear: left;
	position: relative;
	width: 300px;
	margin: 0px;
	font-size: 16px;
	font-family: bookman, serif, arial; 
	padding: 5px;

}

#return {
	clear: left;
	position: relative;
	width: 200px;
	font-size: 16px;
	font-family: book antiqua, serif, arial; 
	margin: 10px;
	padding: 2px;
}

#bigboxmain {
	width: 250px;
	height: 200px;
	margin: auto;
	padding: 5px;
	border: 1px solid gray;
}

#bigboxmain2 {
	width: 250px;
	height: 150px;
	margin: 5px;
	padding: 10px;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
}

#bigboxmain3 {
	width: 250px;
	height: 150px;
	margin: 5px;
	padding: 10px;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
}

#indent {
	font-size: 16px;
	text-indent: 35px;
	padding: 5 0 0 0;	
}





/* main page*/
 
#dl .head {
	font-size: 14px;
	padding-left: 10px;
}

#dl .sub {
	font-size: 12px;	
}

#dl .indent {
	font-size: 14px;
	text-indent: 35px;
	padding: 5px 0 0 0;	
}	
		
#dl .more2 {
	font-size: 14px;
	text-align: right;
	padding-right: 20px;
}

#quote {
	font-style: italic;
	font-family: book antiqua;
	text-align: center;
	font-size: 16px;
	margin: 10px;
}

#box{
	width: 400px;
	margin: 10px;
	float:right;
}

#table{ 
	width: 100%;
	position: relative; 
	margin: 10px auto 0;
	padding: 10px;
}


#table .main {
	height: 200px;
	width: 250px;
}

#table .main2 {
	height: 200px;
	width: 500px;
}

#table .help{
	width: 325px;
	height: 400px;
	margin: auto;
	padding: 10px;
}

#table .advance{
	width: 400px;
	height: 400px;
	margin: auto;
	padding: 10px;
}

#table .help li{
	padding: 3px;
}	

#table .apaleft {
	width: 200px;
	height: 450px;
	vertical-align: top;
	margin: auto;
	padding:10px;
}

#table .aparight {
	width: 500px;
	vertical-align: top;
	margin: auto;
	padding:10px;
}

#table .aparight li{
	padding: 3px;
}

	
/* Fixes the dotted border on active links issue in Firefox */
a:active, a:focus {
	outline: 0 !important;
}


body {
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#000302;
}
a {
	color:#0e5c4a;
}
a:hover {
	text-decoration:none;
}

td {
	font-size:14px;
	}

ul {
	padding:0;
	margin:0;
	list-style:none;
}
form {
	padding:0;
	margin:0;
}
img {
	display:block;
	border:0;
}
p {
	margin:20px 0 0;
}
p.no-space {
	margin-top:3px !important;
}
h1 {
	padding:10px;
	font:23px Georgia, "Times New Roman", Times, serif;
	color:#105242;
}
h2 {
	margin:5px 0 0;
	font-size:18px;
	color:#105242;
}

h3 {
	margin:5px 0 0;
	font-size:14px;
	color:#105242;
}

h2.spacer {
	margin-top:20px;
}
#main {
	width:755px;
	margin:0 auto;
	padding:0 20px;
}
/* header */
#header {
	padding-top:12px;
	position:relative;
	width:100%;
	overflow:hidden;
}
/* logo */
a.logo {
	width:321px;
	height:50px;
	overflow:hidden;
	text-indent:-9999px;
	background:transparent url(images/logo.gif) repeat scroll 0 0;
	position:absolute;
	top:31px;
	left:3px;
}

a:active, a:focus {
outline-color:-moz-use-text-color !important;
outline-style:none !important;
outline-width:0 !important;
}

.search-form {
	float:right;
	padding-bottom:12px;
}
.search-form .text {
	width:163px;
	height:16px;
	padding:3px 2px;
	border:1px solid #1b1718;
	background:#bbece0;
	font:12px Arial, Helvetica, sans-serif;
	color:#000302;
}
.search-form .search-btn {
	margin:7px 6px 0 0;
}
.search-form input {
	float:left;
}
/* top links */
.top-links {
	font-weight:bold;
	text-transform:uppercase;
	float:right;
	clear:both;
}
.top-links li {
	display:inline;
	padding-left:10px;
}
.top-links a {
	color:#009D7A;
	text-decoration:none;
}
.top-links a:hover {
	color:#000;
}
.header-slogan {
	font:26px Georgia, "Times New Roman", Times, serif;
	color:#FF5C00;
	float:right;
	clear:both;
	padding-top:4px;
}
/* top navigation */
ul#top-nav {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	background:#105242 url(images/topnav-bg.gif) repeat-x;
	clear:both;
	margin-top:5px;
	float:left;
	letter-spacing:-1px;
	text-align:center;
}
ul#top-nav li {
	line-height:40px;
	display:inline;
	padding:0 3px 0 9px;
	background:url(images/topnav-separ.gif) no-repeat 0 50%;
}
ul#top-nav li.first {
	background:transparent none repeat scroll 0;
	padding-left:5px;
}

ul#top-nav a {
	color:#fff;
	text-decoration:none;
}
ul#top-nav a:hover,
ul#top-nav .active a {
	color:#ffce93;
}
ul#bottom-nav {
	background:#105242 url(images/subnav.gif) repeat-x;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	clear:both;
	margin-top:0px;
	float:left;
	letter-spacing:-1px;
	text-align:center;
}

ul#bottom-nav li {
display:inline;
line-height:30px;
padding:0 3px 0 9px;
}

ul#bottom-nav a {
color:#FFFFFF;
text-decoration:none;
}

ul#bottom-nav li.first {
background:transparent none repeat scroll 0;
padding-left:5px;
}

ul#bottom-nav a:hover {
color:#0E5C4A;
text-decoration:none;
}
/* content */
#content {
	overflow:hidden;
	margin-right:-1px;
}
.tophome-row {
	width:100%;
	overflow:hidden;
	padding-top:1px;
}
.tophome-cell {
	margin-right:1px;
	background:#ffce93;
	float:left;
}
.tophom-leftcell {
	text-align:right;
}
.tophom-rightcell {
	text-align:left;
}
.tophome-cell a {
	color:#000;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	padding-right:13px;
	background:url(images/row-o.gif) no-repeat 100% 50%;
	text-decoration:none;
	line-height:25px;
}
.tophom-leftcell a {
	margin-right:68px;
}
.tophom-rightcell a {
	margin-left:47px;
}
.tophome-cell a:hover {
	text-decoration:underline;
}
.bottomhome-row {
	width:100%;
	overflow:hidden;
}
.bottomhome-row a {
	letter-spacing:-1px;
	font-size:11px;
}
.bottomhome-row a:hover {
	text-decoration:underline;
}
.bottomhome-cell1 {
	width:130px;
	float:left;
	margin-right:2px;
	margin-top:2px;
	background:#b9004c;
}
.bottomhome-cell1 a,
.cell2-include a {
	padding-right:13px;
	background:url(images/row-c.gif) no-repeat 100% 50%;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	margin-left:6px;
	line-height:27px;
}
.bottomhome-cell1 a {
	background:url(images/row-c.gif) no-repeat 100% 50%;
}
.bottomhome-cell2 {
	width:171px;
	float:left;
}
.cell2-include {
	margin-top:2px;
	background:#ff7101;
}
.cell2-include a {
	background:url(images/row-v.gif) no-repeat 100% 50%;
}
.bottomhome-cell3 {
	width:166px;
	float:left;
	background:url(images/blue-gradient.gif) repeat-x;
	padding:0 11px;
	font-size:11px;
	font-weight:bold;
	min-height:219px;
	line-height:14px;
}
.bottomhome-cell3 {
	height:219px;
}
.bottomhome-cell3 p {
	margin:10px 0;
}
/* sub navigation */
ul#sub-nav {
	background:#ffce93;
	font:bold 15px/30px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	text-align:center;
	width:100%;
	float:left;
}
ul#sub-nav li {
	display:inline;
	padding:0 5px 0 11px;
	position:relative;
}
ul#sub-nav li a {
	color:#000;
	text-decoration:none;
}
ul#sub-nav li a:hover,
ul#sub-nav li.active a {
	color:#105242;
}
ul#sub-nav ul {
	position:absolute;
	width:177px;
	top:30px;
	left:10px;
	text-align:left;
	background:#20bf99;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	overflow:hidden;
	display:none;
}
ul#sub-nav li:hover ul,
ul#sub-nav li.hover ul {
	display:block;
}
ul#sub-nav ul li {
	display:block;
	padding:0;
	width:177px;
	line-height:normal;
	border-top:1px solid #555;
	margin-top:-1px;
}
ul#sub-nav ul li a {
	color:#fff !important;
	display:block;
	padding:0 6px;
	line-height:22px;
	height:1%;
}
ul#sub-nav ul li a:hover {
	background:#105746;
}
.right-holder {
	width:555px;
	float:right;
	padding-top:20px;
	
}

.right-holderarchive {
	width:400px;
	float:right;
	margin:5px;
	padding-top:20px;
}

.student-holder {
	width:231px;
	float:right;
}
.course-holder {
	width:231px;
	float:right;
	padding-left:8px;
}
.student-holder em {
	font:15px/31px Georgia, "Times New Roman", Times, serif;
	color:#ff7101;
	padding:0 20px 0 49px;
	display:block;
}
.left-holder {
	width:181px;
	float:left;
	padding-top:15px;
}

/* left navigation */
#left-nav {
	padding:0 30px 10px 11px;
	line-height:17px;
	height:1%;
	overflow:hidden;
}
#left-nav li {
	width:100%;
	float:left;
}
#left-nav li a {
	color:#000;
	padding-left:12px;
	display:block;
	font-weight:bold;
	text-decoration:none;
	background:url(images/row-leftnav.gif) no-repeat 0 4px;
}
#left-nav li a:hover {
	color:#b9004c;
	background:url(images/row-leftnav-h.gif) no-repeat 0 4px;
}
/* left ads */
.left-ads {
	padding-top:10px;
}
.left-ads li {
	padding-bottom:5px;
	width:100%;
}
.content-list li {
	padding-top:20px;
}
.content-list strong {
	color:#ff7101;
	
}
.content-list ul {
	padding:0 13px;
}
.content-list ul li {
	padding:2px 0 0 6px;
	background:url(/images/dot.gif) no-repeat 0 8px;
}
/* breadcrumb */
#breadcrumb {
	font-size:10px;
	color:#ff7101;
	margin:-12px 0 -1px;
}
#breadcrumb li {
	display:inline;
}
#breadcrumb a {
	color:#ff7101;
	text-decoration:none;
}
#breadcrumb a:hover {
	text-decoration:underline;
}
/* footer */
#footer {
	padding-top:30px;
	width:100%;
	overflow:hidden;
}
.footer-content {
	width:575px;
	margin:0px auto;
	text-align:center;
}
.footer-content p {
	margin:0;
}
.footer-content ul {
	text-align:center;
}
.footer-content ul li {
	display:inline;
	background:url(images/footer-separator.gif) no-repeat 0 50%;
	padding:0 1px 0 8px;
}
.footer-content ul li.first {
	background:none;
}