/******************
HTML Tags
******************/

body{
	color:#000000;
	margin:1px;
	font:.75em/160% Verdana,Arial,Helvetica,sans-serif;
	background:#FFFFFF;
}

/*input 
{
    width: 75%;
    font-family: Verdana;
    font-size: 11px;
}*/

fieldset 
{
    border-color: #525463;
    border-width: 1px;
}

/*** Layout Classes ***/

.headerContainer 
{
    float: left;
    width: 100%; 
    background-color: #669966; /*#CCFFCC;*//*#BDBEC3;*/
    border-bottom: 1px solid #FFF;  
}
.headerContainer .headerLeft 
{
    float: left;
    width: 50%;   
}
.headerContainer .headerRight 
{
    float: left;
    width: 49%; 
    text-align: right;  
    line-height: 4.2em;
    font-size: 12px;
    color: #ffffff;
}



.navigationContainer 
{
    float: left;
    width: 100%; 
    background-color: #669966;/*#525463;*/
	color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
	height:196px;
	background-image: url(images/brunswickGreen.gif); 
    background-repeat: repeat;
}
.navigationContainer .navigationLeft 
{
    float: left;
    width: 5%;  
    height:196px;
    /*background-image: url(images/navigationLeft.gif); 
    background-repeat: repeat-y;*/
    background-color: #669966;/*#525463;*/
    border-right: solid 1px #ffffff;
}
.navigationContainer .navigationCentreLeft 
{
    float: left;
    width: 15%;   
    height:196px;
    padding-top: 5px;
}
.navigationContainer .navigationCentreRight 
{
    float: left;
    width: 74%; 
    height:196px;
    background:url(images/45305Header_Img_Feather.jpg) no-repeat;
}
.navigationContainer .navigationRight 
{
    float: left;
    width: 4%; 
    height:196px;
    /*background-image: url(/App_Themes/5305LA_Theme/images/navigationRight.gif);
    background-repeat: repeat-y;
    background-position: right;
    background-color: #71727f;*/
}

.breadcrumbContainer 
{
    color: #FFFFFF;
	height:35px;
	padding:0px;
	margin:0px;
	background: #669966; /*#CCFFCC;#71727F;*/
	float: left;
	width: 100%;
}
.breadcrumbContainer a 
{
    color: #000000;
}

.breadcrumbContainer .breadcrumb
{
	float:left;
	width:70%;
	height:28px;
	padding:7px 0px 0px 5%;
}

/*** List Styles ***/

.navigationContainer li 
{
	margin:0px;
	padding:0px;
	list-style:none;
	text-align: left; 
	padding-right: 5px;
}

/*** Link Styles ***/

a:link
{
	color:#0071BC;
}

a:visited
{
	color:#004EB7;
}

a:hover
{
	color:#999999;
	text-decoration:none;
}

a:active
{
	color:#B70000;
}

.headerRight a:link
{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.headerRight a:visited
{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.headerRight a:hover
{
	text-decoration:underline;
}

.headerRight a:active
{
	color:#CCCCCC;
	text-decoration:none;
}

.navigationContainer a:link
{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.navigationContainer a:visited
{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.navigationContainer a:hover
{
	text-decoration:underline;
}

.navigationContainer a:active
{
	color:#CCCCCC;
	text-decoration:none;
}
	
.breadcrumbContainer a:link
{
	color: #FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}

.breadcrumbContainer a:visited
{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}

.breadcrumbContainer a:hover
{
	text-decoration:none;
}

.breadcrumbContainer a:active
{
	color:#CCCCCC;
}

/*** Archived ***/

#content p,#content-side p,table{
	margin:0px 0px 20px 0px;
	}

#content-side img{
	border:none;
	}

/*#breadcrumb-right label{
	display:none;
	}*/

/******************
FORM STYLES
******************/

#content-container form{
	margin:20px 0px;
	padding:0px 0px 0px 0px;
	}

#content-container fieldset{
	margin:10px 0px 10px 0px;
	padding:0px 10px 10px 15px;
	}

/* a nested fieldset */
#content-container fieldset fieldset{
	margin:15px 0px 5px 0px;
	padding:0px 5px 5px 5px;
	}

#content-container legend{
	margin-bottom:0px;
	padding:0px 10px 5px 5px;
	color:#666666;
	font-weight:bold;
	}

/* a nested legend */
#content-container fieldset fieldset legend{
	margin-bottom:0px;
	padding:0px;
	font-weight:normal;
	}

#content-container label{
	display:block;
	padding-top:8px;
	}

/******************
HEADINGS
******************/

h1 {
	font-size:1.3em;
	padding-top:4px;
	}

h2 {
	font-size:1.1em;
	}

h3 {
	font-size:1em;
	}
	
h4 {
	font-size:.9em;
	}
	
