/*This is main style sheet for American Volunteer Reserve XHTML page. Created by Aaron Wei and Hung Sheng Shih,
students in CIS421 at Cal Poly Pomona, 2/12/2008*/
/***********************************************************************************************/
/* for three columns layout                                                                                         */
/***********************************************************************************************/

body
{
	margin:0; padding:0; width: 100%;
	font-family: arial, sans-serif, times new roman;
	background-image:url('../Picture/back3.jpg');
	background-color:#00008B;
	color: white;
	font-size: 1.15em;
}

#main_wrapper
{
	
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#header img
{
	padding:0;
	margin:0;
	width: 100%;
	height:8.5em;
}

#twocolwrap
{
	float: left;
	width: 100%;
	display: inline;
	margin-right: 0;
}
/*-----------------------------------------------------------
landmark styling*/
#landmark
{
	width: auto;
	height: 25px;
	padding: .05em;
}
#landmark a
{	color:#ADFF2F; 
	font-size: 1em;
}

/*-------------------------------------------------------------------
left navigation styling*/
#navigation
{
	float: left;
	width: 20%;
	display: inline;
	border: .25em groove orange;
	background-color:#464;	
}

#navigation ul
{
	padding-left:0;
	border:.05em solid red;
	margin:0;
}

#navigation li
{
	list-style-type: none;	
	border-bottom:.05em groove orange;
}

#navigation li a
{	color:white;
	display: block;
	padding: .3em .8em;
	text-decoration: none;
}

#navigation li a:hover
{
	color: #DED;
	background-color: blue;
}
 /*------------------------------------------------------------------
content styling*/
#content
{
	width: 72%;
	margin: 0 0 3em 11em;
	padding:0 20px 20px 20px;
	font-size:1.20em;
}
#content h1
{	color:#FAEBD7; 
	text-align:center;
}
#content h2
{	color:#FAEBD7; 
	text-align:center; 
	font-style:oblique; 
	font-size:2em;}


.firstP:first-letter
{	font-size:200%; 
	line-height: 0.75em; 
	font-style:normal; 
	font-weight:lighter;
}

#content #PI img
{	float:right;  
	width:12em;
	height:8em;
	border:.15em groove orange;
	margin:10px;
}
#content #PI1 img
{	border:.1em groove yellow;
	margin:20px;
	float:left;
}	
#content #PI2 img
{	border:.1em groove yellow;
	margin:20px 20px 0px 120px;

}	
#content #PI3 img
{	border:.3em groove Orange;
	margin:20px;}
#content #PI4 img
{	border:.3em groove Orange;
	margin:20px 20px 20px 90px;}
#content A
{Color:#7FFF00;}
#content .address
{
	 text-align:center;
	 color:#B0E0E6;}
#content iframe
{	width:780px; 
	height:570px;
	 margin-left: -1em;}
	
/*-----------------------------------------------------------------------
right colum styling*/
#rightcolwrap
{
	margin:1em 0 0 0;
	height:30em;
	padding:10px;
	background-color:#464;
	font-size:.75em;
	border-top:.35em groove orange;
}

#rightcolwrap h3
{text-align: center;}
#rightcolwrap h3 A
{color:#FFFAF0}
#rightcolwrap p A
{color:#FFFAF0}

/*--------------------------------------------------------------------------
footer styling*/
#footer
{
	font-size: .65em;
	text-align: center;
	border-top: .35em double #686;
	margin-bottom:2.5em;
	padding:.15em;
	width: 100%;
	clear: both;
	color: white;	
}
#footer A
{color:#FAEBD7;}

/***********************************************************************************************/
/* for drop-down menus                                                                         */
/***********************************************************************************************/

#multi_drop_menus *
{
	margin: 0; padding: 0; 
}

#multi_drop_menus
{
	font-family: sans-serif, arial, times new roman;
	font-size: 1em;
	border-bottom:.15em groove yellow;
	border-top:.15em ridge yellow;
	float: left;
	width:100%;
	background-color: #DED;
	margin: 0; padding: 0; 
}

#multi_drop_menus ul
{
	margin: 0; padding: 0; 
	float: left;
}

#multi_drop_menus li
{
	list-style-type: none;
	float: left;
	position: relative;
	background-color: #DED;
	padding-left:.25em;
	padding-right:.25em;
}

#multi_drop_menus li:first-child
{
	border-left: none;
}

#multi_drop_menus li ul
{
	position: absolute;
	width: 10em;
	display: none;
	left: -1px;
}

#multi_drop_menus li:hover ul
{
	display: block;
}

#multi_drop_menus li ul li
{
	width: 100%;
	border-right: 1px solid #686;
	border-bottom: 1px solid #686;
	border-left: 1px solid #686;
}

#multi_drop_menus li ul li:first-child
{
	border-left: 1px solid #686;
	border-top: 1px solid#686;
}

* html #multi_drop_menus li ul
{
	border-top: 1px solid #686;
}

#multi_drop_menus a
{
	display: block;
	padding: .3em 6px;
	color: black;
	text-decoration: none;
}

#multi_drop_menus a:hover
{
	color: #DED;
	background-color: blue;
}