/* CSS layout */

/* PAGE ATTRIBUTES */
/* background color 000066 */

body {
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	font-size: .85em;
	}
	
table {
	margin:10px 10px 10px 10px ;
	font-size:1em;
	border:none;
	width:auto;
	background-color:transparent;
}

td {
	padding:10px 10px 10px 10px ;
	background-color:transparent;
	vertical-align:top;
}


A			{color: #660099; text-decoration: none;}
A:link 		{color:#990033;}
A:visited	{color: #990033;}
A:hover		{color:#000066;background:#f7f799;font-weight:300;}
A:active	{color: #990033;}
A img 		{border: 0px;} 

img {
	border:0px;
	max-width:99%;
}

/* WRAPPER - CENTERS ENTIRE PAGE 
no text, only centering text
------------------------------------------------------------------*/
#wrapper {
	text-align:center;
}


/* CONTENT CONTAINERS
surround Top Navigation, Page Content, and Footer 
------------------------------------------------------------------*/
#container {
	position:relative;
	background-color: #000066;
	margin-left: 30px;
	margin-right: 30px;
}

#content_container {
	background-color: #FFFFFF;
	top:207px;
	max-height: 400px;
}


/* MASTHEAD BANNER 
no text, only image
------------------------------------------------------------------*/
#top_left {
	position: absolute;
	width: 160px;
	left: 0px;
	top: 0px;
	color: #E1E1E1;
}

#masthead {
	position: relative;
	height: 140px;
	min-width: 700px;
	max-width: 800px;
	margin-left: 175px;
	background-image: url('http://amgallo.com/alp/images/masthead.jpg');
	background-repeat: no-repeat;
	background-position: right;
	color: #FFFFFF;
	text-align: right;
	vertical-align: bottom;
}

p.masthead {
	text-indent: 220px;
	line-height: 14px;
	text-align: right;
}


/* 	TOP NAVIGATION
	NAVIGATION MENU - HORIZONTAL
	A CSS menu that eliminates multiple buttons, from wellstyled.com
	Display amgallo.com links with fast roll-overs 
--------------------------------------------------------------*/

#top_nav {
	background-color:#000066;
	text-align:right;
	height:20px;
	}

#menu {
	position:relative;
	top:10px;
	height:20px;
	}

div.outer {
	float: right;
	width: 100px; height: 20px;
	background: url('../images/menu_leaves.jpg') no-repeat 0 -100px;
}

div.outer a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:78%;
	font-weight:bold;
	color:#FFFFCC;
	text-decoration: none;
	text-align:center;
	background: url('../images/menu_leaves.jpg') no-repeat left top;
}
div.outer span {
	display: block;
	margin:0; padding: 7px 0 0 13px;
	}
div.outer a:hover {
	background: url('../images/menu_leaves.jpg') no-repeat -200px 0;
	color: yellow;
	}
div.outer a:active {
	background: url('../images/menu_leaves.jpg') no-repeat -200px 0;
	color: white;
	}


/* LEFT CONTENT 
Left navigation block and Date, pulled in from Include
------------------------------------------------------------------*/

#left_col {
	position:absolute;
	left: 0px;
	top: 170px;
	width: 160px;
	padding:1em .5em 0em .5em;
	color: #E1E1E1;
	}
	
h1.left_col {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:125%;
	color:#EAEAEA;
	text-align:center
}
	
/* 	PAGE CONTENT 
	Editable region of template
------------------------------------------------------------------*/

#content_title {
	position: relative;
	background-color: #FFFFFF;
	min-width: 700px;
	max-width: 760px;
	margin-left: 175px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
	vertical-align: middle;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 105%;
	text-align: left;
	text-indent: 20px;
	color: #D7D700;
}

.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:small;
	color: #B0171F;
}

.quoteauthor {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-weight:bold;
	font-size:x-small;
	color: #B0171F;
}

h1.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 105%;
	text-align: left;
	text-indent: 20px;
	color: #D7D700;
}

#page_content {
	text-align:left;
	position: relative;
	margin-left: 175px;
	min-width: 700px;
	max-width: 760px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	min-height: 304px;
	font-size: 85%;
	background: white;
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 125%;
	text-align: left;
	text-indent: 20px;
	color: #D7D700;
}

h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 160%;
	font-weight: lighter;
	color: #990033;
}

	UL {	
	    PADDING-LEFT: 1em; 
	    MARGIN-top: 2px; 
	    MARGIN-BOTTOM: 0px; 
	    MARGIN-LEFT: 1em; 
	    LIST-STYLE-image: url('http://amgallo.com/images/arrow.gif');
	    }


/* FOOTER 
Non-editable, contains copyright linkage
------------------------------------------------------------------*/

#footer {
	position:relative;
	height: 50px;
	margin-left: 175px;
	min-width:700px;
	max-width:760px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 10px;
	vertical-align: top;
	background-color: #990033;
	background-image: url('../images/alp_logo.jpg');
	background-repeat: no-repeat;
	background-position: 10px;
	text-align: center;
	font-size: 78%;
	color: #FFFFCC;
}

#footer A			{color: #660099; text-decoration: none;}
#footer A:link 		{color: #FFFFCC;}
#footer A:hover		{color: #FFFFCC; background:#000066; font-weight:900;}
#footer A:active	{color: #FFFFCC;}
#footer A:visited	{color: #FFFFCC;}

/* GENERAL STYLINGS 
Applicable across all layers
------------------------------------------------------------------*/

.small {
	font-size: 78%;
}


/* LEFT NAVIGATION - VERTICAL 
Navigation Left Menu styling
------------------------------------------------------------------*/

#navlist {
	padding: 1px;
	margin-left: 0;
	width: 10em;
	color:#EAEAEA;
	}

#navlist li {
	list-style: none;
	margin: 0px;
	border:1px #D7D700;
	border-bottom-style:dotted;
	text-align: left;
	}

#navlist li a {
	display: block;
	padding:.5em .3em .5em .3em;
	color:#EAEAEA;
	text-decoration: none;
	font-size: 78%;
}

#navlist li a:link {
	color: #CCCC00;
	font-size: 78%;
}
#navlist li a:visited { 
	color:#EAEAEA; }

#navlist li a:link#current
{ color: ##EAEAEA; }

#navlist li a:hover {
	font-weight:900;
	color: #000066;
	background:#CCCC00;
	border-right: 5px #990033 solid;
	}
	

/* NAVIGATION MENU NO. 2 - HORIZONTAL WITH FAST ROLL OVERS */


#navH a {background: url("menu_leaves.jpg") 0 0 no-repeat;}

#navH a:hover {background-position: -100px 0;}

#navH a:active {background-position: -200px 0;}