/*
	This is used for the main home page. Some of this code might be redundant, but it took
	me too damn long to make it. I hate IE. Anyway, this code is used to produce the FLPBA
	main page. This is only part. The css that is used to make the slash-dot like menu bar
	is located elsewhere.


	Author		Date			Changes
	km		7/21/2006		Initial Version. Looks funny in firefox, but ok in IE. Go figure
	km		7/31/2006		Pushed the middlecontent, left, and right panel up flush with the
						head. It now looks the same in firefox and IE. Also added the 
						hover image on the left panel. Big day, go me!
	km		10/03/2006		The site still hasn't been posted. *Sigh* Changing the appearance
						of the visited link (making it blue).
	km		11/2/2006		Added a 10px margin to the bottom of body. Took out the 600px from
						the middle content's height.
	km		11/30/2006		Took out the pointer.gif, leftround.gif, and rightround.gif. These
						files weren't being used but were still being referenced.
	km		2/09/2007	Added a default font for the body. Also, changed the
	km & mb 2/10/2009	Added a "breakstyle" element to remove most of the formatting inherited
						from parent classes; it even removes goofy borders around linked images. 
	km		10/21/2009	Modified the breakstyle element so even hover effects are removed.
*/

.DefaultPic { margin-bottom: 30px; z-index: -5;}

body {  background-color: #8a9bde;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 0;
	text-align: center;
	background-image: url(../pics/gradient.jpg); 
	background-repeat: repeat-x;
	font-family: times, arial;
	generic-family: serif;
	}
body a:visited { color: blue; }

#dynloadarea {
	width:150px; 
	height: 155px; 
	margin: 0; 
	text-align: center; }

.pic { position: absolute; top: 90px; }

/* This is the original link heading
.link_heading { 	
	font-weight: bold; 
	color: white; 
	margin-bottom: 10px; 
	margin-left: 10px; 
	font-size: 13pt; } */

#link_heading { 	
	font-weight: bold; 
	color: white;  
	margin-left: 5px; 
	font-size: 12pt; 
	width: 120px;
	margin-top: 10px;
	margin-bottom: 10px;}


#links ul {
	list-style-type: none;
	margin: 0px;
	display: block;
	padding: 0px; 
	border: 0px;
	}

#links li {
	list-style-type: none; /* FF needs this */
	margin: 0px;
	padding: 0px;
	float: left;
	width: 105px;
	border: 0;
      	text-align: left;
	}

#links a, #links a:visited, #links a:active {
      	width: 150px;
	text-decoration: none;
	background: #004E98;
      	font: bold 10pt sans-serif;
      	color: white;
	display: block;
	padding: 3px 10px;
	border-right: 5px white solid; 
	border-left: 5px white solid;
	margin: 0 0 1px 0;
    	}

#links a:hover { 
	background: darkred; 
	border-right: 5px white solid; 
	border-left: 5px white solid;
	}

/* #links a, #links a:visited, #links a:active, #links a:hover { border: 0px black solid; background: blue; } */

/* #links > img { border: 0; } */

/* breakstyle 
	text-decoration: none;
	background: #004E98;
      	font: bold 10pt sans-serif;
      	color: white;
	display: block;
	padding: 0px 0px;
	border-right: 0px white solid; 
	border-left: 0px white solid; */

#breakstyle { 
border: 0; 
width: 100%; 
background: transparent; 
margin-left: 0; 
text-align: left; 
margin-right: 0; 
padding: 0; }



#breakstyle a:link, #breakstyle a:visited, #breakstyle a:active, #breakstyle a:hover {
      	
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0;
    }

#RightPanel { 
	width: 170px; 
	text-align: left; 
	float: left;
	margin-top: 0px;
	text-align: center;
	text-decoration: none;
	}
	
#RightPanel a, #RightPanel a:visited, #RightPanel a:hover, #RightPanel a:active { text-decoration: none; color: white;}
	

#head { 
	margin: 0;
	padding: 0;
	font-size: 10pt;
	color: #DDA600;
	text-align: left;
	}


#ContentWrapper { 
	width: 739px; 
	margin-left: auto; 
	margin-right: auto; 
	}

#MiddleContent { 
	background: #fffff8; 
	width: 389px; 
	text-align: left;
	float: left;
	margin: 0px 10px 0 10px;
	}

#ImageScreen { 
	border: 1px; 
	color: black; 
	}



.menutitle{
cursor:pointer; }


#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
text-align: left;
}

#dropmenudiv a, #dropmenudiv a:active {
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: white;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #DDA600;
}


#pointermenu{
border-top: 7px solid #DDA600; 

margin: 0;
padding: 0 0 4px 0;
}

#pointermenu ul{
margin: 0;
margin-left: 260px; /*menu offset from left edge of window*/
padding-left: 8px;
font: bold 13px Verdana;
background-color: darkred;
background: #004E98;
}

* html #pointermenu ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 0;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu ul li{
display: inline;
}



#pointermenu ul li a{
float: right;
color: white;
font-weight: bold;
padding: 2px 11px 7px 7px;
text-decoration: none;
}

#pointermenu ul li a:visited{
color: white;
}


#pointermenu ul li a:hover, #pointermenu ul li a#selected{ /*hover and selected link*/
color: white;
background-color: darkred;
}

#pointermenu ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
}