/*\*//*/
  @import "main-ie5.css";
/**/

/*  ----------------  GLOBAL STYLES  ----------------   */

body { 
	background:#00457a; 
	margin:0px;
	color:white; 
	font-family:Arial, Helvetica, sans-serif;
}

#container1 { 
	width:981px; 
	margin:0px auto 0px auto; 
	border:white 1px solid; 
	background:#5985a8 url(/images/homepage/theSwish-right.gif) no-repeat bottom right;	

}

/*  ----------------  WEATHER  ----------------   */

#weather { 
	width:981px;
	margin:0px auto;
}

#weather img { 
	padding:15px 0px 15px 0px; 
	border:0px;
}

/*  ----------------  HEADER  ----------------   */

#topArea {  
	background-color:#00457a; 
	height:91px; 
}

#topArea .logo { 
	margin-top:47px; 
	margin-left:12px;
}

#upperRight {   
	float:right; 
	font-size:11px; 
	text-align:right; 
	width:420px; 
	padding:8px 8px; 
	background:#00457a url(/images/homepage/upperswish.jpg) no-repeat 0px 0px;
}

*html #upperRight { 
	margin-top:-1px;
}

#upperRight form, #want form { 
	margin:0px; 
	padding:0px; 
}

#upperRight input { 
	font-size:11px; 
	margin-top:27px; 
	color:#555; 
	margin-right:2px; 
	font-weight:bold;
}

#upperRight input.go { 
	vertical-align:bottom; 
	margin-left:2px; 
}

#upperRight #q { 
	width:170px; 
}

#upperRight a { 
	color:white; 
	text-decoration:none; 
}

/*  ----------------  DIVIDER  ----------------   */

#divider { 
	clear:both; 
	background-color:#A37C5F; 
	padding:0px 0px 0px 0px; 
	border-top:white 1px solid; 
	border-bottom:white 1px solid; 
	height:20px; 
	font-size:11px; 
	line-height:20px; 
	padding-left:20px; 
	color:#ddd;
}

/*  ----------------  LEFT NAV SECTION  ----------------   */

#navBar { 
	width:232px; 
	float:left; 
	background:#00457a;  
}

#start { 
	background:#5985a8; 
	padding-top:25px; 
}

#links a { 
	margin:0px 0px 0px 20px; 
	display:block; 
	width:212px; 
	color:white; 
	border-bottom:#5985a8 1px solid; 
	font-weight:bold; 
	font-size:16px; 
	text-decoration:none;  
	letter-spacing:0.5px; 
	padding:7px 0px;
}

#links a:hover { 
	background:#5985a8; 
	color:white; 
	margin:-1px 0px 0px 0px; 
	padding:8px 0px 8px 20px; 
	border-bottom:none;
}

#links a#first { 
	padding-top:15px; 
}

#links a#first:hover { 
	padding-top:16px; 
}

#links a#last { 
	padding-bottom:15px; 
	border-bottom:none; 
}

#want { 
	height:65px; 
	background:#A37C5F url(/images/homepage/want.jpg) no-repeat 0% 5px; 
	border-top:white 1px solid;
	border-bottom:white 1px solid; 
	font-size:11px; 
	padding:65px 0px 0px 20px; 
}

#want select { 
	margin:8px 0px; 
	font-size:11px; 
	color:#555; 
	padding:0px;
	font-weight:bold;
}

#want a:hover { 
	margin-left:0px; 
}

#spotlight { 
	background:#5985a8 url(/images/homepage/spotlight.jpg) no-repeat top left; 
	width:232px; 
	padding:45px 0px 0px 0px; 
}

#spotlight a { 
	display:block;  
	color:white; 
	font-size:11px; 
	text-decoration:none;  
	padding:1px 0px 1px 20px; 
	font-weight:normal;
}

#spotlight a:hover { 
	padding-top:1px; 
}

/*  ----------------  TBPP  ----------------   */

#menu a { 
	font-size:12px; 
	border-bottom:none; 
	margin-left:0px;
}

#tbpp { 
	float:left; 
	width:608px; 
	border:white 1px solid; 
	border-top:none; 
	border-left:none; 
}

#tbpp img { 
	display:block; 
	border-left:white 1px solid; 
}

#mainPicture { 
	position:relative; 
}

#nextToggle { 
	position:absolute; 
	top:282px; 
	right:10px;
}

#prevToggle { 
	position:absolute; 
	top:282px; 
	right:38px;
}

#gradToggle { 
	position:absolute; 
	top:255px; 
	right:360px;
}

#ugradToggle { 
	position:absolute; 
	top:255px; 
	right:185px;
}

#nextToggle img, #prevToggle img, #gradToggle img, #ugradToggle img { 
	border-left:none; 
}

#nextToggle a, #prevToggle a { 
	text-decoration:none; 		
	width:25px;
	height:25px;
}

#gradToggle img {
	width:135px;
	height:80px;
}

#ugradToggle img {
	width:170px;
	height:80px;
}

#gradToggle a {
	text-decoration:none;
	width:135px;
	height:80px;
}

