@charset "UTF-8";
/* CSS Document */

/***********************************************/
/*              Global Color Codes             */
/***********************************************/ 
/*	#46166B - Purple
	#2D0C49 - Dk. Purple
  	#DB9F11 - Gold
	#8E6912 - Dk. Gold
  	#5F6062 - Grey
*/


/***********************************************/
/*                Reset Styles                 */
/***********************************************/ 
/* purpose: undo some of the default styling of common (X)HTML browsers */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul { list-style: none; }


/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }


/***********************************************/
/*          Global Layout formatting           */
/***********************************************/ 

html { overflow-y: scroll; } /* always display scroll bars in Firefox */

a { outline: none; text-decoration: underline; }
/* Purple */
a:link { color: #46166B; }
a:visited { color: #46166B; }
a:hover { color: #46166B; text-decoration:none; }
a:active { color: #DB9F11; }

#page { background-color: #FFF; }


/***********************************************/
/*                Header Styles                */
/***********************************************/ 

/* Header */
#header { background-color: #46166B; margin: 0 auto; border-bottom: solid 5px #DB9F11; }
#headerContainer { width: 860px; margin: 0 auto; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; height: 135px; }

/* Kilby */
h1 { float: left; color: #DB9F11; font-size: 4.75em; font-weight: bold; padding-top: 10px; margin-left: -5px; }

/* Laboratory School */
h2 { float: left; color: #DB9F11; font-size: 0.875em; font-weight: bold; margin-left: -199px; padding-top: 95px; }

/* UNA Logotype */
.una { float: right; margin-left: 75px; }

/* Inclement weather and Emergency Closing Procedures */
.weather { float: right; width: 145px; text-align: right; font-weight: bold; font-size: 0.75em; color: #fff; }
.weather a:link { color: #fff; text-decoration:none; }
.weather a:visited { color: #fff; text-decoration:none; }
.weather a:hover { color: #DB9F11; text-decoration:underline; }
.weather a:active { color: #DB9F11; text-decoration:none; }


/***********************************************/
/*                  Nav Styles                 */
/***********************************************/ 

/* this styles the main navigation menu */
#nav { margin: 0 auto; width: 860px; padding: 3px 0 5px 0; background-color: #46166B; }
#nav ul { list-style: none; text-align:left; }
#nav ul li { list-style: none; display: inline; padding: 0 20px 0 0; }
#nav ul li .last { list-style: none; display: inline; padding: 0 0 0 0; }
#nav ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.875em; color: #fff; text-decoration: none; }
#nav ul li a:hover { color: #DB9F11;}


/***********************************************/
/*                Content Styles               */
/***********************************************/ 

/* Content */
#homeContainer { margin: 0 auto; background-color: #ffffcc; background-image: url("images/texture.png"); border-bottom: solid 5px #DB9F11; }
#home { clear: both; margin: 0 auto; width:860px; height: 220px; }
#grades { clear: both; margin: 0 auto; width:860px; padding-top: 10px; }
.icons { float:right; margin-top: -44px; }
.homeImages { margin: 0 auto; width:860px; padding: 45px 0 0 10px; }

#slideshow { float: right; clear: both; margin-top: -220px; z-index: 100; }

h3 { color: #46166B; font-size: 1.5em; padding-bottom: 10px; }
#homeContentContainer { margin: 0 auto; clear: both; width: 860px; }
#homeContent { float: left; width: 460px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.9375em; line-height: 1.6875em; padding-right: 10px; padding-bottom: 35px; }

#homeGrades { float: right; margin-top: 25px; }

#belief-statement { float: right; width: 320px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.875em; line-height: 1.5em; background-color: #FFFFCC; padding: 15px; border: solid 1px #DB9F11; margin-top: -1px; }

.highlight { padding: 10px; background-color:#FFFFCC; border-top: dotted 1px #5f6062; border-bottom: dotted 1px #5f6062; margin: 15px 0 15px 0; text-align: center; }

ul li.library-links { padding-bottom: 15px; }

#facultyphoto { float: right; margin: 5px; border: solid 4px #DB9F11; }
#sidebar { float: right; margin: 5px; padding: 10px; color: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; }
#sidebar ul li { padding-bottom: 8px; }
#sidebar a:link { color: #fff; text-decoration:none; }
#sidebar a:visited { color: #fff; text-decoration:none; }
#sidebar a:hover { color: #fff; text-decoration:underline; }
#sidebar a:active { color: #fff; text-decoration:none; }

#sidebar h3 { font-size: 1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; }


/***********************************************/
/*                Footer Styles                */
/***********************************************/ 
/* Footer */

#footer { clear: both; background-color: #fff; color: #5F6062; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.625em; line-height: 1.5em; text-align: center; }