<style type="text/css" href="css/style.css" rel="stylesheet">@charset "UTF-8";

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: top;
	background: transparent;
}
body {
	line-height: 1.25;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

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

/* CSS Document */
body {
	margin: 0;
	text-align: center;
	background-color: #e9e4af;
	background-image: url('../images/bg.jpg');
	background-repeat: repeat-x;
	font-family: Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
	font-size:1em;
}
table, tr, td, ul, ol, li {
	vertical-align:top;
}
.twoColFixLtHdr #container {
	width: 960px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #ffffff;
	text-align: left;
}
.twoColFixLtHdr #header {
	background: #600;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
.twoColFixLtHdr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-top: 0 px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 180px;
	padding: 10px;
	font-size:1em;
	list-style:none;
}
.twoColFixLtHdr #footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align: center;
    color: #FFF;
	font-size:.9em;
	background-image: url('../images/home/newfooterbg.jpg');
	background-repeat: repeat-x;
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius:12px;
}
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 50px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

		background-color:#600;

}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 5px;
	display: inline;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/*  Theatre Section */
#ent_container {
	width:760px;
	height:440px;
	background-image: url('../images/leaderpage/leader.jpg');
	list-style:none;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius:12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius:12px;
}
#ent_insidecontainer {
	float:left;
	width:500px;
	height:440px;
}
#cpt_container {
	float:left;
	width:250px;
	height:440px;
	background-image:url('../images/home/gsadtheatre_news_02.png');
	background-repeat:no-repeat;
	vertical-align:baseline;
}
#cpt_schedule {
	position:relative;
	top:230px;
	padding: 0 15px 0 15px;
}
#capitol_container {
	float:right;
	width: 250px;
	height:440px;
	background-image:url('../images/home/gsadtheatre_news_03.png');
	background-repeat:no-repeat;
}
#capitol_schedule {
	position:relative;
	top:230px;
	padding: 0 15px 0 15px;
}
#nwt_container {
	float:left;
	width:250px;
	height:440px;
	background-image:url('../images/home/gsadtheatre_news_04.png');
	background-repeat:no-repeat;
}
#nwt_schedule {
	position:relative;
	top:230px;
	list-style: none;
	list-style-type: none;
	padding: 0 15px 0 15px;
}
#mediakit {
		background-image: url('../images/leaderpage/leader.jpg');
		padding:10px 20px;
}
/* Reset Body Property */
#navbar-container {
	background:#000000;
}
#int-site-container {
	height:150px;
}
#navbar, #int-site {
	width:960px;
	margin:0 auto;
}
/*------------------*/
/* LOGO */
#logo {
	position:absolute;
	margin:-60px 0 0 0;
	padding:inherit;
}
/*------------------*/
/* NAVIGATION */
#nav {
	width: 780px;
	height: 40px;
	position: relative;
	background: url('../images/buttons/topnav_menu.jpg');
	margin: 0 180px;
	padding: 0;
}
#nav li {
	float: left;
}
#nav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 40px;
	background: url('../images/buttons/topnav_menu.jpg') no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	background-image: url('../images/buttons/topnav_menu.jpg');
}
li#nav_art a {
	left: 0;
	width: 135px;
	background-position: 0 0;
}
li#nav_newsletter a {
	left: 135px;
	width: 115px;
	background-position: -135px 0;
}
li#nav_videos a {
	left: 250px;
	width: 70px;
	background-position: -250px 0;
}
li#nav_email a {
	left: 320px;
	width: 95px;
	background-position: -320px 0;
}
li#nav_contact a {
	left: 415px;
	width: 80px;
	background-position: -415px 0;
}
li#nav_maps a {
	left: 495px;
	width: 65px;
	background-position: -495px 0;
}
li#nav_disc a {
	left: 560px;
	width: 220px;
	background-position: -560px 0;
}
li#nav_art a:hover {
	background-position: 0 -40px;
}
li#nav_newsletter a:hover {
	background-position: -135px -40px;
}
li#nav_videos a:hover {
	background-position: -250px -40px;
}
li#nav_email a:hover {
	background-position: -320px -40px;
}
li#nav_contact a:hover {
	background-position: -415px -40px;
}
li#nav_maps a:hover {
	background-position: -495px -40px;
}
li#nav_disc a:hover {
	background-position: -560px -40px;
	font-family: Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
}
#body_hom li#nav_art a {
	background-position: 0 -80px;
}
#body_map li#nav_press a {
	background-position: -150px -80px;
}
#body_jou li#nav_newsletter a {
	background-position: -250px -80px;
}
#body_his li#nav_videos a {
	background-position: -320px -80px;
}
#body_ref li#nav_email a {
	background-position: -415px -80px;
}
#body_con li#nav_contact a {
	background-position: -495px -80px;
}
#body_con li#nav_maps a {
	background-position: -560px -80px;
}
#body_con li#nav_disc a {
	background-position: -634px -60px;
}
/*------------------*/
/* SIDE NAVIGATION */
#sidenav {
	width: 180px;
	height: 500px;
	position: relative;
	background: url('../images/buttons/sidenav_buttons.png');
	margin: 100px 0 0 0;
	padding: 0 0px;
	list-style:none;
}
#sidenav li {
	float: left;
}
#sidenav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	background: url('../images/buttons/sidenav_buttons.png') no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	width: 180px;
	height: 50px;
	background-image: url('../images/buttons/sidenav_buttons.png');
}
li#sidenav_about a {
	top:0px;
	background-position: 0 0px;
}
li#sidenav_capitol a {
	top:50px;
	background-position: 0 -50px;
}
li#sidenav_cpt a {
	top:100px;
	background-position: 0 -100px;
}
li#sidenav_nwt a {
	top:150px;
	background-position: 0 -150px;
}
li#sidenav_dsw a {
	top:200px;
	background-position: 0 -200px;
}
li#sidenav_ssp a {
	top:250px;
	background-position: 0 -250px;
}
li#sidenav_leadership a {
	top:300px;
	background-position: 0 -300px;
}
li#sidenav_contribute a {
	top:350px;
	background-position: 0 -350px;
}
li#sidenav_disc a {
	top:400px;
	background-position: 0 -400px;
}
li#sidenav_feedback a {
	top:450px;
	background-position: 0 -450px;
}
li#sidenav_about a:hover {
	top:0px;
	background-position: -180px 0;
}
li#sidenav_capitol a:hover {
	top:50px;
	background-position: -180px -50px;
}
li#sidenav_cpt a:hover {
	top:100px;
	background-position: -180px -100px;
}
li#sidenav_nwt a:hover {
	top:150px;
	background-position: -180px -150px;
}
li#sidenav_dsw a:hover {
	top:200px;
	background-position: -180px -200px;
}
li#sidenav_ssp a:hover {
	top:250px;
	background-position:  -180px -250px;
}
li#sidenav_leadership a:hover {
	top:300px;
	background-position: -180px -300px;
}
li#sidenav_contribute a:hover {
	top:350px;
	background-position: -180px -350px;
}
li#sidenav_disc a:hover {
	top:400px;
	background-position: -180px -400px;
}
li#sidenav_feedback a:hover {
	top:450px;
	background-position: -180px -450px;
}
h1 {
	font-size:1em;
}
h2 {
	font-size:.9em;
}
h3 {
	font-size:.8em;
}
p {
	font-size:0.8em;
}
/* RSS SECTION */
#rss {
	width: 210px;
	background-image: url('../images/home/GSAD_events.jpg');
}
.headlines {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
}
.discover a {
	color: #F90;
	text-decoration: underline;
}
a {
	color: #600;
	text-decoration: underline;
}
a: hover {
	color: #C00;
}
.rssbody {
	font-size: 11px;
	color: #000000;
	text-align: left;
	margin:0 5px 0 5px;
}/* RSS SECTION */
/*  COMMENT FORM */
#commentform {
	width: 300px;
}
#textarea {
	width: 300px;
}
#respond {
	color:610d0d;
}
/*  CONTENT SLIDER */
		
		
#slider_container {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:750px;
	margin-bottom:2em;
}
#slider_header {
	height:40px;
	background:#600;
	color:#fff;
}
#slider_content {
	position:relative;
	left:20px;
}
.theatre {
	background-image:url('../images/home/theatre.jpg');
	color:#FFF;
}
.letter {
	background-image:url('../images/lh/gsadpapers.png');
	color:#000;
	padding:220px 50px 0;
	background-repeat:no-repeat;
}
#body_3column {
	float:left;
	display:inline;
}
#body_inside {
	float:left;
}
#body_left {
	float:left;
	width: 200px;
	left: -300px;
}
#body_center {
	float:right;
	width: 200px;
}
#body_right {
	float:right;
	width: 200px;
	position: relative;
	left: 100px;
}
/* Position CSS Document */