#ugradToggle a {
	text-decoration:none;
	width:170px;
	height:80px;
}

#reasonsURL {
	color:white;
}

#subNav a { 
	display:inline; 
	padding:0px 7px; 
	color:#f3f3f3; 
	font-size:13px; 
	font-weight:normal; 
	text-decoration:none;
}

#subNav { 
	background:#A37C5F url(/images/homepage/subnav.gif) no-repeat left; 
	padding:2px 0px 3px 27px; 
	border-top:white 1px solid; 
}

#subNav a:hover { 
	color:white; 
}

/*  ----------------  EVENTS SECTION  ----------------   */

#eventsContainer { 
	float:left; 
	width:609px; 
	background:white url(/images/homepage/theSwish-left.gif) no-repeat bottom right;  
	padding-bottom:25px;
}

#whatsOn { 
	float:left; 
	width:239px; 
	margin-top:8px; 
	padding:0px 0px 10px 10px; 
	border-right:#5985a8 1px solid;
}

#whatsOn .seeMore { 
	font-size:16px;   
	clear:both; 
	padding-top:10px; 
	padding-left:20px;
}

#whatsOn .seeMore a, #events a.moreEvents:hover { 
	text-decoration:none;
	color:#5985a8; 
}

#whatsOn .seeMore img { 
	vertical-align:bottom; 
	padding-left:10px;
}

#whatsOn div.takeNote img { 
	float:left; 
	padding-right:5px; 
}

#whatsOn div.takeNote { 
	color:#666; 
	font-size:11px; 
	width:200px; 
	clear:both; 
	padding:5px 10px 5px 20px;
}

#events { 
	padding:50px 10px 10px 15px; 
	height:500px;  
	color:black; 
	font-size:12px;
	background:url(/images/homepage/whatsnews.jpg) no-repeat 8px 0px;
	font-size:11px; 
	float:left; 
	width:333px;
}

#events p { 
	margin:0px; 
	padding:3px 0px 3px 10px; 
}

#events a {  
	text-decoration:none; 
	color:#333333; 
}

#events a:hover { 
	text-decoration:underline; 
	color:black; 
}

#events a.moreEvents { 
	font-size:16px; 
	color:#5985a8;  
}

#events a.moreEvents img { 
	vertical-align:bottom; 
	padding-left:10px;
}

#eventsContainer img.header { 
	display:block; 
	padding-bottom:10px;
}

#newsEventsAd { 
	float:right; 
	width:182px;  
	padding:10px 10px 5px 5px;
}

#takenote { 
	display:block; 
	padding:5px 10px; 
	background-color:white;
}

/*  ----------------  IVES SECTION  ----------------   */

#ives { 
	border-left:white 1px solid; 
	display:block;   
	padding:5px 10px 10px 10px; 
	color:black; 
	font-weight:bold; 
	font-size:12px;
}

#ives img { 
	margin-top:15px; 
}

#ives .ivesTitle { 
	border-top:#5985a8 1px solid; 
	padding:5px 250px 15px 0px; 
	color:#00457a; 
}

.inlineheader a{
	color:#00457a;
	font-weight:bold; 
	font-size:11px; 
}

/*  ----------------  RIGHT NAV  ----------------   */

#rightNav { 
	width:140px; 
	float:right; 
	background:#5985a8; 
	padding-top:10px;
}

#rightNav a { 
	display:block;  
	color:white; 
	font-size:11px; 
	text-decoration:none;  
	padding:2px 10px;
}

#rightNav a.last { 
	margin-bottom:15px; 
}

#rightNav a:hover { 
	background:#00457a; 
}

#rightNav a.ens { padding-left:10px; }

#rightNav a.ens:hover { background:#5985a8; }

#clear { 
	clear:both; 
}

#copyright {
	margin:5px auto;
	width:981px;
	text-align:right;
	font-size:10px;
	color:white;
}

#copyright a {
	color:white;	
}

@media screen {

/*- Menu Tabs J--------------------------- */

html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
		padding-top:22px;	
}

html>body { padding-top:21px; }

#tabsContainer { 
	margin:0px auto 0px auto; 
	width:100%; 
	position:absolute; 
	top:0px; 
	height:19px; 
	background-color:#A37C5F; 
	background-image:url(/images/toolbar/bg.jpg); 
	background-repeat:repeat-x; 
	padding:5px 0px 5px 0px; 
	border-bottom:#fff 1px solid; 
	min-width:983px;
		
}

#tabsContainer img {
	behavior: url(/images/toolbar/iepngfix.htc);
	border:0px;
}

* html #tabsContainer { 
	padding-bottom:0px; 
}

#container1 {
	 margin:0px auto 0px auto; 
}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;

}

#nav { 
	width:983px; 
	margin:0px auto; 
}

#nav a {
	display: block;
	font-size:11px;
}

#nav li { /* all list items */
	float: left;
	margin:0px;
/* width needed or else Opera goes nuts */
}

#nav li:hover {
	position: static;	
}

