/* Organized from general to specific, with some exceptions and intermingling:
- Structural elements
- general classes
- specific sections
- links
lastmod 03-09 */

body, html { 
	margin: 0; 
	padding: 0; 
	background: #FFDB6B url(/images/la-bg.gif) top left repeat-x; 
	font-family:verdana,arial,helvetica,sans serif; 
}

#header { height: 83px; width: 900px; margin: 0 auto 0 auto; background: #ffffff; }
#header-logo { float: left; margin:0; padding:0; width: 276px; height: 67px; }
#header-nav {
	margin:59px 0 0 0;
	padding:0;
	height:24px;
	float: right;
	background: #129D98;
}
#header-nav #left { 
	background:url(/images/nav_corner.gif) top left no-repeat;
	width: 21px;
	height: 24px;
	float: left;
}
#header-nav #right { 
	background:url(/images/nav_rightcorner.gif) top right no-repeat;
	width: 9px;
	height: 24px;
	float: right;
}
#header-nav ul {
	margin:0;
	padding:0;
	float: right;
	text-align: right;
}
#header-nav ul li { 
	margin: 0; 
	padding:0 4px 0 4px; 
	color:#ffffff;
	list-style: none;
	display:inline; 
}
#header-nav ul li a {
	font-family:Verdana,Arial,sans-serif;
	font-size:11px; 
	text-decoration: none; 
	font-weight:700;
	background: #129D98;
	height: 24px;
}
#header-nav .bar { font-size: 10px; font-weight: 700; }

#main,#white-main { 
	width: 900px; 
	margin: 12px auto 12px auto; 
	padding: 12px; 
}
#white-main { background-color: #ffffff; }

/*------------------------- General classes --------------------------------*/
h1,h2,h3		{ color: #129D98; font-family: arial, helvetica, sans-serif; }
h4,h5			{ color: #000066; font-family: arial, helvetica, sans-serif; }
h1				{ font-size: 135%; text-align: center; font-weight: 700; }
h2				{ font-size: 125%; text-align: center; font-weight: 700; }
h3				{ font-size: 120%; text-align: center; font-weight: 700; }
h4				{ font-size: 110%; }
h5				{ font-size: 100%; }
form 			{ font-size: 90%; }
label			{ font-weight: 700; }

.center-align	{ text-align: center; }
.left-align		{ text-align: left; } /* to override otehr styles */
.right-align	{ text-align: right; }
.small-style	{ font-size: 75%; }
.medium			{ font-size: 85%; }
.emph			{ font-weight: 700; color: #ff0000; }
.bold			{  font-weight: 700; }
.rev-head		{ background-color: #CC6600; color: #ffffff; font-weight: 700; text-align: center; }
.nodot			{ margin: 0 0 6px 0; }
.nodot li		{ list-style: none; }
.bullet			{ margin:0; padding:0 0 12px 18px; }
.bullet li		{ list-style-image: url(/images/redbullet.gif); padding: 4px 0 4px 0; }
.clear			{ clear: both; }
.gray			{ background-color: #F7F7F7; }
.grayrt			{ background-color: #F7F7F7; text-align: right; } 
.search-c-wht	{ text-align: center; background-color:#ffffff; }
.search-c-gray	{ background-color: #F7F7F7; text-align: center; }
.white-bg		{ background-color: #ffffff; }
.popup			{ background: #ffffff; background-image: none; }
.narrow-style	{ width: 65%; margin: auto; }
.more-link		{ font-size: 85%;font-weight: 700; font-style: italic; }
.float-right	{ float: right; margin: 6px 0 12px 12px; }
.float-left		{ float: left; margin: 6px 12px 12px 0; }
.results-div	{ width: 65%; background: #fffbec; border: 1px solid #FFC313; margin: 0 auto 12px auto; padding: 9px; }
.footlink-page-nums		{ font-size: 75%; font-weight: 700; text-align: center; }

/*------------------------- Mostly forms, applies elsewhere --------------------------------*/

#contact-form	{ width: 500px; margin: auto; background: #ffffff; }
.nospace		{ margin:0; padding:0; }
.form-row		{ margin: 0 0 2px 0; }
.long-txt-field	{ width: 100%; }
.label-column	{ width: 35%; float: left; text-align: right; font-weight: 700; white-space: nowrap; margin-right: 12px; }
.submit-row		{ text-align: center; }

/*------------------------- Admin area only --------------------------------*/

#admin-content		{ border: 2px solid #dfdfdf; margin-top: 12px; }
#admin-form-cell	{}
#side-links			{ margin:0; padding:0; background-color: #f8f8f8; border-left: 2px solid #dfdfdf; }
#side-links a		{ font-weight: 700; }
#side-links ul li	{ font-size: 75%;  white-space: nowrap; list-style: none; margin:0; padding: 3px 18px 0 12px; }
#reminders p		{ font-size: 90%; padding:0; margin: 16px; }
#admin-link-ul		{ padding:0; margin:6px; }
#checkboxes td		{ font-size: 85%; }
#footlink-pages 	{ width: 750px; font-size:75%; text-align: center; }
.admin-head			{ white-space: nowrap; background-color: #CC6600;   }
.admin-head h4		{ color:#ffffff; margin:0; padding: 3px 12px 2px 12px; }
.reminders			{ color: #ff0000; font-weight: 700; }

/*------------------------- All links --------------------------------*/

#foot-links { width: 900px; margin:12px auto 6px auto; text-align: center; font-size: 80%; font-weight: 700; }
#foot-links li { list-style: none; display: inline; padding: 0 4px 0 4px; }
#foot-credit { font-size: 75%; text-align: center; }

#header-nav a:link 		{ color:#99FFFF; } 
#header-nav a:hover		{ color:#ffffff; }
#header-nav a:visited	{ color:#99FFFF; } 
#header-nav a:active	{ color:#ff0000; }

#foot-links a:link		{ color:#CC6600; }
#foot-links a:hover		{ color:#EE700C; }
#foot-links a:visited	{ color:#CC6600; }
#foot-links a:active	{ color:#ff0000; }

/*---------------------- end global styles -----------------------------*/