/*general page formatting*/

html,body{ height: 100%; margin: 0; padding: 0; }

body 
{ 
margin: 0px;
padding: 0px;
background-color: #F7F7EE;
}

.bgmaster
{
min-height: 100%;
width: 1024px;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
padding-bottom: 0px;
background:url("./images/bg_shad.gif");
background-repeat: repeat-y;
}

.master 
{
width: 924px;	
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
padding-bottom: 200px;
background-color: #ffffff;
font: 10pt arial;
color: #5E5E5E;
}

/*breaking news formatting*/

.break 
{
background-color: #ffffff;
width: 910px;
padding: 7px;
text-align: right;
font: bold 15px georgia;
color: #FF0000;
border-bottom: 2px solid #FF0000;
}

/*banner formatting*/

.banner
{
width: 924px;
height: 171px;
margin:0px;
padding: 0px;
}

/*old menu formatting

.hovermenu
{
margin: 0px;
margin-top: 3px;
margin-bottom: 7px;
padding: 0px;
width:924px;
background-color: #ffffff;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

.hovermenu ul
{
font-size: 13px;
font-family: Georgia, Georgia, serif;
margin:0;
padding: 0;
margin-top: 7px;
margin-bottom: 7px;
}

.hovermenu ul li
{
list-style: none;
display: inline;
margin: 0px;
padding-left: 7px;
}

.hovermenu ul li a
{
text-decoration: none;
color: #000000;
}

.hovermenu ul li a:hover
{
color: #141F6F;
}

*/






.menu {
width: 100%;
height: 25px;
padding-top: 1px;
font-family: Georgia, Georgia, serif;
font-size: 1em;
font-weight: bold;
margin-bottom: 10px;
background-color: #F7F7EE;
border-top: 1px solid #CACAC3;
border-bottom: 1px solid #CACAC3;
}


/* menu styles */
#jsddm
{	margin: 0;
	padding: 0}

	#jsddm li
	{	float: left;
		list-style: none;
		}

	#jsddm li a
	{	display: block;
		/*background: #363636;*/
		padding: 4px 10px;
		text-decoration: none;
		/*border-right: 1px solid #FFFFFF;*/
		/*border-bottom: 1px solid #CACAC3;*/
		/*width: 120px;*/
		/*color: #E6DCB7;*/
		white-space: nowrap}

	#jsddm li a:hover
	{	
	text-decoration: underline;
	/*background: #363636;*/
	  }
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			}
		
			#jsddm li ul li
			{	float: none;
				display: inline
				}
			
			#jsddm li ul li a
			{	/*width: 120px;*/
				background-color: #F7F7EE;
				/*color: #E6DCB7;*/
				/*border-bottom: 1px solid #CACAC3;*/
				}
			
			#jsddm li ul li a:hover
			{	
			background-color: #F7F7EE;

			text-decoration: underline;
			}












/*left content div formatting*/

.content 
{
font-family: Arial, Arial, Helvetica, sans-serif;  
font-size: 10pt; 
font-weight: normal;
margin: 0px;
padding: 0px;
width: 748px;
float: left;
}

.content h1
{
text-align:center;
color: #1F1F1F;
font-family: georgia;
font-weight: bold;
font-size: 14pt;
padding-top: 15px;
padding-bottom: 15px;
margin-top: 0px;
margin-bottom: 0px;
}

.content h2
{
text-align:left;
color: #1F1F1F;
font-family: georgia;
font-weight: bold;
font-size: 12pt;
padding-top: 20px;
padding-bottom: 5px;
margin-top: 0px;
margin-bottom: 0px;
}

.content ul
{
margin: 0px;
padding: 0px; 
}

.content li
{
list-style: square outside; color: #003366;
margin-left:15px;
margin-right:0px; 
color: #5E5E5E;
}

/*pic flyout formatting*/

.thumbnail
{
position: relative;
z-index: 0;
}

.thumbnail:hover
{
background-color: transparent;
z-index: 50;
}

.thumbnail span
{ 
position: absolute;
background-color: black;
left: -1000px;
visibility: hidden;
padding: 1px;
color: black;
}

.thumbnail span img
{ 
border-width: 0;
}

.thumbnail:hover span
{ 
visibility: visible;
top: 0;
left: -50px; 
}

.atf 
{
border-spacing: 5px;
padding-left: 0px;
padding-right: 0px;
}

.atf td
{
width: 232px;
vertical-align: top;
padding: 5px;
border: 1px solid #f1f2f2;
}

.atf img
{
border: 1px solid black;
}

.atf p
{
margin-top: 0px;
}

.atf h1
{
text-align:left;
padding: 0px;
margin: 0px;
font-family: georgia;
font-weight: bold;
font-size: 14pt;
}

