/* CSS Document */
@media screen {

* {margin:0;padding:0}
html {
	font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	color:#303030;
	background:#c4c595 url(../../images/mainbg.gif) 50% 0 repeat-y;
	margin:0;padding:0;	
	text-align:center;	
}
body {
	margin:0;padding:0;	
	text-align:center;
}

#header {
	font-size:90%;
}
#sub1, #sub2 {
	font-size: 85%;
	line-height:125%;
	font-family:Arial, Helvetica, Verdana, sans-serif;
}
.post p {
	line-height: 155%;
}
.post ul {
	list-style-image: url(../../images/lagerbullet.gif);
	padding-left: 3em;
	margin: 1em 0 1em 0;
}
/* BEGIN Colors */
a {
	color: #004eb3;
}
#header ul, #header ul li a {
	color:#dcd7ab;
}
.post h2, h3 {
	/*
	color: #561a0d;
	*/
	color: #762514;
}

.allnews #allnews,
.justnews #justnews,
.justevents #justevents
 { text-decoration:none; color:#97381c;}



a:visited { color: #892b12;}
a:hover { background-color:#892b12; color:#f1f0e3;}
/* AMS: made #copyright same color as #footer links */
#footer a:link, #copyright { color:#969696; }
#footer a:hover { background: transparent; color:#fff; }
#footer a:visited { color:#eee;}

/* END Colors */


h1 {
	display:block;
	width:478px;
	height:187px;
	margin:0;padding:0;
	position:absolute;
	top:0;left:0;
	background:url(../../images/head_left_rails.jpg) left top no-repeat;
	text-indent:-9999px;
}
#rotatepic {
	float:left;
	position:absolute;
	top:0;left:478px;
	width:482px;
	height:187px;
}


#wrapper{
	background: #f1f0e3 url(../../images/bg.gif) 0 187px repeat-x;
	width:auto;
	min-width:780px;
	max-width:960px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#outer{
	margin-left:260px;
	margin-right:20px;
}
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:187px;
	overflow:hidden;
	color: #fff;
	text-align:center;
}

#header ul {
	font-family: Palatino, Georgia, "Times New Roman", "Times Roman", serif;
	position:relative;
	top:145px;
	margin:0 auto;
	width:75em;
	text-align:center;
}
#header ul li {
	float:left;
	margin:0 2.5em 0 0;
	padding:0 0 0 2.5em;
	list-style:none;
	background: url(../../images/dot.gif) 0 50% no-repeat;
		text-align:center;
}
#header ul li#home-nav {
	background:transparent;
}
/* LSM: removed background for Living link on homepage */
#header ul li#living-nav {
	background:transparent;
}
#header ul li a {
	float:left; 
	display:block;
	font-weight:bold;
	/* LSM: increased padding from 15 to 20 px */
	padding:14px 20px 3px;
	text-decoration:none;
	text-transform:uppercase;
}
#header ul li a i { text-transform:none; font-style:normal; }	

#header span { display:block; float:left; padding:2px 3px 0px;}			
#header span:hover { background-color:#dbd6aa; color:#892b12; }

#header ul li a { 
	display:block;
	height:27px;
}
#header ul li a { 
	background:url(../../images/hoverbug.gif) 50% -8px no-repeat;
}
#header ul li a:hover { 
	background:url(../../images/hoverbug.gif) 50% bottom no-repeat;
}

#home #home-nav a 
	{ background:url(../../images/hoverbug.gif) 50% bottom no-repeat; }

#sub1 {
	position:relative;/*ie needs this to show float */
	width:220px;
	float:left;
	margin-left:-250px;/*must be 1px less than width otherwise won't push footer down */
	left:-6px;
}
* html #sub1 {margin-right:-3px;}/* 3px jog*/
* html #outer{/* 3px jog*/
	margin-left:243px;
	margin-right:243px;
}
p {margin-bottom:1em;padding:0 5px}

#sub2 {
	position:relative;/*ie needs this to show float */
	width:240px;
	float:right;
	margin-right:-239px;/*must be 1px less than width otherwise won't push footer down */
	left:1px;
}
* html #sub2 {width: 240px; margin-right:-260px;margin-left:2px}/* stop float drop in ie + 3px jog */

#content { left: 5px;}


/* BEGIN Footer */

