﻿@IMPORT "local-hero.css";
@IMPORT "upcoming-events.css";

#Dialogue{ clear:both; }

div.main {
	width:765px;
 	display:inline;
 	float:left;
}

h2{		display:block;
    	width:392px;
    	float:right;
    	margin-top:0px;
    	margin-bottom:5px;
    	margin-left:5px;
		color:#003e7e; /* tboblue */
		font-size:16px;
}
	
span.NationalHomeTitle {
	color:#003e7e; /* tboblue */
	font-size:16px;
	font-weight:bold;
	border-bottom:dotted 1px #34a5e2; /* tboaqua */
	padding-bottom:3px;
}
span.NationalHomeTitle em {
	color:#6f7376; /* tbogray */
	font-style:normal;
}

p.NationalHomeMainText em {
	color:#6f7376; /* tbogray */
	font-style:normal;
	font-weight:bold;
}
#Div_MapImage
{
	float:left
}

div#Div_RegionList
{
	display:block;
	float:right;
	padding-left:10px;
}
div#Div_RegionList div.top
{
	background-image:url("/_style/module/home/i/grey-bg-top.png");
	background-repeat:no-repeat;
	height:18px;
	width:392px;
	}
div#Div_RegionList div.mid
{
	background-image:url("/_style/module/home/i/grey-bg-mid.png");
	background-repeat:repeat-y;
	}
div#Div_RegionList div.bottom
{
	background-image:url("/_style/module/home/i/grey-bg-foot.png");
	background-repeat:no-repeat;
	height:18px;
	width:392px;
	}

a.RegionLink
{
	display:inline-block;
	width:100px;
	color:#003e7e; /* tboblue */
	font-weight:bold;
	margin-left:20px;
	line-height:16px;
}
div#banner_surround
{
	display:block;
	margin:10px 0px 10px 0px;
	}
div#Div_TopTownList_Top
{
	display:block;
	height:26px;
	background-image:url(i/top_20_box_top.png);
	background-repeat:no-repeat;
}
div#Div_TopTownList
{
	display:block;
	background-image:url(i/top_20_box_middle.png);
	background-repeat:repeat-y;
}
div#Div_TopTownList_Bottom
{
	display:block;
	height:22px;
	background-image:url(i/top_20_box_bottom.png);
	background-repeat:no-repeat;
}

div.rightcol
{
	float:right;
	margin:0px;
	padding: 0px 0px 0px 5px; 
	width:182px;
}
div.top20title
{
	margin-left:25px;
}

img.top20title
{
	display:block;
	float:left;
}

span.top20title
{
	background-image:url(i/top20_middle.png);
	background-repeat:repeat-x;
	display:block;
	float:left;
	height:25px;
	color:#34a5e2; /* tboaqua */
	font-size:14px;
	padding-top:4px;	}
	
a.top20subtitle
{
	display:block;
	float:left;
	height:25px;
	clear:both;
	background-color:#f9f9f9; 
	background-image:url(i/list_towns_bullet.png);
	background-repeat:no-repeat;
	background-position:20px 5px;
	color:#003e7e; /* tboblue */
	padding-left:40px;
	padding-top:3px;
	width:134px;
	margin: 10px 5px 10px 5px;	
	}
	
div#Div_TopTownList ul
{
	margin:0px;
	padding-left:40px;
	}
div#Div_TopTownList li
{
	list-style-image:url(i/bullet_20.png);
	}

a.TopTownLink
{	
	display:block;
	clear:both;
	width:140px;
	color:#003e7e; /* tboblue */
}

Div.VideoBar
{
	display:block;
	width:555px;
	}
	
input.PlayVideo 
{ 
    display:block; 
    float:left; 
    border:none; 
    background:none; 
    background-image:url(i/national_watch_button.png);  
    width:197px; 
    height:106px; 
    margin:0px; 
    padding:0px; 
    cursor:pointer;
}
	
Div.VideoBar ul
{	
	background-color:#f7f4e3;
	width:290px;
	height:62px;
	float:left;
	margin:0px;
	padding: 8px 0px 0px 40px;
	margin-top:26px;
}	

Div.VideoBar li
{
	list-style-type:none;
	padding:3px;
}
Div.VideoBar div.imageholder
{ margin-top:26px;}

Div.VideoBar li img
{
    margin-top:0px;
	padding:4px;
	}
Div.VideoBar li span
{
	color:#34a5e2; /* tboaqua */
	font-style:normal;
	font-weight:bold;
	display:block;
	float:left;
	padding:3px;
}

Div.VideoBar li a
{
	color:#003e7e; /* tboblue */
	font-weight:bold;
	display:block;
	float:left;
	padding:3px;
	cursor:pointer;
	width:140px;
	}

div.DIV_Video a.Video2Link { float:right; clear:right;display:block;  width:144px; height:66px; cursor:pointer; margin-top:30px; background-image:url(i/wheel.png);}
div.DIV_Video a.Video3Link {float:right; clear:right; display:block; width:144px; height:66px; cursor:pointer; margin-top:20px; background-image:url(i/ear.png);}
div.DIV_Video input.CloseVideo {float:right; clear:right; display:block; width:121px; height:27px; cursor:pointer; margin-top:40px; margin-right:23px; background:none; border:none; background-image:url(i/close_vdo_button.png);}

div.DIV_Video div#video { display:block; border:solid 1px #cccccc; margin-top:10px; }
div.DIV_Video div#video div.GetSilverlight{display:block; width:320px; height:180px; }
div.DIV_Video div#video div.GetSilverlight a { display:block; width:320px; height:180px; cursor:pointer; background-image:url(i/install_Silverlight.png); background-position:top left;}