h5 {
	font-size:.8em;
	}
	
h6 {
	font-size:.75em;
	}
	
#three-column-container h2{
	margin:0px 0px 10px 0px;
	padding:0px;
		}

/******************
LAYOUT DIVS
******************/

#posterphoto{
	margin:0px 15% 0px 15%;
	padding:0px;
	text-align:left;
	background:url(images/45305Header_Img_Feather.jpg) no-repeat;
	height:196px;
	}
.linkIcon 
{
    padding-right: 5px;
}

#content-container{
	padding:10px 3% 0px 44px;
	}

#content{
	float:left;
	width:70%;
	padding-right: 10px;
	}

#content-side{
	width:27%;
	float: left;
	}

#three-column-container{
	width:100%;
	margin:30px 0px;
	text-align:justify;
	}

#three-column-left{
	float:left;
	width:30%;
	}

#three-column-right{
	float:right;
	width:30%;
	}

#three-column-middle{
	width:30%;
	margin:0px 31% 0px 35%;
	}

#footer-container{
	background:#71727F;
	color:#FFFFFF;
	background-image: url(images/brunswickGreen.gif); 
    background-repeat: repeat;
	margin-top:20px;
	}
#footer-left{
	margin-left:10%;
	padding:1px 15px;
	border-left:1px solid #FFFFFF;
	background-image: url(images/brunswickGreen.gif); 
    background-repeat: repeat;
	}
#footer-right{
	margin-left:31%;
	padding:1px 15px;
	border-left:1px solid #FFFFFF;
	background:url(images/bg-mainnav-right.gif) repeat-y right;
	}

/******************
LISTS - IN THE CONTENT DIV
******************/

#content ul.list,#content ul.link-list-vertical{
	margin:10px 0px 20px 10px;
	padding:0px;
	}

#content ul.list li{
	list-style:none;
	padding:1px 0px 1px 12px;
	margin:0px;
	background:url(images/bullet.gif) no-repeat;
	background-position:0 .4em;
	}

#content ul.link-list-vertical li{
	list-style:none;
	margin:0px;
	}

#content ul.link-list-vertical li a:link{
	padding:1px 0px 1px 12px;
	background:url(images/bullet-link.gif) no-repeat;
	background-position:0 .4em;
	}

#content ul.link-list-vertical li a:visited{
	padding:1px 0px 1px 12px;
	background:url(images/bullet-link-visited.gif) no-repeat;
	background-position:0 .4em;
	}

#content ul.link-list-vertical li a:hover{
	padding:1px 0px 1px 12px;
	background:url(images/bullet-link-hover.gif) no-repeat;
	background-position:0 .4em;
	}

#content ul.link-list-vertical li a:active{
	padding:1px 0px 1px 12px;
	background:url(images/bullet-link-active.gif) no-repeat;
	background-position:0 .4em;
	}

/******************
LISTS - IN THE SIDE COLUMN
******************/

#content-side ul.list,#content-side ul.link-list-vertical{
	margin:10px 0px 20px 10px;
	padding:0px;
	}

#content-side ul.list li{
	list-style:none;
	padding:1px 0px 1px 12px;
	margin:0px;
	background:url(images/bullet.gif) no-repeat;
	background-position:0 .4em;
	}

#content-side ul.link-list-vertical li{
	padding:1px 0px 1px 12px;
    list-style: none;
	}

#content-side ul.link-list-vertical li a:link{
	padding:1px 0px 1px 12px;
	background:url(images/bullet-link.gif) no-repeat;
	background-position:0 .4em;
	}

#content-side ul.link-list-vertical li a:visited{
	padding:1px 0px 1px 12px;
	background:url(images/bullet-link-visited.gif) no-repeat;
	background-position:0 .4em;
	}

#content-side ul.link-list-vertical li a:hover{
	padding:1px 0px 1px 12px;
	background:url(images/bullet-link-hover.gif) no-repeat;
	background-position:0 .4em;
	}

#content-side ul.link-list-vertical li a:active{
	padding:1px 0px 1px 12px;
	background:url(images/bullet-link-active.gif) no-repeat;
	background-position:0 .4em;
	}

/******************
TABLE STYLES
******************/

/*.table{
	width:100%;
	border:1px solid #71727F;
	}

.table td {
	padding:8px;
	border-left:1px solid #71727F;
	border-right:1px solid #71727F;
	}

thead th, tfoot th{
	background:#71727F;
	padding:8px;
	color:#FFFFFF;
	border-left:1px solid #71727F;
	border-right:1px solid #71727F;
	border-top:1px solid #71727F;
	border-bottom:1px solid #71727F;
	}

.table-row-1 td,.table-row-1 th{
	background:#EAEAEA;
	border:1px solid #71727F;
	}

.table-row-2 td,.table-row-2 th,thead{
	background:#F4F4F4;
	border:1px solid #71727F;
	}*/

