html
{
	margin: 0;
	padding: 0;
}

h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

body
{
	margin: 0;
	padding: 0;
	font-size:100%;
	font-family:"Trebuchet MS"; 
	background-color:#2268a8;
	background-image:url(../images/bgd.jpg); 
	background-repeat:repeat-x;
}

#wrapper 
{
	margin: 5px auto; 
	padding: 0;
	width: 769px;
	background-color: #FFFFFF;
}

#wrapper #header 
{ 
	margin: 0;
	padding: 0;
	width:769px; 
	height:80px; 
	float:left;
}

#wrapper #strap
{
	height: 20px;
	width: 749px;
	float: left;
	margin: 0;
	padding: 0 10px;
	background-color: #1f65a7;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
	
}

/* ----------------------------- navigation ------------------------- */

#nav
{
	width:769px;
	margin: 0;
	padding: 0;
	float:left;
	background-color:#094277; 
}

#nav ul
{
	margin:0;
	padding:5px 5px 0 5px;
	list-style:none;
	display:block;
}

#nav ul li
{
	display:inline;
}

#nav ul li a
{
	float:left;
	background:url(../images/tabs.gif) top right no-repeat;
	margin:0 3px 0 3px;
}

#nav h3
{
	margin:0;
	background:url(../images/tl.gif) top left no-repeat;
	padding:0 7px 0 7px;
	display:block;
	line-height:32px;
	font-size:0.9em;
	font-weight:bold;
}