#nav li ul { /* second-level lists */
	position: absolute;
	background-image:url(/images/toolbar/narrow-bg_warm.gif); 
	background-repeat:repeat-x; background-position:top; background-color:#FDFDFD;
	width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-top:#fff 1px solid;
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	border-bottom:#999 1px solid;
}
#nav li.top ul li a { 
	background:none; 
	padding:0px 10px;
}

#nav li ul li { 
	padding:5px 0px; 
	width:200px; 
}

#nav li ul li:hover, #nav li ul li.sfhover { 
	background:#A37C5F;  
	color:white;
}

#nav li ul li a:hover { 
	padding-bottom:1px; 
	color:white; 
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto; 
}

#nav li.top a {
	margin:1px 0px 0px 0px;
	padding:0px 3px 0 3px;
	text-decoration:none; 
	color:#333; 
}

#nav li.top a span {
	display:block;
	padding:3px 10px 9px 6px;
	color:#fff;
	letter-spacing:1px;
}

#nav li.top a span:hover {  
	color:white; 
}

#nav li.top a:hover span{ 
	background-position:100% -42px; 
}

#nav li.top a:hover { 
	margin-bottom:0px; 
	background-position:0% -42px;
}

#nav li.top a.activated { 
	background-position:0% -42px; 
}

#nav li.top a.activated span { 
	background-position:100% -42px; 
}

#nav li.top { 
	margin:0px 2px; 
}

#nav li.top ul li a:hover { 
	margin-bottom:-1px; 
	color:white;
}

a.activated { 
	color:#000; 
}

#nav li.top ul li:hover a, #nav li ul li.sfhover a{ 
	background:#A37C5F;  
	color:white;
} 

#nav li ul.wider  { 
	width:250px; 
}

#nav li ul.wider li { 
	padding:5px 0px; 
	width:250px;
}

#nav li ul.wider2  { 
	width:320px; 
}

#nav li ul.wider2 li { 
	padding:5px 0px; 
	width:320px;
}

#nav li.top ul li a, #nav li.top ul li a span{
	background:none; 
	border:none;
}

#nav li ul.essentials, #nav li ul.essentials table { 
	width:370px; 
	height:250px;
}

#nav li ul.essentials table { 
	margin:0px; 
}

#nav li ul.essentials table td { 
	padding:0px; 
	text-align:center;
}

#nav li ul.essentials li:hover, #nav li ul.essentials li.sfhover { 
	background:none; 
}

#nav li.top ul.essentials li:hover, #nav li.top ul.essentials li:hover a, #nav li.top ul.essentials li.sfhover, #nav li.top ul.essentials li.sfhover a { 
	background:none; 
	color:#333;
}

/* 
================================================
autosuggest, inquisitor style
================================================
*/

div.autosuggest
{ 
	position: absolute;
	padding: 0px 0 0 0;
	margin:6px 0px 0px 0px;
}

/* mozilla positioning */

html>body div.autosuggest {
	margin-top:5px;	
}

/* IE 7 positioning */

*:first-child+html div.autosuggest {
	margin-top:6px;
}

div.autosuggest ul
{
	list-style: disc;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #f3f3f3;
}

div.autosuggest ul li
{
	color: #666;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #666;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #f3f3f3 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
	font-size:11px;
}
div.autosuggest ul li a:hover, 
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #5985a8;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px 3px 10px;
	font-weight: bold;
}

div.autosuggest ul li.westsuggestAll a span, div.autosuggest ul li.westsuggestAllHover a span
{
	padding-left:2px;	
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #5985a8;

}

div.autosuggest ul li.as_warning
{
	font-weight: normal;
	color:#A37C5F;
	font-size:14px;
	padding:5px 0px 5px 5px;
}

div.autosuggest ul em
{
	font-style: normal;

}

.westsuggestTitle { 
	background:#f3f3f3; 
	padding:5px 0px 5px 7px; 
	color:#A37C5F; 
	font-size:14px;
}

.westsuggestAll span, 
.westsuggestAllHover span 
{ 
	font-size:13px; 
	font-weight:bold; 
	background:#f3f3f3; 
	padding:0px 10px 5px 0px; 
	color:#333; 
	text-align:left;
}

.westsuggestAll span a { 
	text-decoration:none; 
	color:#333; 
	font-size:13px; 
}

.westsuggestAll span a:hover { 
	text-decoration:none; 
	color:black; 
}

.westsuggestAllHover span { 
	background-color: #5985a8; 
	color:white;
}

.westsuggestAll span img, .westsuggestAllHover span img { 
	vertical-align:middle; 
}

div.autosuggest ul li.westsuggestAll { 
	padding-left:3px; 
}

div.autosuggest ul li.westsuggestAllHover a span { 
	padding-left:5px; 
}

div.autosuggest ul li.westsuggestAll, div.autosuggest ul li.westsuggestAllHover { 
	padding-bottom:5px; 
}

html>body div.autosuggest ul li.westsuggestAll, html>body div.autosuggest ul li.westsuggestAllHover {
	padding-bottom:0px;
}

}