﻿body {
	margin: 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4b575a;
	line-height: 155%;
	background-color:#4B575A;
}
h1, h2, h3, h4 { font-weight:normal; font-size:inherit; margin:0px; padding:0px;}

/* 
STRUCTURE -------------------------------------------------------------------------------------------
*/



/* 
LINKS & HOVER EFFECTS -------------------------------------------------------------------------------------------
*/

a, a:link, a:visited {color:#4b575a; text-decoration: underline;}

a:hover {
	color:#4b575a;
	text-decoration: none;
}

a.dnnNavigation a, a.dnnNavigation:link, a.dnnNavigation:visited {font-size:13px; line-height:110%; text-transform:uppercase; color:#FFFFFF; letter-spacing:.05em; display:block; background:url(/images/bkgNavItemMain.gif) #9DB0C2; padding:15px 15px 15px 27px; text-decoration:none;}

a.dnnNavHover a {color: #FFFFFF; background:url(/images/bkgNavItemMaino.gif) #72889D; text-decoration:none;}

a.dnnSubNav a {font-size:12px; line-height:110%; color:#68829B; letter-spacing:0em; font-weight:bold; display:block; padding:3px 15px 5px 27px; text-decoration:none;}

a.dnnSubNav:hover {color: #000000; background:url(/images/bkgNavItemMaino.gif) #72889D; text-decoration:none;}


#wayfinderTextSizer a, #wayfinderTextSizer a:link, #wayfinderTextSizer a:visited {font-size:11px; color:#FFFFFF; text-decoration:none;}
#wayfinderTextSizer a:hover {color: #FFFFFF; text-decoration:underline;}

#navWrapper a, #navWrapper a:link, #navWrapper a:visited {font-size:13px; line-height:110%; text-transform:uppercase; color:#FFFFFF; letter-spacing:.05em; display:block; background:url(/images/bkgNavItemMain.gif) #9DB0C2; padding:15px 15px 15px 27px; text-decoration:none;}
#navWrapper a:hover {color: #FFFFFF; background:url(/images/bkgNavItemMaino.gif) #72889D; text-decoration:none;}

#subNavWrapper a, #subNavWrapper a:link, #subNavWrapper a:visited {font-size:12px; line-height:110%; color:#68829B; letter-spacing:0em; font-weight:bold; display:block; padding:3px 15px 5px 27px; text-decoration:none;}
#subNavWrapper a:hover {color: #335778; text-decoration:none;}

#tertNavWrapper a, #tertNavWrapper a:link, #tertNavWrapper a:visited {font-size:11px; line-height:107%; color:#71855A; letter-spacing:0em; font-weight:normal; display:block; padding-bottom:5px; text-decoration:none;}
#tertNavWrapper a:hover {color: #68829B; text-decoration:none;}

a.lnkHmNews, a.lnkHmNews:link, a.lnkHmNews:visited {color:#295B89; font-size:11px; font-weight:bold; line-height:108%; display:block; padding-bottom:8px; text-decoration: none;}
a.lnkHmNews:hover {color:#6586A3; text-decoration: none;}

a.lnkMore, a.lnkMore:link, a.lnkMore:visited { font-family:Georgia, "Times New Roman", Times, serif; color:#6E98BE; line-height:108%; text-transform:uppercase; display:block; padding:13px 0px 0px 0px; text-decoration: none; }
a.lnkMore:hover {color:#345B7D; text-decoration: none;}

#footer a, #footer a:link, #footer a:visited {color:#AAB1B2; text-decoration:none;}
#footer a:hover {color: #AAB1B2; text-decoration:underline;}


.hmQuickFacts a, .hmQuickFacts a:link, .hmQuickFacts a:visited {font-family:Georgia, "Times New Roman", Times, serif; color:#547CA1; font-size:10px; font-weight:bold; text-transform:uppercase; background:url(/images/btnQuickFacts.gif) no-repeat; display:block; padding:6px 20px 0px 8px; height:20px; margin-bottom:7px; text-decoration:none;}
.hmQuickFacts a:hover {color: #2A5378; background:url(/images/btnQuickFactso.gif) no-repeat; text-decoration:none;}
#mainContent .hmQuickFacts .btnCommissSearch { background:none; padding:10px 0px 0px 0px; height:auto; text-decoration:none;}

.relatedInfo a, .relatedInfo a:link, .relatedInfo a:visited {color:#829c64;	line-height:120%; font-style:italic; text-decoration:none;}
.relatedInfo a:hover {color: #536E32; text-decoration:none;}

a.lnkAccent01Med, a.lnkAccent01Med:link, a.lnkAccent01Med:visited {color:#7C9C4E; font-size:13px; line-height:108%; display:block; padding-bottom:4px; text-decoration: none;}
a.lnkAccent01Med:hover {color:#7C9C4E; text-decoration: underline;}

a.btnAccent02, a.btnAccent02:link, a.btnAccent02:visited {font-family:Verdana, Geneva, sans-serif; color:#FFFFFF; font-size:10px; font-weight:bold; line-height:108%; text-transform:uppercase; padding:1px 7px 2px 7px; background:#9ba7b2; border:1px solid #607282; text-decoration: none;}
a.btnAccent02:hover {color:#FFFFFF; background:#607282; text-decoration: none;}






/* 
FORMS -------------------------------------------------------------------------------------------
*/

input,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.searchField {
	margin: -2px 6px 0px 25px;  
	height: 15px;
	background-color:#FFFFFF;
	float:left;
}



/* 
LISTS -------------------------------------------------------------------------------------------
*/

.mapRight ul {
	margin-top:0px;
	margin-bottom:7px;
}

.mapRight li {
	font-size:10px;
	line-height:100%;
	padding-bottom:2px;
	list-style:none;
}

.relatedInfo ul {
	margin:0px;
	list-style-type:none;
	padding: 0px;
}
.relatedInfo li{
	color:#829c64;
	line-height:120%;
	font-style:italic;
	background:url(/images/imgBulletArrowYellow.gif) no-repeat 0px 1px;
	padding:0px 0px 10px 15px;
}

ul {
	margin:0px 0 15px 0;
	list-style-type:none;
	padding-top: 15px;
}
li{
	color:#829c64;
	line-height:120%;
	background:url(/images/imgBulletArrowYellow.gif) no-repeat 0px 1px;
	padding:0px 0px 10px 15px;
}

li a, li a:link, li a:visited, li a:active, li a:hover {color:#829c64; text-decoration:none;}
li a:hover {color:#829c64; text-decoration:underline;}

/* 
LAYOUT -------------------------------------------------------------------------------------------
*/


/* ----- SITE TEMPLATE STYLES ----- */

#wrapper {
	width: 955px;
	background: url(/images/bkgMain.gif) repeat-y 0px 0px #FFF;
	text-align: left;
	margin: 0px;
	padding: 0px;
	display:table;
	position:relative;
}

#bkgTop {
	background: url(/images/bkgMainTop.gif) no-repeat;
}


#wayfinderTextSizer {
	padding:0px 39px 0px 0px;
	font-size:11px;
	color:#FFFFFF;
}

#leftColumn {
	width:215px;
	margin:0px;
	padding:0px;
	text-align:left;
	float:left;
	clear:left;
	position:relative;
}

#mainColumn {
	margin:0px 0px 0px 248px; 
	_margin:0px 0px 0px 245px;  /*-- IE6 workaround*/
	padding:0px;
	text-align:left;
	clear:none;
	position:relative;
}

#navWrapper {
	padding:0px 0px 0px 23px;
}

#subNavWrapper {
	padding:13px 0px 12px 23px;
}

#tertNavWrapper {
	padding:0px 0px 0px 20px;
}


#search {
	width:192px;
	height:58px;
	background-image:url(/images/bkgSearch.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding-left:23px;
}

.lftColLogosWrapper {
	padding-left:23px;
}

.lftColLogos {
	padding-bottom:18px;
}

#footer {
	width:955px;
	font-size:11px;
	color:#AAB1B2;
	text-align:left;
	padding:0px 0px 25px 0px;
}

.siteTools {
	text-align:right;
	padding:10px 0px 15px 0px;
}


/* ----- HOMEPAGE STYLES ----- */

#content {
	width:662px;
	_width:665px;
	text-align:left;
	margin-top:3px;
}

.mapPod {
	background:url(/images/bkgMapPod.gif) repeat-y;
	margin: 0px 0px 0px 0px;
}

.mapLeft {
	width:400px;
	float:left;
	margin: 0px;
	padding: 0px;
}

.mapRight {
	padding:25px 0px 0px 400px;
	text-align:left;
	margin: 0px;
	background:url(/images/imgMapRtHdr.gif) no-repeat 400px 0px;
}

.mapLeft .welcome {
	background:url(/images/bkgWelcome.gif) no-repeat;
	height:158px;
}

.mapLeft .welcome .content {
	font-size:12px;
	color:#4B575A;
	line-height:135%;
	padding:26px 10px 26px 105px;
}

.mapLeft .welcome .content .ttl, .welcome-ttl {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#2F5E88;
	line-height:115%;
	padding: 0px 0px 5px 0px;
}

.hmNewsCenter {
	width:393px;
	float:left;
}

.hmNewsCenter .content, .hmQuickFacts .content {
	line-height:135%;
	padding: 24px 17px 0px 17px;
}

.hmQuickFacts {
	padding:0px 0px 0px 402px;
}

.thinTitleBar {
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#819EB8;
	line-height:108%;
	font-weight:bold;
	letter-spacing:.05em;
	text-transform:uppercase;
	padding:2px 10px 2px 5px;
	background:#033C70;
}



/* ----- INTERIOR PG STYLES ----- */


.sectionHead, .sectionhead {
	font-size:17px;
	color:#6b7f91;
	line-height:110%;
	text-transform:uppercase;
	letter-spacing:.05em;
	display:block;
	padding-bottom:30px;font-weight: normal !important;
}


.sectionHead strong, .head strong, .subHead strong, .tertHead strong {font-weight: normal; /* overwrites bold styling from previous site */}

.head {
	font-size:17px;
	color:#739541;
	line-height:110%;
	display:block;
	padding-bottom:10px;
    font-weight: normal !important;
}

.subHead, .subhead {
	font-size:13px;
	color:#739541;
	font-style:italic;
	line-height:110%;
	display:block;
	padding-bottom:4px;
}

.tertHead, terthead {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#ba8b00;
	font-weight:bold;
	line-height:110%;
	display:block;
	padding-bottom:3px;
}

.accent01 {  /*GREEN*/
	color:#7C9C4E;
}

.accent02 {  /*GOLD*/
	color:#BA8B00;
}


.horizDivider {
	border-top:1px solid #6b9546;
	padding-bottom:30px;
	margin-top:30px;
}

.imgStroke {
	border:1px solid #9ba7b2;
}

.immediateRelease {
	font-weight:bold;
	width:40%;
	border-bottom:1px solid #9ba7b2;
	border-top:1px solid #9ba7b2;
	padding:4px 0px 4px 0px;
	margin:0px 0px 25px 0px;
}

.relatedInfo {
	width:70%;
	margin-top: 40px;
}

.relatedInfo .ttl {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#ba8b00;
	font-weight:bold;
	line-height:110%;
	text-transform:uppercase;
	letter-spacing:0.05em;
	display:block;
	border-bottom:1px dashed #999;
	margin-bottom:18px;
	padding-bottom:3px;
}

.phtRight {
	margin: 5px 0px 10px 15px;
	padding: 0px;
	border: 1px solid #9BA7B2;
	float:right;
}
.phtLeft {
	margin: 5px 15px 10px 0px;
	padding: 0px;
	border: 1px solid #9BA7B2;
	float:left;
}
.phtCenter {
	margin: 5px 0px 10px 0px;
	padding: 0px;
	border: 1px solid #9BA7B2;
}

.phtCaptionBox {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 108%;
	color:#FFFFFF;
	border-top:1px solid #9BA7B2;
	background-color:#9BA7B2;
	padding: 15px 15px 15px 15px;
}

/* style overrides - JMM */
.margin0 { margin: 0 !important; padding: 0 !important}

/* E Portal Link */

.ePortal {background:url(/images/imgLogoEPortal.jpg) no-repeat;  height: 112px; width: 192px; display: block; text-indent: -9999px;margin-bottom:18px}
.ePortal:hover {background:url(/images/imgLogoEPortalo.jpg) no-repeat;}

/* LAPERC logo */
.laperc {background:url(/images/imgLogoLAPERC.gif) no-repeat;  height: 92px; width: 192px; display: block; text-indent: -9999px;margin-bottom:18px}
.laperc:hover {background:url(/images/imgLogoLAPERCo.gif) no-repeat;}

/* random styles - JMM */

.floatLeft {float: left }
.floatRight {float: right } 
.clearLeft {clear:left}
.clearRight {clear: right}

/* ----- tucker commission form ----- */

form.styled {width: 400px;}
form.styled label {width: 400px; text-align: left; float: left; }
form.styled input, form.styled textarea, form.styled select { float: left;margin: 0 0 15px 0; }
form.styled input, form.styled textarea { padding: 8px; font-size: 17px; font-family:Arial, Helvetica, sans-serif; border: 1px solid #426382}
form.styled input:focus, form.styled textarea:focus {background: #d3dbe4; color: #4b575a}
form.styled input {width: 400px; float: left}
form.styled textarea {width: 400px}
form.styled select { padding: 2px; font-size: 13px; width: 415px }

form.styled .submitBTN, form.styled .resetBTN {border: none; margin: 15px 0 10px 10px; float: left;}
form.styled .submitBTN {background:url(/images/submitBTN.gif) no-repeat; height: 27px; width: 69px}
form.styled .resetBTN {background:url(/images/resetBTN.gif) no-repeat; height: 27px; width: 69px}
form.styled .submitBTN:focus{background:url(/images/submitBTN.gif) no-repeat;}
form.styled .resetBTN:focus {background:url(/images/resetBTN.gif) no-repeat}

/* styles used to style form elements */

form.styled .small {width: auto !important; margin: 3px 7px 6px 0 }
form.styled .checkBoxLabel {width: auto !important}



/* ------- STYLES ADDED BY SJV, June 2010 ---------- */
.floatLeftFullWdth {float:left; width:100%;}
.phtStroke { border:1px solid #CCC;}
.titleBarSm { font-size:10px; font-weight:bold; color:#e0eef2; text-align:left; line-height:100%; height:13px; background:#6b7f91; display:block; padding:4px 10px 0px 7px; margin-bottom:8px;}


/*calendar*/
.calControls { color:#FFF; float:left; width:650px; background:#608143; padding:3px; margin-bottom:30px; height:23px;}
.calControls h3.month {font-size:17px; line-height:105%; color:#FFF; text-transform:uppercase; float:left; padding:2px 10px 0px 10px;}
.prevNext { float:left; width:205px; padding:3px 0px 3px 0px; }
	.prevNext a { background:#99b581; color:#39581e; line-height:100%; text-align:center; padding:3px; text-decoration:none;}
	.prevNext a:hover { background:#FFF; color:#39581e; text-decoration:none;}
#calContent .unit { float:left; width:100%; border-bottom:1px dotted #9C3;}
#calContent .date { font-size:20px; color:#133e71; text-align:center; float:left; width:80px; padding:20px 0px 0px 0px; }
#calContent .date .month {font-size:10px; line-height:100%; text-transform:uppercase; display:block;}
#calContent .eventTitles { float:left; width:500px; }
#calContent .eventTitles ul { margin:0px; padding:20px 0px 12px 30px;}
#calContent .eventTitles ul li { line-height:110%; padding-bottom:8px;}
a.event { font-size:14px; line-height:105%; color:#4b575a; text-decoration:none;}
a.event:hover {color:#88a1bf; text-decoration:none;}
#calContent .cancelled { color:#cb4121; font-size:10px; font-weight:bold;}
#calContent .calDtlDate { font-size:12px; line-height:105%; color:#133e71; font-weight:bold; display:block; padding:0px 0px 6px 0px;}
#calContent .calDtlEventTitle { font-size:20px; line-height:105%; color:#739541; display:block; padding:0px 0px 6px 0px;}
#calContent .calDtlLocation { text-transform:uppercase; font-size:10px; color:#6f2810; line-height:105%; background:#eba758; padding:2px 4px;}
#calContent .calDtlDescrip { font-size:12px;}
#calContent .calDtlDetails {padding:25px; margin-top:18px; border:1px solid #879eb1; background:#FFF;}

/*news archive*/
.archiveUnit {float:left; width:600; padding-bottom:20px;}
.archiveDate { float:left; width:100px; color:#133e71; font-size:12px; font-weight:bold;}
a.archiveHead { color:#739541; font-size:14px; line-height:110%; text-decoration:none; float:left; width:510px;}
a.archiveHead:hover { color:#3d74b5; text-decoration:none;}

/*directory*/
#directory h3 {font-size:18px; line-height:105%; color:#739541; margin-bottom:8px;}
#directory h4 {font-size:14px; line-height:105%; color:#124761; font-style:italic; letter-spacing:0px; font-weight:normal; text-transform:none; border-bottom: 1px dotted #069; padding-bottom:4px; margin-bottom:10px; float:left; width:100%;}
#directory .twoColWrapper { float:left; width:100%; margin:0px 0px 25px 0px; padding:0px;}
		*+html body #directory .twoColWrapper {height:100%}
#directory .docName { font-size:18px; color:#6F7876; line-height:100%; background:url(../../images/bkgDocDetailName.gif) no-repeat; height:38px; padding:12px 0px 0px 10px;}
#directory .detailLft {width:155px; float:left; padding:0px;}
#directory .content { text-align:left; line-height:140%; display:block; padding:0px; margin:0px;}
#directory .label { font-size:10px; color:#88a1bf; font-weight:bold; display:inline; padding-right:5px;}
#directory .labelNotInline { font-size:10px; color:#88a1bf; font-weight:bold; display:block; padding-top:0px;}
#directory .detailLft #cntctInfo a.lnkEmail { color:#333132; text-decoration:none;}
#directory .detailLft #cntctInfo a.lnkEmail:hover { color:#333132; text-decoration:underline;}
#directory .detailRt { font-size:12px; line-height:140%; float:left; width:430px; padding: 0px 0px 0px 20px; }
#directory .detailRt #docGroup {border-top:1px solid #CCC; padding-top:18px; margin-top:18px;}
#directory .detailRt #docGroup .groupName { font-size:13px; display:block; padding-bottom:8px;}
#directory .detailRt #docGroup img { float:left;}
#directory .detailRt #docGroup .staff { font-size:11px; margin:19px 0px 0px 115px;}
#directory .titleBarSm { width:132px;}
#directory .empName { font-size:13px; font-weight:bold; color:#739541; line-height:104%; display:block; padding-bottom:5px;}
#directory .empName a { font-size:13px; font-weight:bold; color:#739541; line-height:104%; display:block; padding-bottom:5px; text-decoration:none;}
#directory .empName a:hover { font-size:13px; font-weight:bold; color:#739541; line-height:104%; display:block; padding-bottom:5px; text-decoration:underline;}
#directory .empTitle { font-size:11px; font-weight:bold; font-style:italic; color:#133e71; line-height:104%; display:block; padding-top:3px;}
#directoryIndex ul { list-style-type:none;}
#directoryIndex ul li {color:#4b575a; padding:0px 0px 20px 0px; background:none;}

/*display tools*/
.displayTools { height:21px; padding:0px; margin-bottom:28px; border-bottom:1px dotted #039; float:left; width:665px; }
	.displayTools a { font-size:10px; color:#666; text-decoration:none;}
	.displayTools a:hover {color:#5E8ADA; text-decoration:none;}
	.displayTools .leftInfo { float:left; width:80px;}
	.displayTools .centerInfo { color:#16459A; text-align:center; margin:0px 90px;}
	.displayTools .rightInfo { float:right; width:80px; text-align:right;}
	#bottNoBorder {border:0px; border-bottom:none; padding-top:0px; margin-top:0px;}
	#bott {border-top:1px dotted #039; border-bottom:none; padding-top:6px; margin-top:20px;}
	
/*Feedback   --  Pod styles are in 'Overlay' stylesheet*/
#fdbkTab { width:32px; height:112px; position:absolute; right:0px; top:202px; }
