/*City Standard StyleSheet.*/

/*This is the styles for body, and tables.  Do not alter.*/
td {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; vertical-align:top;}
body {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; margin: 0; padding: 0; background-color: #fff;}

.bold { font-weight: bold;}
.italic {font-style: italic;}
.redText { color:#F00;}
.redTextBold { color:#F00; font-weight:bold;}
.medtext {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 16px}
.BGblue {background-color:#D6E3FF;}
.BGyellow {background-color:#FFFFCA;}
.BGpink {background-color:#FEE6FE;}
.BGgreen {background-color:#C3D5D5;}
.BGred { color:#cc0000; background-color:#FFFFCC;}
.BGredBold { color:#cc0000; font-weight: bold; background-color:#FFFFCC;}
.strikethrough { text-decoration: line-through;}
.strikethroughBLD { font-weight: bold;	text-decoration: line-through;}

/*Apply this class to the globalnavbar so the links will be white.*/
.globalnavbar { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none}
a.globalnavbar:link { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.globalnavbar:visited { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.globalnavbar:hover { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none}
a.globalnavbar:active { color: #FFFFFF; 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: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; text-decoration: none}
a.blackbar:link { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; }
a.blackbar:visited { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}
a.blackbar:hover { color: #CC9900; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; }
a.blackbar:active { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; }

#sidebar {text-align:right;}
#sidebar p {line-height:1.1em;}

/*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-size: 11px; text-decoration: none; text-align:right;}
a.sidelink:link { color: #006; text-decoration: none; text-align:right;}
a.sidelink:visited { color: #006; text-decoration: none; text-align:right;}
a.sidelink:hover { color: #006; text-decoration: underline;  text-align:right;}
a.sidelink:active { color: #006; text-decoration: none; text-align:right; }

/*Apply this class to the sidelink text for the current page.*/
.sidelinkSelected { color: #063; font-size: 11px; text-decoration: none; text-align:right; 
	background-image:url(../images/arrow2.gif); padding-left:12px;
	background-position:top left;
	background-repeat:no-repeat;}
a.sidelinkSelected:link { color: #063; text-decoration: none; text-align:right;}
a.sidelinkSelected:visited { color: #063; text-decoration: none; text-align:right;}
a.sidelinkSelected:hover { color: #063; text-decoration: underline;  text-align:right;}
a.sidelinkSelected:active { color: #063; text-decoration: none; text-align:right; }

/*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: #000066; text-decoration: underline}
a:visited { color: #003300; text-decoration: underline}
a:hover { color: #000066; text-decoration: underline}
a:active { color: #000066; 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: #990033}
h2 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #990033}
h3 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #990033}
h4 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #990033}

/*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: #FFFFFF; font-weight: normal}
.secondarytitle {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color: #990066}

/*This is the sidebartitle style.  Colour can be changed to match your colour scheme.  Fonts and sizes should stay as is.*/
.sidebartitle {  
	font-size: 12px; 
	color: #990033; 
	text-align: right; 
	font-weight:bold;
	text-decoration: none}
a.sidebartitle:link { color: #903; text-decoration: none; }
a.sidebartitle:visited { color: #903; text-decoration: none}
a.sidebartitle:hover { color: #903; text-decoration: underline; }
a.sidebartitle:active { color: #903; text-decoration: none}

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

.sidetext {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #333333}
.sidetextbold {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold}
.closed {  background-attachment: fixed; background-color: #FFFFFF; background-image: url(../images/closed.png); background-repeat: no-repeat; background-position: 200px 450px}
.icons {vertical-align:middle;}


#footer {
	font-size: 10px; 
	color: #333;
	margin-top:30px;
	border-top:1px solid #999;
	}

/* The following styles are used in the file "commod.htm" */
#commodityTables table {border-bottom:2px solid #666; border-right:2px solid #666; }
#commodityTables td { 
	vertical-align:top; 
	border-left:1px solid #999;
	border-top:1px solid #ccc;
	margin-left:5px; margin-right:5px;}
#commodityTables th {
	text-align:left;
	vertical-align:top; 
	border-left:1px solid #999;
	border-top:1px solid #999;
	padding:3px;
	padding-left:6px;
	font-variant:small-caps;
	letter-spacing:.1em; }
#commodityTables ul {margin-left:22px;}
#commodityTables li {list-style-type:square; margin-bottom:3px; margin-right:5px;}
#commodityTables td h3 {margin-left:5px; margin-right:5px; margin-bottom:0px;}
#commodityTables img {margin:8px;}

/* END styles for "commod.htm" */


/* used in open and closed bid lists; */
#bidLists p {border-top:1px dashed #999; padding-top:10px;}
#bidListTables { }
#bidListTables td { 
	padding:5px;
	padding-right:10px; }
#bidListTables th {
	padding:7px;
	text-align:left; 
	background-color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-weight:bold;
	color:#fff;
	}
#bidListTables .cellBG_rose {background-color:#F8E9EB}
#bidListTables .cellBG_grey {background-color:#F2F2F2}

#pageNav p {
	border-top:1px solid #666; 
	border-bottom:1px solid #666; 
	background-color:#f4f4f4;
	padding:5px;
	margin-bottom:18px;
	}
	
#doubleSpacedList li {margin-bottom:15px;}

/* located at top of all bid pages */
#infoTable { border:1px solid #999; background-color:#fefefe;}
#infoTable table {width:100%;}
#infoTable ul {margin:5px; margin-left:20px; list-style-type:square;}
#infoTable td {padding:5px; border-bottom:1px solid #E4DBDE; }
#infoTable .infoTableTitles {
	background-color:#E4DBDE;
	font-variant:small-caps;
	font-weight:bold;
	font-size:14px;
	width:175px;
	letter-spacing:.1em;
	}

/********* ADDED OCT. 08 ************/	

#header { padding:0px; width:100%; background-color: #990033; height:58px; overflow: hidden; }
#header ul#siteTools { text-align:right; padding:0px; margin: 0; top: 4px; right: 10px; list-style-type: none; position: absolute; overflow: hidden; 
}


#header ul#siteTools li { background-image: url(../images/whitebullet.gif); background-repeat: no-repeat; background-position: 100% .5em; padding-right: 1em; list-style-type: none; font-size: 0.85em; line-height: 1.5em; 
}
#header ul#siteTools a { color:#fff; font-weight:bold; text-decoration:none;}

.banner { width: 80%; left: 160px; top: 20px; position: absolute; }
.banner h1 { font-family: "Trebuchet MS", Arial, "MS Sans Serif"; color: #FFFFFF; font-size: 1.8em; padding: 0; margin: 0; }
#nav { padding:0px; width:100%; background-color:#000; height:2em; margin-bottom:20px; margin-left: 0px; text-align: left; 
}

#nav ul { margin: 0; padding:0; padding-top: 0px; height: 2em; }
#nav li { list-style-type:none; margin:0; padding: 0; display: inline; padding-right: 25px; line-height: 2em; font-family: "Trebuchet MS", Arial; font-size: 1em; }
#nav li.inline {  display: inline;  padding-left: 0px;  padding-right: 20px;  }
#nav li.first { display: inline; padding-left: 10px; padding-right: 16px; }

#nav a:link { color:#fff; text-decoration:none; }	
#nav a:visited { color:#fff; text-decoration:none; }	
#nav a:hover { color: #FFcc66; text-decoration:none; }	
#nav a:active { color:#fff; text-decoration:none; }

.clear { clear: both; }
.h2.clear { margin-top: 1em; }
.footer { padding-top: 0.5em; }
td.bord { border-top: solid 1px #999; padding-top: 5px; }
.leftsidebar p { text-align: right; margin: 0px; padding: 0px; }
.leftsidebar .projects { font-weight: bold; padding-top: 5px; padding-bottom: 2px; }
table.content { margin-top: 20px; }
.leftsidebar td { text-align: right; font-size: .85em; }
.leftsidebar h3 { font-size: 1em; margin-bottom: 0px; padding-bottom: 2px; margin-top: 0px; padding-top: 0px; }
.content blockquote { padding-top: 0px; padding-bottom: 0px; margin-bottom: 0.75em; margin-top: 0.75em; margin-left: .5em; }
.content p { margin: 0px; padding: 0px; margin-bottom: 1em; line-height: 1.5em; }
.content h1 { margin: 0px; padding: 0px; margin-bottom: .5em; }
.content h2 { margin: 0px; padding: 0px; margin-bottom: 1em; padding-top: 1em; }
.content .leftsidebar td p { margin: 0px; padding: 2px 0;}