/* CSS Document */

/* Golden Empire Flying Association
		gefa.css
		
		Designed by Gerald Davenport
		© June 20, 2008
		
		•• updated / changed
		- - - removed outline lines from topbox
		
*/

body {
		margin: 0;
		padding: 0;
		text-align: justify;
		color: #000;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 62.5%;/* Resets 1em to 10px */
		background-attachment: fixed;
		background-color: #fff;
		background-image: url(../_media/_i/home/clouds.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		min-width: 720px;
}
/*  --/body/--  */



/*
  <> >< <> >< <> >< <> >< <> >< <>
  
  <> >< <> >< <> GLOBALS <> >< <> >< <>
  
  <> >< <> >< <> >< <> >< <> >< <>
*/

.pres, .goalsBox, .calendar, .calendar ul, .minutes {width: 600px;}

.pres, .minutes, {height: auto;}
.pres p, .minutes p, {font-size: 12px;}
/*
  <> >< <> >< <> >< <> >< <> >< <>
  
                /globals/
  
  <> >< <> >< <> >< <> >< <> >< <>
*/






/*
  	<> >< <> >< <> CONTAINER <> >< <> >< <>
  	
  	encompasses the area the site will be located in
*/
#container {
		width: 700px;
		margin: 52px auto 0 auto;
}

#container h1.cntr {margin: 0 0 5px 0; text-align: center; background: #65000A; padding: 4px; color: orange;}