#footer {
	width:100%;
	clear:both;
	background: #242323 url(../../images/footbg.gif) 0 0 repeat-x;
	text-align:center;
	position:relative;
	top:10px;
	height:133px;
}
#footer ul { 
	position:relative; 
	/* top: 12px; */ }
/* AMS: moved #copyright below #footer links */
#copyright { position:relative; top: 20px; }
#footer ul li { display:inline; margin:0px; padding:0px; }
#footer ul li a { 
	font-size: 80%; 
	border-right:1px solid #656565; 
	margin-right:1px; padding-right: 5px;}

#footer li.last a { border-width:0;}
/* AMS: made #copyright text same size as #footer links */
#copyright {
	font-size: 80%;
}
/* AMS: footer translate links */
#footer #footerTranslations {
margin-bottom: 10px;
padding-top: 15px;
}
#footer #footerTranslations ul,
#footer #footerTranslations h3 {
display: inline;
}
#footer #footerTranslations h3 {
font-weight: bold;
font-size: 80%;
margin: 0 0.5em 0 0;
color: #969696;
}
/* AMS: more translate styles */
#mostpopular {
	width: 133px;
}

/* END Footer */



#clearheader{height:187px;}/*needed to make room for header*/
#content {float:right;width:100%;position:relative;}

html>body #content {margin: 0 -0.5%}/*moz needs this*/
.outerwrap {
float: left;
width: 99%;
}
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
/* mac hide\*/
* html #outer, * html #wrapper,* html #content {height:1%}
 /* end hide */

/* BEGIN Post */

.post {
	margin: 15px 15px 5px 5px;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #d6bfb0;
}
.post h2 {
	font-size: 175%;
	font-family: Georgia, Palatino, "Times New Roman", "Times Roman", serif;
	font-weight:normal;
	margin:0 0 18px;
}
.post h3 {
	font-family: Georgia, Palatino, "Times New Roman", "Times Roman", serif;
	font-weight:normal;
	font-size: 130%;
	padding-left: 5px;
	padding-right: 5px;
}
.post .postpic {
	border: 5px solid #d0d2b6;
	float:left;
	margin:5px 8px 8px 0;
}
.post p {
	margin: 0 0 15px 0;
}
/* END Post */


/* NEWS */

#highlights {
	width:233px;
	margin:10px 0 0 10px;
	background:url(../../images/newsbg.gif) left bottom no-repeat;
}
#highlights h3 {
	text-indent:-9999px;
	background:url(../../images/header_MagLevCategories.jpg) 0 0 no-repeat;
	width:233px;
	height:41px;
	margin:0;padding:0;
	position:relative;
}
#highlights ul, #highlights p {
	padding: 0px;
	margin:0;
}
#highlights ul li {
	list-style:none;
	margin:0 7px; padding:8px 20px 13px 27px;
	background: url(../../images/lagerbullet.gif) 12px 11px no-repeat;
}
#highlights ul li.ale {
	background: #e4e3ca url(../../images/alebullet.gif) 12px 11px no-repeat;
}

#highlights p {
	text-align:right;

}
#sub1 .sublinks {
	padding: 15px;
	text-align:right;
}
.sublinks a {
	font-weight:bold;
	text-transform: uppercase;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	border-right:1px solid #004eb3;
}
.sublinks a.last {
	border-width:0;
	margin:0;padding:0;
}

/* END News */

/* Subscribe */

#subscribe {
	width:233px;
	margin: 25px 0 0 10px;
	background:url(../../images/subscribebg.gif) left bottom no-repeat;
}
#subscribe h3 {
	background:url(../../images/subscribehead.gif) 0 0 no-repeat;	
	width:171px;
	height:21px;
	padding:19px 0 0 61px;
	margin:0;
	font-size: 175%;
	font-family: Georgia, Palatino, "Times New Roman", "Times Roman", serif;
	font-weight:normal;	
}
#subscribe form {
	margin: 10px;
}
#subscribe form input.textfield {
	margin:0 4px 0 8px;
	padding:0px;
	float:left;
}
#subscribe form input.button {
	float:left;
}
#subscribe p {
	clear:both;
	margin:10px 25px 0px 17px;
	font-weight: normal;
}
#subscribe p.sublinks {
	margin:0;
	text-align:right;
}
#subscribe p.sublinks a {
	border-width:0;
	margin:0;
	padding:0;
	text-transform: capitalize;
}
/* END Subscribe */