/* Style CSS Document */
.yellow a {
	color: #ffcc66;
}
.yellow a: hover {
	color: #F60;
}
.red a:link a:visited a:active {
	color: #900;
}
.red a:hover {
	text-decoration: underline;
}
#gallery {
	padding: 10px;
	width: 700px;
}
#gallery ul {
	list-style: none;
}
#gallery ul li {
	display: inline;
}
#gallery ul img {
	border: 2px solid #610c0c;
	border-width: 2px 2px 2px;
}
#gallery ul a:hover img {
	border: 5px solid #d55d47;
	border-width: 2px 2px 2px;
	color: #fff;
}
#gallery ul a:hover {
	color: #fff;
}
a img {
	border : 0;
}
div.wrap {
	width : 760px;
	margin : 0 auto;
	text-align : left;
}
div#top div#nav {
	float : left;
	clear : both;
	width : 993px;
	height : 52px;
	margin : 22px 0 0;
}
div#top div#nav ul {
	float : left;
	width : 700px;
	height : 52px;
	list-style-type : none;
}
div#nav ul li {
	float : left;
	height : 52px;
}
div#nav ul li a {
	border : 0;
	height : 52px;
	display : block;
	line-height : 52px;
	text-indent : -9999px;
}
div#header {
	margin : -1px 0 0;
}
div#video-header {
	height : 683px;
	margin : -1px 0 0;
}
div#header div.wrap {
	height : 360px;
	background : url('../images/header-bg.png') no-repeat 50% 0;
}
div#header div#slide-holder {
	z-index : 40;
	width : 760px;
	height : 360px;
	position : absolute;
}
div#header div#slide-holder div#slide-runner {
	top : 10px;
	left : 10px;
	width : 740px;
	height : 350px;
	overflow : hidden;
	position : absolute;
}
div#header div#slide-holder img {
	margin : 0;
	display : none;
	position : absolute;
}
div#header div#slide-holder div#slide-controls {
	left : 0;
	bottom : 228px;
	width : 973px;
	height : 46px;
	display : none;
	position : absolute;
	background : url('../images/slide-bg.png') 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
	float : left;
	color : #fff;
	display : inline;
	font-size : 10px;
	line-height : 16px;
	margin : 15px 0 0 20px;
	text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
	float : right;
	height : 24px;
	display : inline;
	margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
	float : left;
	width : 24px;
	height : 24px;
	display : inline;
	font-size : 11px;
	margin : 0 5px 0 0;
	line-height : 24px;
	font-weight : bold;
	text-align : center;
	text-decoration : none;
	background-position : 0 0;
	background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
	background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
	background-image : url('../images/silde-nav.png');
}
div#nav ul li a {
	background : url('../images/nav.png') no-repeat;
}
/*HEADLINES*/
.headred, .headbig {
	font-size: 14px;
	color: #600;
	font-variant: small-caps;
	margin: 10px 10px 20px 30px;
}
.headlines {
	color: #F00;
	font-size: 10px;
	font-weight: normal;
}
.headlines a: hover {
	color: #333333;
}
.thumnails {
	font-size: 10px;
	color: #600;
	font-variant: small-caps;
}
.FormTags {
	font-size: 10px;
	color: #000000;
}
#petequote {
	width: 760px;
	display: block;
}
#nikkiquote {
	width: 760px;
	display: block;
}
.quote {
	margin: 10px 20px 10px 20px;
	font-style:italic;
	color:#FC6;
}
/*Leadership Letter Page */
#sig2 {
	width: 160px;
	display: inline;
	left: -200px;
}
#sig1 {
	width: 200px;
	display: inline;
}
#sig3 {
	width: 160px;
	display: inline;
}
/* Map Page */
#map_pg {
	position: relative;
	width: 760px;
	background-image: url('../images/leaderpage/leader.jpg');
}
/* About Page */
#exra1 {
	position: relative;
	width: 760px;
}
#exra2 {
	width: 360px;
	height: 200px;
	display: inline-table;
}
#FJ_Quote {
	position: relative;
	width: 360px;
	height: 200px;
	display: block;
}
#extra4 {
	position: relative;
	width: 266px;
	height: 51px;
	top: 973px;
	left: 233px;
	z-index: 6;
}

/* May 20th Event */

.may20th {
	background-color: #900028;
	color:#FFF;
	padding: 0px;
}
.may20th-teal {
	background-color: #226d6d;
	color:#FFF;
}