/*
  	<> >< <> >< <> NAV <> >< <> >< <>
  	
*/
.nav {border:none; color: #fff; font-size:12px; margin: 0;} /*Color navigation bar normal mode*/
.nav ul {list-style-type:none; margin:0 0 0 -20px;}
.nav ul li {float:left; position:relative; z-index:1000; border-right:solid 1px rgb(0,0,0);}
.nav ul li ul {display:none; border:none;}
.nav ul li ul {margin-left:-30px; padding:0 30px 30px 30px;} /*Sticky hover zones*/
.nav ul li a {float:left; display:block; height:36px; line-height:36px; margin-right:0px !important /*Non-IE6*/ ; margin-right:-4px /*IE6*/; padding:6px 6px; text-decoration:none; font-weight:bold; color: rgb(255,255,255); }
.nav ul li:hover {width:auto;}
.nav table {position:absolute; z-index:999; top:0; left:0; border-collapse:collapse;}

/*Non-IE6*/
.nav ul li:hover a
{
	background-color: #fff; color: #333;
	text-decoration: none;
} /*Color main cells hovering mode*/
.nav ul li:hover ul {display:block; position:absolute; z-index:998; top:3.0em; margin-top:0.1em; left:0;}
.nav ul li:hover ul li ul {display: none;}
.nav ul li:hover ul li a {display:block; width:10em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:#333; font-weight:normal; color:rgb(250,250,250);} /*Color subcells normal mode*/
.nav ul li:hover ul li a:hover {background-color:#fff; color: #333; text-decoration:none;} /*Color subcells hovering mode*/

/*IE6*/
.nav ul li a:hover {background-color:#fff; opacity: .95; text-decoration:none;} /*Color main cells hovering mode*/
.nav ul li a:hover ul {display:block; position:absolute;z-index: 998; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav ul li a:hover ul li a {display:block; w\idth:10em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:#333; font-weight:normal; color:rgb(250,250,250);} /*Color subcells normal mode*/
.nav ul li a:hover ul li a ul {visibility:hidden; height:0px; width:0px; position:absolute; z-index: 997;}
.nav ul li a:hover ul li a:hover {background-color:rgb(250,250,250); text-decoration:none;} /*Color subcells hovering mode*/


a.current {color: #0F0 !important; padding: 0px; font-style: normal;}

#staticNavBox
{
	background-color: #333;
	position: fixed;
	z-index: 1;
	bottom: auto; opacity: .95;

	left: 0;
	right: 0;
	top: 0;
	padding-left: 20px;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #000;
	font: normal 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding-right: 20px;
	color: #fff;
	min-width: 800px;
	background-image:   url(../_media/_i/home/instumentLines_BG.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

/* - - - - - - - - NAVBOX - - - - - - - - */
#navBox
{
	width: 700px; margin: 0 auto;
}







/*
  <> >< <> >< <> >< <> >< <> >< <>
  
  <> >< <> >< <> TOPBOX <> >< <> >< <>
  
  <> >< <> >< <> >< <> >< <> >< <>
*/
#topBox {border: 1px transparent solid; }
/* - - - - - - - - HEADER - - - - - - - - */
#header {
		width: 600px; height: 168px;
		margin: 0 auto;
		text-align: center;
}

/*
  <> >< <> >< <> >< <> >< <> >< <>
  
                /topbox/
  
  <> >< <> >< <> >< <> >< <> >< <>
*/










/*
  	<> >< <> >< <> CONTENTS <> >< <> >< <>
*/
#container div#contents
{
		background-color: #fff;
		margin-top: -5px;
		margin-right: 0;
		margin-bottom: 10px;
		margin-left: 0;
		border: 1px black solid;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 20px;
}

/* /contents/ */







/* - - - - - - - - PRES - - - - - - - - - */
.pres img
{float: left;	padding: 5px;	clear: none;	margin-top: 0px;	margin-right: .5em;	background-color: #ddd;	border-color: #999;	border-width: 1px;	border-style: solid;}
.pres a, .minutes a {color: blue; font-weight: bold; text-decoration: none;}
.pres a:hover, .minutes a:hover {color: #800000; font-weight: bold; text-decoration: underline;}




/* - - - - - - - - MINUTES - - - - - - -  */
.minutes h1 {font-size: 18px; letter-spacing: 3px; word-spacing: 4px; padding:4px; background-color: #FC8E26; color: #800000;}
.minutes h2  { font-size: 14px; margin: 5px 0 0 0; padding-left: 5px;}
.minutes h3  { font-size: 14px; color: #800000; margin: 0 0 0 0; padding-left: 0;border-bottom: 2px solid #800000;}
.minutes h4 {float: right; background: yellow; padding: 5px; border: 1px solid black;}
.minutes h5  {margin: 0 0 0 10px; font-size: 9px;}
.minutes p  {margin: 5px 0 0 10px; font-size:12px;}










/*
  <> >< <> >< <> >< <> >< <> >< <>
  
  <> >< <> >< <> NEWS <> >< <> >< <>
  
  <> >< <> >< <> >< <> >< <> >< <>
*/

/* - - - - - - - - NEWS - - - - - - -  */
.news {margin: 0 0 10px 0; border: 1px #65000A solid ;}
.news h1 {font-size: 18px; margin: 0; letter-spacing: 2px; word-spacing: 4px; padding:4px;}
.news h1.aa {background: #9c9; color: #000;}
.news h1.bb {background: #99ffff; color: #000;}
.news h1.cc {background: #FF9; color: #000;}
.news h1.dd {background: #F9F; color: #000;}
.news h1.ee {background: #996; color: #000;}

.news h2  { font-size: 16px; margin: 5px 0 0 0; padding-left: 15px;}
.news h3  { font-size: 14px; margin: 0; padding-left: 10px;border-bottom: 1px solid #ddd;}
.news h4  { font-size: 14px; margin: 0; padding-left: 20px;}
.news p  {font-size: 12px; margin: 0; padding: 0 10px 10px 20px;}
.news a {text-decoration: none; font-weight: bold; color: #65000A;}
.news a:hover {color: green;}






/*
  <> >< <> >< <> >< <> >< <> >< <>
  
  <> >< <> >< <> HOME PAGE <> >< <> >< <>
  
  <> >< <> >< <> >< <> >< <> >< <>
*/
/* - - - - - - - - GOALSBOX - - - - - - - */
.goalsBox h1  {font-size: 20px; margin: 5px 0 -8px 0;}
.goalsBox h2  {font-size: 16px; margin: 10px 0 -8px 0;}
.goalsBox h3  {font-size: 12px; margin: 10px 0 -6px 0;}

.goalsBox p, li  {font-size: 12px;}
.goalsBox {
		background-color: #FFFFCC;
		margin: 0 auto;
		padding: 10px;
		border: 2px black solid; height: auto;
}

/* - - - - - - - - SPONSORS - - - - - - - */
.sponsorsBox
{
	background-color: #ffffcc;
	height: 240px;
	margin: 10px auto 0 auto;
	padding: 10px;
	border: 2px black solid;
	visibility: visible;
	overflow: scroll;
}
.sponsors{width: 480px; margin: 0 auto;}
#container #contents .sponsors a {text-decoration: none; color: #039;}
#container #contents .sponsors a:hover {color: #FF3300;}
.sponsors ul  {margin: 0 0 0 -30px;}
.sponsors li  {float: left;display: block; margin: 0 20px 0 0;}
.sponsors li h1 {font-size: 12px; margin: 0; text-decoration: underline;}
.sponsors li h2 {font-size: 10px; margin: 0 0 0 5px;}
.sponsors li h3 {font-size: 10px; margin: 0 0 5px 10px; font-style: italic;}
.sponsors p {text-align: center;}
/*
  <> >< <> >< <> >< <> >< <> >< <>
  
                /homepage/
  
  <> >< <> >< <> >< <> >< <> >< <>
*/




/*
  	<> >< <> >< <> FOOTER <> >< <> >< <>
*/
#footer
{
	background-color: #333;
	position: fixed;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	padding-left: 20px;
	border-top: 1px solid #000;
	font: normal 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding-right: 20px;
	color: #fff;
	min-width: 720px;
}
#footer .right {float: right; padding: 5px;}
#footer .left {float: left;  padding: 5px;}
#footer span { padding: 0 0 0 90px; }
#footer a {
		text-decoration: none;
		color: #ddd;
}
#footer a:hover
{
		text-decoration: none;
		color: #66FFCC;
}
.marginright {margin-right: 10px;}
/*  --/footer/--  */






/*
    ROW <> <> <> <> <> <> <> <> <> <> <> <> <> <> <> <>
      encases the 5 images in a row across the page
*/
.row
{width: 520px;margin-right: auto;margin-left: auto;height: 200px;}
/*  /row/  */



/*
    MODELBOX <> <> <> <> <> <> <> <> <> <> <> <> <> <> <> <>
      for image, name, and links
*/
.modelBox
{width: 120px;height: 200px;margin-left: auto;margin-right: auto;float: left;text-align: center; padding-right: 10px;}

.modelBox_wide
{width: 250px;height: 200px;margin-left: auto;margin-right: auto;float: left;text-align: center; padding-right: 10px;}

.modelBox p, .modelBox_wide p
{color: white; font-size: 10px; text-align: center; line-height: 12px; padding: 4px 0 6px 0; font-family: Arial, Helvetica, sans-serif; background-color: #000066; width: 124px; height: 32px; margin-top: -2px;}

.modelBox_wide p
{color: white; font-size: 10px; text-align: center; line-height: 12px; padding: 4px 0 6px 0; font-family: Arial, Helvetica, sans-serif; background-color: #000066; width: 252px; height: 32px; margin-top: -2px;}


.modelBox img, .modelBox_wide img
{border : 2px solid Black;margin-top: 5px;padding: 0px;}


.modelBox a, .modelBox_wide a
{text-decoration : none;color : white;font-family: Arial, Helvetica, sans-serif;font-size: 10px;}

.modelBox a:hover, .modelBox_wide a:hover
{color :yellow; font-family: Arial, Helvetica, sans-serif;}


.modelBox img:hover {border: 2px solid yellow; }
/*  /modelbox/  */




/*
    HR <> <> <> <> <> <> <> <> <> <> <> <> <> <> <> <>
      clear the float from the modelbox
*/
hr
{clear: both; width: 1px; margin-bottom: 10px; height: 10px; float: none; visibility: hidden;}




/*
   EMPTYBOX <> <> <> <> <> <> <> <> <> <> <> <> <> <> <> <>
      No image, no name, no model.
      A space holder
*/

.emptyBox
{width: 120px;height: 160px;margin-left: auto;margin-right: auto;float: left;text-align: center;padding-right: 10px;}


.emptyBox p
{color: white;	font-size: 10px;	font-weight: normal;text-align: center;	padding-top: 3px;padding-bottom: 3px;width: 122px;height: 10px;margin-bottom: 0px;}

.emptyBox img
{border : 1px solid white;margin: 0px;}
/*  /emptybox/  */