/* Styles for F4u front page only */

/* Style for top copy area */
#topcopy
{
	margin: 0;
	margin-bottom: -1em;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	margin-left: 173px;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	line-height: 1.6em;
	text-align: left;
}
#topcopy p
{
  margin: 0;
  margin-bottom: 1em;
}
/* Style for base block (contains arrow and options) */
#baseblock
{
	width: 100%;
    height: 380px; 
    min-height: 380px; 	

	margin: 0px;
	padding: 0px;
	clear: both;
	background: transparent url(images/green_swoosh.gif) no-repeat 0px 0px;
}

/* Various text styles */
span.bigblue
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000066;
	line-height: 1.5em;
	font-weight: bold;	
}
span.biggreen
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #003300;
	line-height: 1.5em;
	font-weight: bold;	
}

#spacer
{
    width: 20%;
}

/* Options styling */
#opList
{
    width: 80%;
	margin: 0px;
    margin-left: auto;
	padding: 0px;
    float: none; 
	height: 100%;
	overflow: visible;
}
#greenarrow
{
	width: 20%;
	height: 200px;
	margin: 0px;
	margin-top: 115px; 
	padding-right: 35px;
	padding-top: 25px; 
	background: transparent url(images/green_arrow.gif) no-repeat 100% 0%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .55em;
	color: #000066;
	text-align: left;
	line-height: 1.5em;
	font-weight: 700;
	clear: none;
	float: left;

margin-top: 0px;
position: relative;
top: 115px;
left: 0px;
}		

			
#opList ul
{
width: 100%;
float: none;
clear: none;
	height: 60px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	list-style-position: inside;
	list-style-image: none;
}
#opList li
{
	margin-top: 5px;
	margin-bottom: 5px;
float: left; 	
clear: none;
	margin-left: 10px;
	margin-right: 0px;
	width: 119px;
	padding:0px;
	border:0px;
	padding-bottom: 20px;
	overflow: visible;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
/*    height: 15em;
    min-height: 15em;				*/
height: auto;	
    width: 22%;
}

/* Styling for option lozenges (div backgrounds) */
#loz1, #loz2, #loz3
{
    display: block;
	margin: 0px auto 10px auto;
	padding: 0px;
	margin-top: 0px;
	border: 0px;
	background-image: url(images/lozenges.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
    width: 99px;
    max-width: 99px;
    margin-left: auto; 
    margin-right: auto;
	height: 4.5em;  /* will be overriden except for Mac IE 5 */
	padding-bottom: 5px;
}
#loz1:hover, #loz2:hover, #loz3:hover,
#loz1:active, #loz2:active, #loz3:active
{
	background-image: url(images/lozenges.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

/* Styling for option text (in lozenges) */
#opList li div.opText
{
    clear: left;
    text-align: center;
	font-family: verdana, arial, sanf-serif;
	font-weight: bold;
	color: #336633;
	font-size: .7em;
	line-height: 1.3em;
    margin: 0px;
    width: 100%;
    background-color: transparent;
}

/* Styling for Option links (lozenge tops) */
#loz1 a, #loz2 a, #loz3 a
{
	display: block;
    width: auto;
    margin: 0px;
    padding: .3em;
	padding-top: .5em; 
	font-family: verdana, arial, sanf-serif;
	font-size: .6em;
	font-weight: bold;
	color: #FFCC00;
	text-align: center;
	text-decoration: none;
	background: transparent url(images/loz_tops.gif) no-repeat left top;
	line-height: 1.4em;
	height: 100%;	
}

#loz1:hover a, #loz2:hover a, #loz3:hover a,
#loz1:active a, #loz2:active a, #loz3:active a,
#loz1 a:hover, #loz2 a:hover, #loz3 a:hover,
#loz1 a:active, #loz2 a:active, #loz3 a:active
{
	color: #FFFFFF;
	background: transparent url(images/loz_tops.gif) no-repeat right top;
}
	
/* Styling for option containers (including option images) */	
#op1, #op2, #op3
{
display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.1em;
	font-weight: 900;
	background: transparent url(images/yourdesign.gif) no-repeat center 0px;
	width: 119px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px; 
	height: 140px;	
width: 100%;
}	
#op2
{
	background: transparent url(images/yourlogo.gif) no-repeat center 0px;
}
#op3
{
	background: transparent url(images/ourdesign.gif) no-repeat center 0px;
}	

div.rightbox
{
	clear: both;
	float: right;
}