@charset "utf-8";
/* CSS Document */

html, body {
	background-color:#fff;
	margin:0px;
	padding:0px;
	width:100%;
	height:101%;
}

.white-large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: bold;
	color: #FFF;
}

	
font.copyright {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	}

.eshweb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

}
.norepeat-cell {
	background-image: url(../images/boxtop.gif);
	background-repeat: no-repeat;
	background-position: center top;
}



.normaltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;

}
.med {
	font-family: tahoma;
	font-size: 16px;
}
.Large-Header {
	font-family: tahoma;
	font-size: 24px;
	color: #333;
	font-weight: bold;
	top: 0px;
	margin: 0px;
	padding: 0px;

}
.menu-style {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;

}
.small-text {
	font-family: Tahoma;
	font-size: 10px;
}
.popupif {
	top: 400px;
	background-color: #006600;
	padding: 200px;
}

.list {
	text-indent: .5in;
	list-style-position: outside;
	list-style-type: decimal;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;

}
.whiteText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
a {
	text-decoration: none;
	color:#0066CC;
}

a:hover {
	text-decoration:underline;
	font-weight:bold
	}
	
a:visited {
	color:#0066CC;
	}


.titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.medimumtext {
	font-family: tahoma;
	font-size: 18px;
	font-weight: bold;
}

.googlesearch {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	float: right;
	height: 19px;
}

.redText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
.newstop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #333;
}
.Red_Bold_Large_Text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #C00;
}
.medwhite {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	vertical-align: middle;
}
.whiteTextBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.bluetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #0000FF;
}
.colorRow {
	background-color: #99CC67;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.redText14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
}


.bulleted {
	font-family: tahoma;
	font-size: 12px;
	font-style: normal;
	list-style-type: none;
	list-style-position: outside;
	text-decoration: none;
	list-style-image: url(../images/arrow-orange-round.gif);
	position: relative;
}
.greenArrowBullet {
	list-style-position: outside;
	list-style-image: url(/images/arrow-orange-outline.gif);
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 18px;
}


.sharebutton {
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 125px;
	top: 3px;
	bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: middle;
}
iframe.programs-i {
	border: #669933 1px solid;
	
}
.horizontal_line {
	line-height: normal;
	color: #CCC;
}
.table_light_borders {
	border: 1px thin #999;
	color: #000;
}

td.light_borders {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCC;
}
.tableborderslight {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	background-color: #FFF;
}


span.addthismorespan {
	font-size:9px;
	font-weight:bold;
	/*letter-spacing:1px;*/
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}

img
{  border-style: none;
}

td.light_column_borders_2 {
border-right: 1px solid #000;
border-left: 1px solid #000;
}



/****************** SHADOW ****************/
td.left_corner_shadow {
	background:url(../background-shadow/lc.png) right top no-repeat;
	}

td.right_corner_shadow {
	background:url(../background-shadow/rc.png) left top no-repeat;
	}

td.bottom_shadow {
	background:url(../background-shadow/bs.png) left top repeat-x;
	border-top:5px solid #d1d1d1;
	}
	
td.left_shadow {
	background:url(../background-shadow/ls.png) right top repeat-y;
	border-right:5px solid #d1d1d1;
	}
	
td.right_shadow {
	background:url(../background-shadow/rs.png) left top repeat-y;
	border-left:5px solid #d1d1d1;
	}
	
/****************** Newsticker ****************/
a.newsticker {
	color:#FFF;
	text-decoration:none;
	background-color:#C00
}
a.newsticker:hover {
	background-color:#FC0;
}
a.newsticker:visited {
	color:#c00;
}
.righttabletext {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	color: #99F;
}


div.spacer {
	width:100%;
	height:6px;
	/*background-color:#000066;*/
}
.normaltext14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333;

}
.table_backgr_black {
	background: url(/images/top-backgroundcolor.png) left top repeat-x;
	width:100%;
	height:100px;
	}
	
/************* BOTTOM TOOLBAR ************/
#toolbarHolder {
	position:fixed;
	width:100%;
	height:30px;
	bottom:0px;
	left:0px;
	z-index:9999;
}



#toolbar {
	position:relative;
	width:916px;
	margin:0px auto;
	height:100%;
	background:url(/images/toolbar-repeat.png) top left repeat-x;
	line-height:30px;
	color:#E8E8E8;
	letter-spacing:1px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

#toolbar_left {
	float:left;
	width:50%;
	height:100%;
	background:url(/images/left-toolbar-round.png) top left no-repeat;
}

#toolbar_right {
	float:left;
	width:50%;
	height:100%;
	text-indent:20px;
	background:url(/images/right-toolbar-round.png) top right no-repeat;
}

#copyright {
	width:450px;
	float:right;
	text-align:left;
	
}

#shareThis {
	width:450px;
	float:left;
	text-align:left;
}

div.fixer {
	clear:both;
}

div.big_top_logo {
	background:url(/images/top-page/text-boat-web-logo-trans.png) left top no-repeat;
	width:573px;
	height:76px;
}

div.top_div_centered {
	margin:0px auto;
	width:900px;
	height:100%;
}

a.facebook {
	text-decoration:none;
	font-size:9px;
}

a.facebook:hover {
	text-decoration:underline;
	font-size:9px;
}


#tooltip {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		text-align:center; 
		width:583px; 
		height:40px;
	}
	
	#tooltip ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
				
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:110px; 
		top:0; 
		
	}
	
	#tooltip ul li {
		
		/* give some spaces between the list items */
		margin:0 5px; 
		
		/* display the list item in single row */
		float:left;
	}
	
	#tooltip #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:0; 
		z-index:200; 

		/* image of the right rounded corner */
		background:url(tail.gif) no-repeat right center; 
		height:35px;


		/* add padding 8px so that the tail would appear */
		padding-right:8px;
		
		/* set the box position manually */
		margin-left:5px;
		
	}
	
	#tooltip #box .head {
		/* image of the left rounded corner */
		background:url(head.gif) no-repeat 0 0;
		height:35px;
		color:#eee;
		
		/* force text display in one line */
		white-space:nowrap;

		/* set the text position manually */
		padding-left:8px;
		padding-top:12px;
	}
iframe {    border-style:dashed;
   border-color: #000; /*CHOOSE THE COLOR YOU WANT HERE */
   border-top-width:1px; /*CHOOSE THE SIZE YOU WANT HERE */
   border-bottom-width:1px; /*CHOOSE THE SIZE YOU WANT HERE */
   border-left-width:1px; /*CHOOSE THE SIZE YOU WANT HERE */
   border-right-width:1px; /*CHOOSE THE SIZE YOU WANT HERE */
}


/****************************************/