/* CSS Document */
body {
	text-align:center;	
	margin-top:0px;
	margin-bottom:0px;
	background-color:#003366;
}

#guidePage{
	width:900px;
	text-align:left;
	background-image: url(../images/pageBG.jpg);
	margin:0 auto;
	position:relative;
}

#header{
	height:140px;
	background-image:url(../images/TACA_HomeHeader.JPG);
	width: 900px;
	position: relative;
}

#header h1{
	display:none;
}

#searchBar{
	bottom:0px;
	padding:5px;
	color:#FFFFFF;
	font-weight:bold;
	left: 0px;
	font-size: 0.9em;
	text-align: left;
}

#searchBar input{
	font-size:.9em;
	border:solid 1px #000000;
}
#q{
	width:200px;
}

.searchBtn{
	font-size:.9em;
	border:solid 1px #000000;
}

#pageBody{
	position:relative;
	width: 900px;
	text-align: left;
}

#leftColumn{
	float:left;
	width:150px;
	height:100%;
	font-size: 0.9em;
}

#centreColumn{
	float:left;
	width:596px;
	padding-bottom: 10px;
}

#rightColumn{
	float:left;
	width:150px;
}

#rightColumnAds, #leftColumnAds{
	text-align:center;
	padding:5px;
}

#footer{
	clear:both;
	background-color:#666666;
	color:#FFFFFF;
	text-align:center;
	font-size:0.8em;
	padding: 3px;
}

#footer a{
	color:#FFFFFF;
}

#councilMenu{
	list-style:square;
	position:relative;
	float:left;
	margin-left:0px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:450px;
	height:100%;
}

#guideMenu{
	list-style: none;
	margin: 0px;
	padding:0px;
}

#guideMenu a{
	color:#666666;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	border-bottom:solid 1px #666666;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	text-decoration:none;
}

#guideMenu a:hover{
	color:#FFFFFF;
	background-color:#003399;
}

#guideMenu li{
	margin-left:0px;
	padding:0px;
}

#quickLinks{
	list-style: none;
	padding: 10px;
	margin: 0px;
	background-color:#E1E1E1;
}

#quickLinks a{
	color:#666666;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	border-bottom:dashed 1px #666666;
	padding:5px;
	padding-left:10px;
	text-decoration:none;
}

#quickLinks a:hover{
	color:#6b0303;
}

#quickLinks li{
	display:inline;
}

#categories{
	padding-left:10px;
	padding-right:10px;
}

#categories h2{
	color:#660000;
	font-style:italic;
	font-family:"arial black";
}

#editorialContent{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	position: relative;
	text-align: left;
}

#editorialContent h2{
	font-family:"arial black";
	font-size:1.5em;
	font-style:italic;
	color:#6b0303;
}

#editorialContent h2 strong{
	color:#6b0303;
}

#editorialContent ul{
	list-style:square;
}

#breadcrumbs{
	background-color:#000000;
	border:1px solid #666666;
	color:#FFFFFF;
	font-size:0.8em;
	font-weight:bold;
	padding:1px;
	padding-left:5px;
	width: 894px;
}

#breadcrumbs a{
	color:#FFF;
}

#links{
	background-color:#6b0303;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	padding:5px;
}

.superCat{
	color:#6b0303;
	font-size:1.1em;
	font-weight:bold;
}

.Disappear
{
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    DISPLAY: none;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid;
}
.date{
	display:none;
}


div.suggestions {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid black;
    position: absolute;   
	BACKGROUND-COLOR:#FFFFFF;
	font-size:.9em;
	text-align:left;
}

div.suggestions div {
    cursor: default;
    padding: 0px 3px;
}

div.suggestions div.current {
    background-color: #6b0303;
    color: white;
}

/*ul.boxy {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	font-family: Arial, sans-serif;
}
ul.boxy li {
	position:relative;
	cursor:move;
	padding: 2px 2px;
	border: 1px solid #ccc;
	background-color: #eee;
	margin-top:3px;
}
ul.boxy a {
	color:#6b0303;
	text-decoration:underline;
	font-variant:small-caps;
	font-weight:bold;
}*/
#homelink{
	position:absolute;
	width:558px;
	height:88px;
	left: 16px;
	top: 12px;
	cursor:pointer;
}
.location{
	font-weight:bold;
	font-size:1.0em;
	color:#003366;
}
.weather{
	position:relative;
	padding-bottom:25px;
}
.noaaWeatherIcon{
	padding-right:10px;
}
.temp{
	color:#990000;
	font-size:1.2em;
	font-weight:bold;
}
.observationTime{
	font-size:.8em;
	color:#999999;
}
.credit{
	text-align:center;
	font-size:.8em;
}


	#dhtmlgoodies_menu{		
		font-size:.8em;	/* Font for main menu items */
		width:150px;	/* Width of main menu */
		
	}
	#dhtmlgoodies_menu	li{	/* Main menu <li> */
		list-style-type:none;	/* No bullets */
		margin:0px;	/* No margin - needed for Opera */
	}
	#dhtmlgoodies_menu ul{	
		margin:0px;	/* No <ul> air */
		padding:0px;	/* No <ul> air */
	}
	#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
		padding-left:10px;
	}
	#dhtmlgoodies_menu	li a{	/* Main menu links */
		
	color:#666666;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	border-bottom:solid 1px #666666;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	text-decoration:none;
	}
	#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
	color:#FFFFFF;
	background-color:#003399;
	}
	.dhtmlgoodies_subMenu{
		visibility:hidden;
		position:absolute;
		overflow:hidden;
		border:1px solid #000;
		background-color:#DBDBDB;
		font-size:.8em;
		text-align:left;
	
	}
	.dhtmlgoodies_subMenu ul{
		margin:0px;
		padding:0px;	
	}
	.dhtmlgoodies_subMenu ul li{
		list-style-type:none;
		margin:0px;
		padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
		padding-left:15px;
		padding-right:15px;
	}
	.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
		white-space:nowrap;	/* No line break */
		text-decoration:none;	/* No underline */
		color:#000;	/* Black text color */
		
		height:16px;	/* 16 pixels height */
		line-height:16px;	/* 16 pixels height */
		padding:1px;	/* 1px of "air" inside */
		
		display:block;	/* Display as block - you shouldn't change this */
	}
	.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
		color:#FFFFFF;
		background-color:#003399;
	}
.calDesc{
	float:left;
	width:50%;
}
td{
	padding-left:5px;
}
.Results{
	border-top:double 3px #000000;
}
#blockWall, #concreteCalculator, #columnCalc{
	display:none;
}
.calcInput{
	border:1px solid #000000;
}
#joinForm{
	font-size:.8em;
}
#joinForm input{
	border:solid 1px #333333;
}
.xDate{
	font-size:.8em;
	font-style:italic;
}