/* -------------- Reset Styles -------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead{border: 0pt none;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0pt;padding: 0pt;}
caption, th, td{font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}

/* -------------- general styles -------------- */

html,body{
	margin:0;
	padding:0;
}

body{
	font: 76% arial,sans-serif;
}

body.fend{
	background: #edf4fa url(/fend/images/bg_main.gif) repeat-y;
}

p{
	margin: 5px 0;
}

ul{
	list-style: disc outside;
	margin: 10px 0;
}

li{
	margin: 1px 25px;
	color: #4C1F4C;
	font-size: 11px;
}

b, strong{
	font-weight: bold;
}

i, em{
	font-style: italic;
}

.clear{
	clear: both;
}

h1 {
    color: #2E4FA0;
    font-size: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

h2 {
    font-size : 14px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
    color : #4C1F4C;
    text-decoration: none;
}

h3 {
    font-size : 17px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : normal;
    color : #4C1F4C;
    text-decoration: none;
}

h4 {
    color: #183a17;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

h5 {
    font-size : 13px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight : bold;
    color : #ffffff;
    text-decoration: none;
}
p {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #000; 
}

a:link, a:visited, a:active { 
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #2E6AA6;
    text-decoration: none;
}

a:hover {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #2E6AA6;
    text-decoration: underline;
}

a:link img, a:visited img { 
	border-style: none;
}

a img{ 
	color: #fff;
}

div#container{
	width:760px;
	text-align:left;
}

	div#columnshell{
		float:left;
		width:143px;
	}
	
		div#columnshell h1{
			width: 143px;
			height: 152px;
			background: url(/fend/images/legion-logo.gif);
		}
		
			div#columnshell h1 span{
				display: none;
			}
			
		ul#programsnav{
			list-style: none;
			width: 140px;
			margin: 0;
			padding: 10px 0;
			background:#003366 url(/fend/images/column-backer.gif) repeat-y;
		}
		
			ul#programsnav li{
				margin: 0;
				padding: 0 5px;
				line-height: 16px;
				border-top: 1px solid #2e6aa6;
			}
			
				ul#programsnav li a{
					font-size: 13px;
					color: #fff;
				}
				
				ul#programsnav li a:hover{
					color: #FFFF66;
					text-decoration: none;
				}

		ul#news{
			margin: 0;
			list-style: none;
		}
		
			ul#news li{
				margin: 0px 12px;
			}
						
			.newsHeading{
				color: #5183B6;
				font-weight: bold;
				font-size: 9pt;
				padding-top: 8px;
			}
			
			.newsContent{
				color: #003366;
				font-weight: normal;
				font-size: 8pt;
			}
			
			.newsParagraph{
				color: #000000;
				font-weight: normal;
				font-size: 10px;
				margin: 0 0 10px 0;
			}
			
			.newsMore{
				padding-bottom: 8px;
				border-bottom: 1px solid #89acd0;
				text-align: right;
			}
			
				.newsMore a:link, .newsMore a:visited, .newsMore a:active{
					color: #003366;
					font-weight: bold;
					font-size: 8pt;
					text-decoration: none;
				}
				
				.newsMore a:hover{
					text-decoration: underline;
				}
			
		p#visitors{
			text-align: center;
			color: #CC3300;
			font-size: 11px;
			padding: 20px 0;
		}

	div#wrapper{
		float: left;
		width: 617px;
	}
	
		div#headershell{
			position:relative;
			height: 144px;
			background: url(/fend/images/header-backer.gif);
		}
		
			div#topnav{
				position: absolute;
				top: 0;
				left: 411px;
			}
			
				div#topnav a span{
					display: none;
				}
				
				div#topnav a.home{
					height: 20px;
					width: 50px;
					display: block;
					float: left;
					margin-right: 11px;
				}
				
				div#topnav a.contact{
					height: 20px;
					width: 69px;
					display: block;
					float: left;
					margin-right: 8px;
				}
				
				div#topnav a.sitemap{
					height: 20px;
					width: 64px;
					display: block;
					float: left;
					margin-right: 4px;
				}
				
			div#flashshell{
				width: 405px;
				height: 100px;
				color: #fff;
			}
		
			div#searchwrapper {
				width: 116px;
				height: 25px;
				position: absolute;
				top: 118px;
				left: 487px;
			}
			
				div#searchwrapper #search_string {
					float: left;
					background: none;
					border: 0px none;
					width: 80px;
					font-size: 10px;
				}
				
				#searchwrapper #search_submit {
					float: right;
					margin: 2px 2px 0 0;
					width: 30px;
					height: 16px;
				}
				
			div#navtrail{
				margin: 10px 0 0 4px;
				color: #bfbfbf;
			}
			
				div#navtrail a{
					color: #000;
					font-weight: bold;
					font-size: 11px;
				}
		
		div#content{
			float:left;
			width:600px;
			clear: both;
			margin-top: 10px;
		}
		
			div#pagetitle{
				float: left;
				margin-left: 10px;
			}
			
			div#print{
				float: right;
			}
			
			div#contentwrapper{
				padding: 10px;
				clear: both;
			}
		
		div#footershell{
			text-align: center;
			clear:both;
			height: 39px;
			line-height: 39px;
		}
		
			div#footershell a:link,
			div#footershell a:visited,
			div#footershell a:active
			div#footershell a:hover{
				color: #2E6AA6;
				font-weight: bold;
				font-size: 11px;
			}