a:link.atfh {color: #003366; text-decoration: none;}
a:visited.atfh {color: #003366; text-decoration: none;}
a:hover.atfh {color: #003366; text-decoration: none;}
a:active.atfh {color: #003366; text-decoration: none;}

.leaderboard
{
width:728px;
margin: 10px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
} 

.mid 
{
font-family: georgia;
font-weight: bold;
font-size: 10pt;
background-color: #f7f7ee;
height: 30px;
width: 748px;
}

.midtext 
{
font-size: 14pt;
text-align:left;
margin-left: 14px;
padding-top: 3px;
}

/*feature formatting*/

.feature td
{
padding: 10px;
}


.feature h1
{
text-align:left;
font-family: georgia;
font-weight: bold;
font-size: 12pt;
margin: 0px;
padding-top: 10px;
padding-bottom: 2px;
}

a:link.feature {color: #003366; text-decoration: none;}
a:visited.feature {color: #003366; text-decoration: none;}
a:hover.feature {color: #003366; text-decoration: none;}
a:active.feature {color: #003366; text-decoration: none;}

.featurebb
{
text-align:left;
margin-top: 0px;
padding-top: 10px;
}

/*headlines formatting*/

.headlines td
{
padding: 10px;
}

.headlines h1
{
text-align:left;
font-family: georgia;
font-weight: bold;
color: #5e5e5e;
font-size: 12pt;
margin-top: 10px;
padding-left: 10px;
}

.headlines ul
{
margin: 0px;
padding-left: 10px; 
}

.headlines li
{
list-style: square outside; color: #5e5e5e;
margin-left:20px;
margin-right:0px; 
padding-left: 10px;
}

a:link.headlines {color: #003366; text-decoration: none;}
a:visited.headlines {color: #003366; text-decoration: none;}
a:hover.headlines {color: #003366; text-decoration: underline}
a:active.headlines {color: #003366; text-decoration: none;}

#ticker { width:298px; height:248px; border:1px solid #F7F7EE; overflow:auto; font-size: 10px; font-family: verdana; color: #505050; }
#ticker dt { padding:0 10px 5px 10px; background-color:#F7F7EE; padding-top:10px; position:relative; }
#ticker dd { margin-left:0; padding:0 10px 10px 10px; position:relative; text-align: left; }
#ticker dd.last { }
#ticker div { margin-top:0; }
#ticker dt.heading {font-weight:bold;}

/*right strip formatting*/

.strip 
{
width: 166px;
float: right;
text-align: center;
font-size: 8pt;
padding-left: 5px;
padding-right: 5px;
margin: 0px;
}

.strip hr
{
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
padding-top: 0px;
padding-bottom: 0px;
color: #ffffff;
background-color: #ffffff;
height: 1px;
width: 120px;
}

.strip h1
{
font-family: georgia;
font-weight: normal;
text-align: center;
font-size: 9pt;
margin-top:0px;
margin-left:0px;
border: 0px solid blue ;
}

/*frontpage flyout formatting*/

.pthumbnail
{
position: relative;
z-index: 7;
}

.pthumbnail:hover
{
background-color: transparent;
}

.pthumbnail span
{
position: absolute;
background-color: #f1f2f2;
padding: 1px;
left: -1000px;
border: 1px solid #f1f2f2;
visibility: hidden;
color: #003366;
text-decoration: none;
}

.pthumbnail span img
{
border-width: 0;
padding: 1px;
}

.pthumbnail:hover span
{
visibility: visible;

left: -412px;
}

/*storypage formatting*/

.story
{
color: #1F1F1F;
}

.story h1
{
text-align:left;
color: #1F1F1F;
font-family: georgia;
font-weight: bold;
font-size: 14pt;
padding-top: 15px;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 2px;
}

.storyimage
{
width:1px;
float: right;
margin-top: 0px;
margin-left: 20px;
margin-bottom: 20px;
padding-top: 0px;
font-family: arial;
font-size: 8pt;
}

/*fdcycle formatting*/

.multiplayer 
{
width:375px;
border: 1px solid #CFCFCF; 
background-color: #f7f7ee;
}

.pics { 
width: 375px; 
padding:0px; 
}

.multinav
{
width: 375px;
padding-top: 5px;
}

.multicaption
{
width: 365px;
padding: 5px;
}

/*adlink formatting*/

.textad
{
width: 100%;
margin-top: 15px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #f7f7ee;
text-align:center;
font-family: arial;
font-size: 10pt;
border: 1px solid #CFCFCF;
}

.adlink
{
float: right;
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #f7f7ee;
text-align:center;
font-family: arial;
font-size: 10pt;
border: 1px solid #CFCFCF;
}

.adlink img
{
border: 0px;
}

.otherstories
{
text-align:left;
margin-right: 10px;
margin-left: 10px;
padding-top: 0px;
}

/*cutline formatting*/

#lightbox
{
background-color:#5E5E5E;
padding: 20px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}

#lightboxDetails
{
font-size: 0.8em;
color: #ffffff;
padding-top: 0.4em;
}	

#lightboxCaption
{ 
float: left;
}

#keyboardMsg
{ 
float: right; 
}

#lightbox img
{ 
border: none; 
} 

#overlay img
{ 
border: none; 
}

/*classifieds formatting*/

.classifieds
{
text-align:center;
width: 100%;
}

.classifieds td
{
width: 50%;
text-align:center;
vertical-align: top;
padding-bottom: 15px;
}

.gmap 
{
position: fixed;
margin-top: 20px;
margin-left: 245px;
border: 2px solid #26375d;
}

/*general form formatting*/
	
input
{
color: #4A4A4A;
border: 1px solid #4A4A4A;
}

textarea
{
color: #4A4A4A;
width: 330px;
height: 330px;
border: 1px solid #4A4A4A;
}

select
{
color: #4A4A4A;
border: 1px solid #4A4A4A;
}

a:link {	color: #003366; text-decoration: none;}
a:visited {	color: #003366; text-decoration: none;}
a:hover {	color: #003366; text-decoration: underline;}
a:active {	color: #003366; text-decoration: none;}

a:link.white {	color: #ffffff; text-decoration: none;}
a:visited.white {color: #ffffff; text-decoration: none;}
a:hover.white {	color: #ffffff; text-decoration: underline;}
a:active.white {color: #ffffff; text-decoration: none;}

a:link.red {	color: #CC0000; text-decoration: none;}
a:visited.red {color: #CC0000; text-decoration: none;}
a:hover.red {	color: #CC0000; text-decoration: underline;}
a:active.red {color: #CC0000; text-decoration: none;}