/*City Standard StyleSheet.*/


body { 
	margin:0px; 
	padding:0px; 
	color: #333;
	background-color: #FFF;
}


/*Apply this class to the globalnavbar so the links will be white.*/
.globalnavbar { color: #fff; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none;}
a.globalnavbar:link { color: #fff; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px;}
a.globalnavbar:visited { color: #fff; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px;}
a.globalnavbar:hover { color: #fff; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none;}
a.globalnavbar:active { color: #fff; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none;}


/*Apply this class to the blackbar text so the links will be white and have a gold hover.*/
.blackbar { color: #fff; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 11px; text-decoration: none;}
a.blackbar:link { color: #fff; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px;}
a.blackbar:visited { color: #fff; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; text-decoration: none;}
a.blackbar:hover { color: #C90; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px;}
a.blackbar:active { color: #fff; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px;}

/*Apply this class to the sidelink text - color can be modified to match your colour scheme.  Do not remove the hover underline.*/
.sidelink { color: #006; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 11px; text-decoration: none; line-height:18px;}
a.sidelink:link { color: #006; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; line-height:18px;}
a.sidelink:visited { color: #006; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none; line-height:18px;}
a.sidelink:hover { color: #006; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; line-height:18px;}
a.sidelink:active { color: #006; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none; line-height:18px;}

.sidelinkACTIVE { color: #006; font-size: 11px; text-decoration: none; padding-left:12px; vertical-align:top;
	background-image:url(../images/arrow_green.gif); background-repeat:no-repeat; line-height:18px;}


/*This is the default link style for any links that you do not apply a class to.  These are the City standard and should not be changed.*/
a:link { color: #006; text-decoration: underline;}
a:visited { color: #360; text-decoration: underline;}
a:hover { color: #006; text-decoration: underline;}
a:active { color: #006; text-decoration: underline;}

/*These are the heading styles.  Colors can be changed to match your colour scheme*/

h1 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #900;}
h2 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #900;}
h3 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #900;}
h4 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #900;}

/*This is the main and secondary styles in the header bar.  Colours can be changed to match your colour scheme.  Fonts and sizes should stay as is*/
.maintitle {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 22px; color: #FFCC00; font-weight: normal;}
.secondarytitle {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color: #ccc;}

/*This is the sidebartitle style.  Colour can be changed to match your colour scheme.  Fonts and sizes should stay as is.*/
.sidebartitle {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #900; text-decoration: none;}
a.sidebartitle:link { color: #900; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif";}
a.sidebartitle:visited { color: #900; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none;}
a.sidebartitle:hover { color: #900; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif";}
a.sidebartitle:active { color: #900; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none;}


/*This is the styles for body, and tables.  Do not alter.*/
td {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333;}
body {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333;}

/*This is the smalltext style.*/
.smalltext {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #333;}

.heading1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #900; }
.heading2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #900 ; font-weight: normal;}
.heading3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #900; }
.heading4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #900; }
.medtext {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #333;}
.whitetext {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #fff;}
.highlight {
	color: #FF0000;
	background-color: #FF0;
	font-weight: bold;
}
.viewMap {
	margin-top: 15px;
}
#viewMap {
	float: right;
	width: 150px;
	padding-top: 7px;
}
#currentPermits #viewMap p { margin:0; padding:0; }

#areaName {
	float: left;
	width: 345px;
}

.icon {vertical-align:top; padding-left:3px; padding-right:3px;}

#navlist {
	margin: 0; 
	padding: 0.5em 1em;
}

#navlist li {
	display: inline;
	margin-right: 0.75em;
	padding-right: 0.75em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}

#navlist li.last {
	border-right: 0;
}

#navlist a {
	color: #006;
	font-size:12px;
}

#navlist a:hover {
	color: #CC9933;
	font-size:12px;
}

.bold {
	font-weight: bold;
}

ul.parksmart  {
	list-style-type: square;
}

ul.parksmart li {
	padding-bottom: 10px;
}

ul.boxText {
	line-height: 1.6em;
	margin: 5px 0 0 0;
	padding:0 0 8px 12px;
	list-style-type: none;
}
ul.boxText li {padding-bottom: 8px;}
ul.new {
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
}
ul.new li {
	background-image: url(../images/newButton2.gif);
	background-repeat:no-repeat;
	margin: 0;
	padding: 0 0 .5em 2.7em;
	float: left;
}
.imgRight {
	float: right;
	margin: 5px 0px 10px 10px;
}

.indent  {
	text-indent: 3em;
}

p.indent  {
	line-height: 80%;
}

th {
	text-align: left;
}
.note {
	font-weight: bold;
	color: #990000;
}
.greenText {font-weight: bold; color:#5E8532;}
.imgLeft {
	float: left;
	margin-right: 10px;
}