/* BEGIN Search */

#search {
	clear:right;
	float:right;
	width:233px;
	margin: 10px 2px 0 0;
	padding: 0 0 10px 0;
	background:url(../../images/searchbg.gif) left bottom no-repeat;
}
#search h3 {
	background:url(../../images/searchhead.gif) 0 0 no-repeat;	
	width:170px;
	height:24px;
	padding:16px 0 0 61px;
	margin:0;
	font-size: 175%;
	font-family: Georgia, Palatino, "Times New Roman", "Times Roman", serif;
	font-weight:normal;	
}
#search form {
	margin: 10px;
}
#search form input.textfield {
	margin:0 4px 0 8px;padding:0px;
	float:left;
}
#search form input.button {
	float:left;
}

/* END Search */

/* BEGIN Mayor / City Council */
#mayor, #citycouncil {
	clear:right;
	float:right;
	width:235px;
	margin: 10px 0 0 0;
	padding:0;
	background:url(../../images/sidebg.gif) left bottom no-repeat;
}
#mayor h3, #citycouncil h3 {
	background:url(../../images/locations.jpg) 0 0 no-repeat;	
	width:235px;
	height:95px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#mayor ul, #citycouncil ul {
	padding: 0px;
	margin:0;
}

#mayor ul li, #citycouncil ul li {
	list-style:none;
	margin:0 7px; padding:5px 12px 5px 17px;
	background: url(../../images/regularbullet.gif) 4px 8px no-repeat;
}

#citycouncil h3{
	background-image:url(../../images/clean.jpg);
	width:235px;
	height:154px;
}


#sub2 .sublinks {
	padding: 5px 7px 12px;
	margin:0;
	text-align:right;
}

/* END Mayor / City Council */


/* BEGIN QuickLinks */

#quicklinks {
	clear:right;
	float:right;
	width:223px;
	margin: 10px 12px 0 0;
	padding: 0 0 10px 0;
	background:url(../../images/quicklinksbg.gif) left bottom no-repeat;
}

#quicklinks h3 {
	width:220px;
	background:url(../../images/quicklinkshead.gif) 0 0 no-repeat;	
	height:24px;
	padding:12px 0 0 13px;
	margin:0;
	font-size: 175%;
	font-family: Georgia, Palatino, "Times New Roman", "Times Roman", serif;
	font-weight:normal;	
}

#quicklinks form {
	margin: 5px 0 5px 13px;
}

#quicklinks input { vertical-align:bottom; }

/* AMS: new style for web feed icon */
a.webFeed img {
	border: none;
	position: relative;
	top: 2px;
}
a:hover.webFeed,
a:hover.externallink {
	background:none;
}
/* LSM: make sure that links show finger pointer in IE */
#header ul li a, #mayor a, #citycouncil a { 
	cursor:pointer;
}
.smallPost{
font-size: 80%; /* used to make text small in a post */
}
img {
	border: none;
}
#slideshow a,
#slideshow h3,
#slideshow .delimiter {
	display:none;
}
a#firstSlideshowImage {
	width: 482px;
    padding: 130px 0 0 0; /* Distance link extends to curve */
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0;
    height: 0px !important;
    cursor: pointer;
}
#rotatepic a:hover,
#lightbox a:hover {
	background-color: transparent;
}
#rotatepic {
	background-image: url(../../images/head_right_train.jpg);
	/*background-image: url(/components/scripts/bannerimage.php);*/
}
#galleryTooltip {
background-color: #F1F0E3;
border-color: #C4C595;
color: #303030;
font-size: 11px;
font-family: arial;
padding: 2px 6px 2px 6px;
}
#caption {
font-family: georgia;
color: #762514;
font-size: 125%;
}
/* BEGIN Post Image */
.image {
float: left;
margin: 5px 8px 8px 0px;
}
.image .postpic {
float: none;
margin: 0;
}
.image .credit,
.image .caption {
font-size: 80%;
margin: 2px 0 4px 0;
padding: 0;
line-height: normal;
}
.image .credit {
text-align: right;
color: #CABFAD;
}
.image .caption {
color: #9B9B9B;
}
/* END Post Image */

}

@media print {

#rotatepic {
	display: none;
}

}

@media all {

#searchform_handheld {
	display: none;
}

}