.pollText 
{
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	COLOR: black;
}
.smPollText
{
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px; 
	COLOR: black;
}
a.Poll 
{
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px; 
	COLOR: black;
}
a.Poll:hover 
{
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px; 
	COLOR: #1E90FF;
}
a.Poll:visited 
{
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px; 
	COLOR: black;
}
a.Poll:visited:hover
{
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	COLOR: #1E90FF;
}
.polltable
{
	BACKGROUND-COLOR: #7FFF00;
	BORDER: 1px double #7D7D7D;  
	WIDTH: 200px;
}
.pollbar
{
	BACKGROUND-COLOR: Fuchsia;
	HEIGHT: 15px; 
}
/* ------------------ Polls END -----------------------*/

/*------------------ Video Player START -----------------------*/
div.flv-player{
	background: #000 url(/fend/images/vid_play.gif) no-repeat center;
}

div.flv-player a{
	display: block;
	background: url(/fend/images/vid_botleft.gif) no-repeat bottom left;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

div.flv-player a span{
	display: block;
	background: url(/fend/images/vid_botright.gif) no-repeat bottom right;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
/*------------------ Video Player END -----------------------*/

/* ------------------ Calendar START -----------------------*/.calendar_table
{
}
.calendar_desc_cell
{
}
.calendar_desc_text
{
}
.calendar_datepick_cell
{
}
.calendar_dayname_cell
{
}
.calendar_prevmonth_cell
{
}
.calendar_today_cell
{
}
.calendar_curmonth_cell
{
}
.calendar_nextmonth_cell
{
}
/* ------------------ Calendar END -----------------------*/

/* ------------------ Contact Form Start -----------------------*/
.formmail_error_heading 
{
  COLOR: #C00000;
}
.formmail_error_body
{
  COLOR: #000000;
}
.formmail_heading 
{
  COLOR: #000000;
  FONT-WEIGHT: bold;
}
.formmail_item_name
{
  COLOR: #000000;
  FONT-WEIGHT: bold;
}
.formmail_item_value
{
  COLOR: #000000;
}
/* ------------------ Contact Form END -----------------------*/
/* -------------- sitemap styles -------------- */
ul#sitemap{
	list-style: none;
	margin: 0;
}
ul#sitemap li{
	list-style: none;
	font-weight: bold;
	line-height: 20px;
	border-top: 1px solid #666;
}
ul#sitemap ul{
	margin: 0 0 0 15px;
}
ul#sitemap ul li{
	font-weight: normal;
	border: none;
}

