@charset "UTF-8";
/* CSS Document */
html {
	background-color:#007CBA;
	background-image:none;
	background-repeat:repeat-x;

}
#homeWrapper {
	background-color: #FFFFFF;
	background-image: url(../images/home/home-bg.jpg);
	background-repeat: repeat-x;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 35px;
	background-position: bottom;
	position: relative;}
body {
	background-color: #007CBA;
	background-image: none;
	margin: 0px;
	padding: 0px;
}
.longLink{
	
	margin-bottom: 18px;
}
#Emergencies{
background: red;
padding: 15px;
text-align: center;
color: white;
width: 702px;
}


#homeSide {
	width: 150px;
	float: left;
	padding-top: 10px;
	padding-left: 22px;
}
#homeContent {
	float: right;
	width: 745px;
	margin: 0px;
	padding: 0px;
}
.brclear { /* Standard div clear class */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0px;
}
#homeMenu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #AF9245;
	text-align: center;
	width: 134px;
	margin-bottom: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
	border: 1px solid #FFFFFF;
	display: block;
	text-decoration: none;
}
#homeMenu{
	text-decoration: none;
	list-style-type: none;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}
#homeBanners li a {
	display: block;
	
	height: 162px;
	width: 176px;
	
}
#homeBanners {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#homeBanners span {
	display: none;
}

.homebanner{
	height: 162px;
	width: 176px;
	margin-right: 10px;
	float: left;
	margin-top: 10px;
}

.museumBanner{
	background-image: url(../images/home/museum-banner.png);
	background-repeat: no-repeat;
}
.performingBanner{
height: 162px;
	width: 176px;

	background-image: url(../images/home/performing-banner.png);
	background-repeat: no-repeat;	
}
.schoolBanner{
height: 162px;
	width: 176px;

	background-image: url(../images/home/school-banner.png);
	background-repeat: no-repeat;
}
.prattBanner{
height: 162px;
	width: 176px;

	background-image: url(../images/home/pratt-banner.png);
	background-repeat: no-repeat;
}

.museumBtn{
	background-color: #584735;
}
.performingBtn{
	background-color: #374E67;
}
.schoolBtn{
	background-color: #4C5436;
}
.prattBtn{
	background-color: #514D61;
}
#homeSide #logo {
	margin-bottom: 30px;
	margin-left: 10px;
	margin-top: 25px;
}
#logoSmall{
	margin-bottom: 8px;
	margin-left: 34px;
}

#homeFlash {
	position: relative;
	top: 7px;
	left: 14px;
	height: 333px;
	padding: 10px 0;
}
#homeBtns {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.homeBtn {
	float: left;
}
#homeBtns li a {
	display: block;
	
	width: 175px;
	margin-right: 9px;
	list-style-type: none;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #FFFFFF;
	margin-bottom: 12px;
	text-decoration: none;
}

.staffLink{
	text-align: center;
	color: black;
	position: absolute;
	bottom:15px;
	left: 45px;
}




/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_variable4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#homeBanners {
	
	position:relative;
	z-index:200;
	/*background:url(/common/images/back.gif) no-repeat;*/
	
}
#homeBanners a:link, #homeBanners a:visited{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
#homeBanners ul {
	list-style:none;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #333333;
	width: 164px;
	margin-top: 129px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 12px;
	background-color: #584735;
	border-top-width: 11px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	height: 303px;
	border-right-width: 9px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
h2{
color: red;
}


#homeBanners li li {
	float:none;
}
#homeBanners li.last {
	border-bottom:1px none #666;
}
/* a hack for  IE6 */
* html #homeBanners li li {float:left;}



#homeBanners li a.down {/*background:url(/common/images/down.gif) no-repeat right center;*/}

#homeBanners li li a {
	display:block;
	height:22px;
	line-height:18px;
	float:none;
	font-weight:normal;
	letter-spacing:1px;
	background-image: none;
	text-align: left;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 0px;
}
#homeBanners li li a.fly {background:url(/common/images/fly.gif) no-repeat right center;}

#homeBanners li:hover {position:relative; z-index:300;}
#homeBanners li.cssplay_hover {position:relative; z-index:300;}
#homeBanners li.cssplay_hover a {color:#4c0e54;}

#homeBanners li li a {color:#4c0e54;}
#homeBanners li li.cssplay_hover a {
	color:#311020;
	/*background-color:#CCCCCC;*/
}

#homeBanners li:hover ul {left:0; top:33px; z-index:500;}
#homeBanners li.cssplay_hover ul {left:0; top:33px; z-index:500;}

#homeBanners ul {position:absolute; left:-9999px; top:-9999px;}
* html #homeBanners ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#homeBanners li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#homeBanners li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#homeBanners li:hover > a {
	color:#FFFFFF;
	text-decoration: underline;
}
#homeBanners li li:hover > a {
	/*color:#351122;*/
	text-decoration: underline;	/*background-color:#351122;*/
}


/* but IE5.x and IE6 need this lot to style the flyouts*/
#homeBanners li.cssplay_hover li.cssplay_hover a,
#homeBanners li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#homeBanners li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#homeBanners li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#homeBanners li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a
{color:#fff; background-color:#aaa;}

#homeBanners li.cssplay_hover li.cssplay_hover li a,
#homeBanners li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#homeBanners li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#homeBanners li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
{color:#4c0e54; background-color:#ddd;}

/* show next level */
#homeBanners li.cssplay_hover li.cssplay_hover ul,
#homeBanners li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#homeBanners li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#homeBanners li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul
{left:100%; margin-left:-5px; top:-1px;}

/* keep further levels hidden */
#homeBanners li.cssplay_hover ul ul,
#homeBanners li.cssplay_hover li.cssplay_hover ul ul,
#homeBanners li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#homeBanners li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
#homeBanners #performingDrop {
	margin-left: -10px;
	background-color: #374E67;
	border-left-width: 9px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
#homeBanners #schoolDrop {
margin-left: -10px;
	background-color: #4C5436;
	border-left-width: 9px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
#homeBanners #prattDrop {
margin-left: -10px;
	background-color: #514D61;
	border-left-width: 9px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-right-style: none;
}

-->
</style>