#nav a, #nav a:visited 
{
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

#nav ul li a:hover
{
	background-position:right -32px;
	color:#fff;
}

#nav a:hover h3
{
	background:url(../images/htl.gif) top left no-repeat;
}

#nav ul li.current h3
{
	background:url(../images/ctl.gif) top left no-repeat;
}

#nav ul li.current, #nav ul li.current a, #nav ul li.current a:visited, #nav ul li.current a:hover
{
	background-position:right -64px;
	color:#094277;
} 

#nav ul li.current a:hover h3
{
	background:url(../images/ctl.gif) top left no-repeat;
}

.navigation ul li.current, .navigation ul li.current a,.navigation ul li.current a:visited, .navigation ul li.current a:hover 
{
	color:#ff9000;
}

/* --------------------------- Footer ------------------------- */

#wrapper #footer
{ 
	clear: both;
	float: left;
	width: 769px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0.7em;
	color: #000;
}

/* --------------------------- Col 1 --------------------------- */

#wrapper #col1 #containerhead
{
	clear: both;
	width: 769px;
	height: 22px;
	margin: 0;
	padding: 0;
	background-image: url(../images/cont_head_1col.gif);
	background-repeat: no-repeat;
}

#wrapper #col1 #containertitle
{
	clear: both;
	width: 734px;
	height: 20px;
	margin: -2px 10px 0 10px;
	padding: 0 0 0 15px;
	background-color:#094277;
	color: #FFFFFF;
	font-weight: bold;
}

#wrapper #col1 #containertitle a, #wrapper #col1 #containertitle a:active, #wrapper #col1 #containertitle a:hover, #wrapper #col1 #containertitle a:visited
{
	color: #ffffff;
	text-decoration: none;
}

#wrapper #col1 #containerbottom
{
	clear: both;
	width: 769px;
	height: 22px;
	margin: 0;
	padding: 0;
	background-image: url(../images/cont_bottom_1col.gif);
	background-repeat: no-repeat;
}

#wrapper #col1 #sub-nav-title
{
	display: none;
}


#wrapper #col1 #sub-nav
{
	display: none;
}

#wrapper #col1 #page-content p
{
	margin: 0;
	padding: 0;
}

#wrapper #col1 #page-content
{
	font-size:0.9em;
	clear: both;
	float: left;
	display: block;
	width: 719px;
	margin: 0;
	padding: 15px 25px 15px 25px;
	background-image: url(../images/cont_bgd_1col.gif);
}

/* ---------------------------------- Col 2 -------------------------------- */

#wrapper #col2
{
	width: 769px;
	margin: 0;
	padding: 0;
	background-image: url(../images/cont_bgd_2col.gif);
}

#wrapper #col2 #containerhead
{
	clear: both;
	width: 769px;
	height: 22px;
	margin: 0;
	padding: 0;
	background-image: url(../images/cont_head_2col.gif);
	background-repeat: no-repeat;
}

#wrapper #col2 #containertitle
{
	clear: both;
	display: inline;
	float: left;
	width: 534px;
	height: 20px;
	margin: -2px 0 0 10px;
	padding: 0 0 0 15px;
	background-color:#094277;
	color: #FFFFFF;
	font-weight: bold;
}

#wrapper #col2 #containertitle a, #wrapper #col2 #containertitle a:active, #wrapper #col2 #containertitle a:hover, #wrapper #col2 #containertitle a:visited
{
	color: #ffffff;
	text-decoration: none;
}

#wrapper #col2 #container
{ 
	clear: both;
	width: 709px;
	padding: 0; 
	/*padding: 10px 30px;*/
	background-image: url(../images/cont_bgd_2col.gif);
	background-repeat:repeat-y;
	margin: 0;
	border: none;
}

#wrapper #col2 #containerbottom
{
	clear: both;
	width: 769px;
	height: 22px;
	margin: 0;
	padding: 0;
	background-image: url(../images/cont_bottom_2col.gif);
	background-repeat: no-repeat;
}

#wrapper #col2 #page-content p
{
	margin: 0;
	padding: 0;
}

#wrapper #col2 #page-content
{
	font-size:0.9em;
	clear: both;
	float: left;
	display: block;
	width: 519px;
	margin: 0;
	padding: 15px 15px 15px 25px;
	background-image: url(../images/cont_bgd_2col_lh.gif);
}

#wrapper #col2 #sub-nav
{
	float: left;
	width: 175px;
	margin: 0;
	padding: 15px 25px 15px 10px;
	background-image: url(../images/cont_bgd_2col_rh.gif);	
}

#wrapper #col2 #sub-nav p
{
	margin: 0;
	padding: 0;
}

#wrapper #col2 #sub-nav-title
{
	float: left;
	width: 190px;
	height: 20px;
	margin: -2px 0 0 0;
	padding: 0 0 0 10px;
	background-color:#094277;
	color: #FFFFFF;
	font-weight: bold;
}

#wrapper #col2 #sub-nav-title a, #wrapper #col2 #sub-nav-title a:active, #wrapper #col2 #sub-nav-title a:visited
{
	color: #fff;
	text-decoration:none;
}

#wrapper #col2 #sub-nav-title a:hover
{
	color: #ffffff;
	text-decoration: none;
}

#wrapper #col2 #sub-nav ul
{
	margin: 0;
	padding: 0;
	display: block;
}

#wrapper #col2 #sub-nav ul li
{
	margin: 0 0 0 17px;
	padding: 0;
	/*text-indent: 4px;
	list-style-type: none;*/
	list-style-position: outside;
	list-style-image: url(../images/sub-nav-icon.gif);
	border-bottom: 2px solid #f2f5fe;
}

#wrapper #col2 #sub-nav ul li a, #sub-nav ul li a:visited
{
	font-size:88%;
	text-decoration: underline;
	color: #000066;
	font-weight: bold;
}

#wrapper #col2 #sub-nav ul li a:hover
{
	font-size:88%;
	text-decoration: underline;
	color: #000066;
}

#wrapper #col2 #sub-nav ul li ul
{
	margin: 0;
	padding: 0;
	display: block;
	background-color:#f2f5fe;
}

#wrapper #col2 #sub-nav ul li ul li
{
	margin: 0 0 0 17px;
	padding: 0;
	/*text-indent: 4px;
	list-style-type: none;*/
	list-style-position: outside;
	list-style-image: url(../images/sub-sub-nav-icon.gif);
	/*border-bottom: 2px solid #fff;*/
}

#wrapper #col2 #sub-nav ul li a, #sub-nav ul li ul li a:visited
{
	font-size:88%;
	text-decoration: none;
	color: #000066;
}

#wrapper #col2 #sub-nav ul li ul li a:hover
{
	font-size:88%;
	text-decoration: none;
	color: #000066;
}

.sub-nav-home
{
font-size:11px;
}

.caption
{
	color: #666666;
	font-size: 0.9em;
	text-align: center;
}



/* --------------------------------------- floatfix -------------------------------- */


/* Fix's #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}
/* End hide from IE-mac */

/* WOW Table */
.wow-table {
font-size:0.8em;
}

/* -------------------------------------- Stations.php ------------------------------------ */

.storySmall
{
	border-color: #D5DDEE;
	border-style: solid;
	border-width: 1px;
	background-color: #FFFFFF;
	width:580px;
	font-size: 0.9em;
	padding: 5px;
	
}

.style2 {font-size: 16px}


.storyWrapper
{
	width:710px;
}

.storyWrapperAdmin
{
	width:500px;
}

.stationImage
{
	width:710px;
	text-align:center;
}

/* Story Styles */

.storyTitle
{
	float:left;
	width:460px;
	padding:5px 0px 5px 5px;
}

.storyImage
{
	float:left;
	width:269px;
	height:269px;
	margin-top:20px;
	margin-bottom:20px;
}

.storyAudio
{
	padding:5px 5px 5px 5px;
	float:right:
	width:300px;

}

.storySummary
{
	margin-top:30px;
	padding:5px 5px 5px 5px;
	float:left;
	width:480px;
    background-color: #F1F4FA;
	border-color: #D5DDEE;
	border-style: solid;
	border-width: 1px;
	font-size: 0.9em;

}

.stationSummary
{
	padding:5px 5px 5px 5px;
	float:left;
	width:700px;
	background-color: #F1F4FA;
	border-color: #D5DDEE;
	border-style: solid;
	border-width: 1px;
	font-size: 0.9em;

}

.storyDetail
{
	margin-top:10px;
	padding:5px 5px 5px 5px;
	float:left;
	width:758px;
	background-color: #F1F4FA;
	border-color: #D5DDEE;
	border-style: solid;
	border-width: 1px;
	font-size: 0.9em;
	padding: 5px;
}

.stories
{
	float:left;
	margin-top:20px;

}

.storyImageSmall
{
	float:left;
	margin-top:16px;
}
/*
.story
{
	padding:2px 2px 2px 2px;
	float:left;
	width:580px;
	margin-left:20px;
	font-size: 0.9em;
	margin-bottom:5px;
}

.smallStoryBox
{
	float:left;
	width:758px;
	padding:5px 5px 10px 5px;
	border-color: #D5DDEE;
	
	border-bottom-style: solid;
	border-bottom-width: 1px;
	
	
}

.storyactionicons
{
    float: right;
    vertical-align:bottom;
    width:100px;
    clear:left;
}
*/
.comments
{

	float:left;
	/*
	width:450px;
	padding:5px 5px 5px 5px;
	*/
	
}

.comment
{
	padding:2px 2px 2px 2px;
	float:left;
	width:480px;
	background-color: #F1F4FA;
	border-color: #D5DDEE;
	border-style: solid;
	border-width: 1px;
	font-size: 0.9em;
	margin-bottom:5px;
}

.commenttext
{
    width: 300px;
}

.commentactionicons
{
    float: right;
    vertical-align:bottom;
    width:50px;
    clear:left;
}

.addComments
{

	float:left;
	/*
	width:450px;
	padding:5px 5px 5px 5px;
	*/
	
}

.addComment
{
	padding:0px 2px 2px 2px;
	float:left;
	width:500px;
	background-color: #F1F4FA;
	border-color: #D5DDEE;
	border-style: solid;
	border-width: 1px;
	font-size: 0.9em;

}

.commentApprove
{
	padding:2px 2px 2px 2px;
	width:400px;
	background-color: #FFFFFC;
	border-color: #EEDDD5;
	border-style: solid;
	border-width: 1px;
	font-size: 0.9em;
	margin: 20px;
	
}

.attention
{
    width: 450px;
    border-style: solid;
    border-width: 1px;
    border-color: #009900;
    background-color: #DEF9DE;
}

.attention h2
{
    color: #009900;
}

.station
{
	padding:2px 2px 2px 2px;
	float:left;
	width:580px;
	margin-left:20px;
	font-size: 0.9em;
	margin-bottom:5px;
}

.smallStationBox
{
	float:left;
	width:650px;
	padding:5px 5px 10px 5px;
	font-size: 0.8em;
	background-color: #F1F4FA;
	border-color: #D5DDEE;
	border-style: solid;
	border-width: 1px;
}

.stationitem
{
	float:left;
	width:100%;
	font-size: 0.9em;
	margin-bottom:5px;
	background-color: #F1F4FA;
	border-color: #D5DDEE;
	border-style: solid;
	border-width: 1px;
	
}


.stationEditBox
{
    background-color: #F1F4FA;
	border-color: #D5DDEE;
	border-style: solid;
	border-width: 2px;
	padding: 2px 2px 2px 2px;
	width: 500px;
	color: #000000;
	margin: 5px 0;
	
}

.stationEditForm
{
    background-color: #F1F4FA;
	border-color: #D5DDEE;
	border-style: solid;
	border-width: 2px;
	padding: 2px 2px 2px 2px;
	width: 500px;
	color: #000000;
	margin: 5px 0;
	background-image: url(/images/icons/blue_edit.gif);
	background-position: top right;
	background-repeat: no-repeat;
}


.stationEditBox .text
{
    color: #144470;
    font-size: 0.8em;
    font-weight: bold;
    vertical-align: middle;
    clear: both;
}

.stationEditForm .text
{
    color: #144470;
    font-size: 0.8em;
    font-weight: bold;
    vertical-align: middle;
    clear: both;
    margin: 5px 0;
}

.stationEditBox input, .stationEditBox img
{
    float: right;
    vertical-align: middle;
    display: inline;
}

.stationEditForm img
{
    float: right;
    vertical-align: top;
    display: inline;
}

.story
{
    background-color: #F1F4FA;
	border-color: #D5DDEE;
	border-style: solid;
	border-width: 2px;
	padding: 2px 2px 2px 2px;
	width: 700px;
	color: #000000;
	margin: 5px 0;
}

.storyAdmin /*this displays outside border and fill for my story in My Station */
{
    background-color: #F1F4FA;
	border-color: #D5DDEE;
	border-style: solid;
	border-width: 2px;
	padding: 2px 2px 2px 2px;
	width: 500px;
	color: #000000;
	margin: 5px 0;
}

.story img
{
    float: left;
    vertical-align: bottom;
    display: inline;
}

.story .storyImageSmall img
{
    float: left;
    vertical-align: top;
    display: inline;
    margin: 0 10px;
}

.story .text
{
    
    color: #144470;
    font-size: 0.8em;
    font-weight: bold;
    vertical-align: middle;
    width: 460px;
}

.addbutton
{
    width: 500px;
}

.addbutton h1
{
    
    float: left;
}

.addbutton a
{
    float: right;
    
    vertical-align: bottom;
}

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

.storyEditForm
{
    background-color: #F1F4FA;
	border-color: #D5DDEE;
	border-style: solid;
	border-width: 2px;
	padding: 2px 2px 2px 2px;
	width: 500px;
	color: #000000;
	margin: 5px 0;
	background-image: url(/images/icons/blue_edit.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.storyEditForm .text
{
    float: left;
    color: #144470;
    font-size: 0.8em;
    font-weight: bold;
    vertical-align: middle;
    clear: both;
    margin: 5px 0;
}

.storyEditBox input, .stationEditBox img
{
    float: right;
    vertical-align: middle;
    display: inline;
}

.storyEditForm img
{
    float: right;
    vertical-align: top;
    display: inline;
}

.givingvoice
{
	position:absolute;
	
	left:300px;
	top:20px;
}

.mast
{
	padding-top:5px;
	padding-right:5px;
	float:right;
}