/******************
CLASSES & TABLE STYLES
******************/

.mailingListJoin 
{
    /*background-color: #FFF;*/
}

.button-big{
	margin-top:8px;
	}

img.photobig,img.photosmall{
	border:1px solid #71727F;

	}

img.photosmall{
	margin-right:10px;
	margin-bottom:2px;
	float:left;
	}
img.photoThumbnail 
{
    border: 1px solid #71727F;   
}
.searchbox{
	height:13px;
	margin:0px;
	padding:0px;
	width:6em;
	color:#666666;
	font:11px Verdana,Arial,Helvetica,sans-serif;
	}

.button-search{
	height:17px;
	margin:0px;
	padding:0px 1px;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	font:bold 10px Verdana,Arial,Helvetica,sans-serif;
	background:#9798A1;
	}

.separator-side-column{
	border-top:1px solid #D0D0BF;
	width:100%;
	height:2px;
	font-size:1px;
	background:transparent;
	}

.small-text{
	font-size:.8em;
	}

.none{
	display:none;
	}
.hidden 
{
    visibility: hidden;
}
.clear{
	clear:both;
	}
.smallButton 
{
    text-align: left;
    height: 24px;
    padding: 0 5px 0 5px;
    width: 85px;
    font-family: Verdana;
    font-size: 11px;
    line-height: 1.8em;
}
/*** News Classes ***/
.newsHeadline 
{
    width: 95%;
    border: 1px dashed #ACA899;
    padding: 10px;
    margin-top: 10px;
    background-color: #F5F5F5;
    text-align: right;
    color: #333333;
}
.newsHeadline h2 
{
    text-align: left;
}
.newsArticle 
{
    width: 95%;
    border: 1px dashed #ACA899;
    padding: 10px;
    margin-top: 10px;
    background-color: #E8E8E8;
    text-align: left;
}
/*** Loco Classes ***/
.locoPanel 
{
    width: 95%;
    border: 1px solid #ACA899;
    padding: 10px;
    margin-top: 10px;
    background-color: #E8E8E8;
    text-align: left;
    color: #333333;
    float:left;
}
.locoBox 
{
    width: 142px;
    border: 1px solid #ACA899;
    padding: 10px;
    background-color: #E8E8E8;
    text-align: center;
    color: #333333;
}

.locoBox img 
{
    width: 128px;
    height: 96px;
}

.locoDetails 
{
    width: 100%;
}
.locoDetails .tableHeader
{
    font-weight: bold;
} 
/*** News Classes ***/
.newsHeadline h2 
{
    text-align: left;
}
.newsHeadline a:link{
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	}

.newsHeadline a:visited{
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	}

.newsHeadline a:hover{
	text-decoration:underline;
	}

.newsHeadline a:active{
	color:#CCCCCC;
	text-decoration:none;
	}
.newsHeader 
{
    border-bottom: 1px solid #000000;
}

.locoNewsHeader 
{
    border-bottom: 1px solid #ACA899; 
    font-size: 14px;
}
	
/*** Railtour Classes ***/
.railtourHeader 
{
    width: 100%;
    border: 1px dashed #ACA899;
    background-color: #F5F5F5;
    text-align: center;
    color: #333333;
}
.railtourHeader h2 
{
    margin: 0px;
}
.railtour_NoInformation 
{
    width: 100%;
    border: 1px dashed #ACA899;
    padding-top: 5px;
    padding-bottom: 5%;
    color: #333333;
}

/*** Event Classes ***/


.eventHeader 
{
    border-bottom: 1px solid #000000;
}

/*****************************************/
/** Modal Styles                        **/
/*****************************************/

.modalBackground 
{
	background-color: #999999;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.modalBox 
{
	background-color: #ffffff;
	border-width: 2px;
	border-style: solid;
	border-color: #525463;
	padding: 0px;
}

.modalWindowHeader 
{
    color: #FFF;
    background-image: url(images/brunswickGreen.gif); 
    background-repeat: repeat;
    padding: 5px;
    font-weight: bold;
    text-align: left;
}

.modalWindowInstructions 
{
    padding: 10px;
}

.modalWindowContent
{
    padding: 10px;
}

.modalWindowContent .textBox 
{
    width: 99%;
    font-family: Verdana;
    font-size: 11px;
}

.modalWindowContent .dropDownList 
{
    width: 99%;
    font-family: Verdana;
    font-size: 11px;
}

.modalWindowButtons 
{
    padding: 10px;
    text-align: right;
}

.modalWindowButtons .button 
{
    text-align: left;
    height: 24px;
    padding: 0 5px 0 5px;
    width: 150px;
    font-family: Verdana;
    font-size: 11px;
}