/* this stylesheet is for site framework only (not for content-specific styling, use inside.css for that) */

/* start basics */
html,body {
background-color:#e6e9eb;
color:#000;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
margin:0 auto;
padding:0;
}

body {
min-width:960px;
}

.wrapper {
width:994px;
margin-left:-480px;
background-color:inherit;
position:relative;
left:50%;
}

/*img {
border:none;
}*/


.clear {
height:0;
display:block;
clear:both;
margin:0;
padding:0;
}

a:link,a:visited {
color:#00427a;
text-decoration:none;
outline: none;
}

a:hover {
color:#00427a;
text-decoration:underline;
}

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,pre,form,p,th,td {  /* removed form and input - removed ol */
border:none;
margin:0;
padding:0;
}


/* end basics 
start framework */
.goldtop {
width:974px;
height: 41px;
background-image: url(/images/header_0.gif);
color: #000000;
font-size: 100%;
}

.goldtop a
{
	color: #000000;
	font-weight: bold;
}

.logo
{
	width: 117px;
	height:116px;
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
}

.leftside {
width:116px;
float:left;
}

.rightside {
width:877px;
float:right;
}

.content {
width:562px;
float:left;
margin:17px 17px 0 17px;
}

.rightmenu {
float:left;
margin:17px 17px 0 0;
}

.boxone .inside, .boxfour .inside, #searchbox .inside {
background-color:#fff;
}

/* end framework 
start headers */
h1 {
color:#00427a;
font-size:1.3em;
border-bottom:1px solid #c3c3c3;
margin:0px 0px 6px 0px;
padding:0px 0px 4px 0px;
line-height:26px;
}


h2 {
color:#00427a;
font-size:1.2em;
border-bottom:1px solid #c3c3c3;
margin:0px 0px 6px 0px;
padding:0px 0px 3px 0px;
line-height:26px;
}

h3 {
color:#fff;
font-size:1.4em;
text-transform:uppercase;
margin:6px 0px 6px 0px;
}

h4 {
color:#00427a;
font-size: 1.2em;
margin:0px 0px 6px 0px;
padding:6px 0px 0px;
}

/* no bottom border */
h5 {
color:#00427a;
font-size:1.3em;
margin:0px 0px 6px 0px;
padding:0px 0px 4px 0px;
line-height:26px;
}


h6 {
font-weight: bold;
font-size:1em;
margin:0px 0px 6px 0px;
padding:6px 0px 0px;


}


/* end headers 
start top */
.header {
height:60px;
width:100%;
background:url(../images/header_1.gif) #e6e9eb top left no-repeat;
}

.header .top {
height:15px;
width:1px;
}

.secondary {
height:24px;
width:100%;
background:url(../images/header_2.gif) #e6e9eb top left no-repeat;
line-height:2.2em;
}

.secondary .welcome {
color:#664a13;
font-weight:bold;
font-size: 1.1em;
text-transform:none;
width:100%;
}

.secondary a:link,.secondary a:visited {
color:#664a13;
font-weight:bolder;
text-decoration:none;
font-size: 1.1em; /* added to increase crumb size  */

margin:0px 30px 0px 0px;
}

.secondary .visited {
float:right;
margin:0px 30px 0px 0px;
}

#selhotlinks {
font-size:1em;
position:relative;
top:2px;
left:7px;
}

/* end top 
start top menu */
#nav {
margin:0px 0px 0px 20px;
padding:15px 0px 0px 0px;
}

ul#nav {
height:35px;
width:807px;
background:url(../images/nav.jpg) transparent top left no-repeat;
position:relative;
margin:0px 0px 0px 20px;
padding:0px;
}

ul#nav li {
height:35px;
display:block;
position:absolute;
top:0px;
list-style:none;
margin:0px;
padding:0px;
}

ul#nav li a {
height:35px;
background-color:transparent;
display:block;
text-decoration:none;
text-indent:-9000px;
}

ul#nav li#home {
width:75px;
left:0px;
}

ul#nav li#services {
width:106px;
left:95px;
}

ul#nav li#council {
width:106px;
left:221px;
}

ul#nav li#departments {
width:142px;
left:347px;
}

ul#nav li#about {
width:168px;
left:509px;
}

ul#nav li#contact {
width:127px;
left:697px;
}

ul#nav li#home:hover { background:url(../images/nav.jpg) transparent 0px -35px no-repeat; }

ul#nav li#services:hover { background:url(../images/nav.jpg) transparent -95px -35px no-repeat; }

ul#nav li#council:hover { background:url(../images/nav.jpg) transparent -221px -35px no-repeat; }

ul#nav li#departments:hover { background:url(../images/nav.jpg) transparent -347px -35px no-repeat; }

ul#nav li#about:hover { background:url(../images/nav.jpg) transparent -509px -35px no-repeat; }

ul#nav li#contact:hover { background:url(../images/nav.jpg) transparent -697px -35px no-repeat; }

.boxone .top, .boxtwo .top, .boxthree .top, .boxfour .top, .boxfive .top, .footer .top, .boxone .bottom, .boxtwo .bottom, .boxthree .bottom, .boxfour .bottom, .boxfive .bottom, .footer .bottom, .weather .bottom {
	background:url(../images/topbottom.gif) #e6e9eb 0px 0px no-repeat;
}

/* end top menu 
start box one; example: transit, buisness etc box */
.boxone .inside,.weather .inside {
width:110px;
background-color:#fff;
color:#5c7794;
font-size:1.0em;
font-weight:700;
text-align:left;
border-right:1px solid #c3c3c3;
border-left:1px solid #c3c3c3;
margin:0px;
padding:0px 0px 4px 4px;
}

.boxone .inside {
color:#333;
font-weight:400;
}

.boxone .events {
margin:0px 4px;
}

.boxone .inside ul {
font-weight:400;
margin:0px;
padding:0px;
}

.boxone .inside ul li {
margin:0px 0px 4px 0px;
}

.boxone .inside ul li a {
width:116px;
}

.boxone .top {
height:6px;
width:116px;
background-position: 0px -40px;
margin:7px 0px 0px 0px;
}

/* end box one 
start weather */
.weather,.boxone {
width:110px;
margin:13px 0px 0px 0px;
}

.weather .top {
height:79px;
width:116px;
background:url(../images/weather_top.gif) #e6e9ed top left no-repeat;
}

.weather .inside {
text-align:center;
margin:-10px 0px 0px 0px;
padding:0px 4px 7px 0px;
}

.weather .inside div {
font-size:1.6em;
margin:7px 0px;
}

.weather .inside span {
color:#999;
font-size:1em;
}

.weather .bottom,.boxone .bottom {
height:5px;
width:116px;
background-position: 0px -55px;
}

/* end weather 
start partners */
.crumbs {
float:left;
margin:0px 0px 0px 20px;
width:820px;					/* full with: 650 was old size with extra space to the right - 06/16/2009 */
}

.crumbs .split {
height:23px;
width:10px;
background:url(../images/split.gif) #fff top left no-repeat;
float:left;
margin:-1px 1px 0px -20px;
}

/* end partners
start box two; example: main content, flash preview */
.boxtwo {
width:562px;
/*min-height: 397px;*/
background-color:#fff;
margin:0px 0px 0px 0px;
padding:0px;
}

.boxtwo .top {
height:5px;
width:562px;
background-position: 0px -20px;
}

.boxtwo .bottom {
height:5px;
width:562px;
background-position: 0px -25px;
}

.boxtwo .inside {
/*min-height: 377px;*/
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
font-size:1.2em;
line-height:1.5em;
padding:6px 13px;
}

/* end box two 
start box three; example: seach box */
.boxthree {
width:260px;
background-color:#fff;
margin:17px 0px 0px 0px;
padding:0px;
}

.boxthree .top {
height:5px;
width:260px;
background-position: 0px 0px;
}

.boxthree .bottom {
height:5px;
width:260px;
background-position: 0px -5px;
}

.boxthree .inside {
width:234px;
line-height:1.5em;
border-right:1px solid #c3c3c3;
border-left:1px solid #c3c3c3;
margin:0px;
padding:6px 12px;
}

/* end box three 
start box four; example: public health, highlights box */
.boxfour {
width:273px;
background-color:#fff;
float:left;
padding:0px;
}

.boxfour .top {
height:5px;
width:273px;
background-position: 0px -10px;
}

.boxfour .bottom {
height:5px;
width:273px;
background-position: 0px -15px;
}

.boxfour .inside {
width:247px;
font-weight:bold;
font-size:1.2em;
line-height:1.5em;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
margin:0px;
padding:6px 12px;
}

/* boxfive: extended contect box for large tables and images */
.boxfive {
width:840px;
background-color:#fff;
margin:0px 0px 0px 0px;
padding:0px;
}

.boxfive .top {
height:5px;
width:840px;
background-position: 0px -60px;
}

.boxfive .bottom {
height:5px;
width:840px;
background-position: 0px -65px;
}

.boxfive .inside {
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
font-size:1.2em;
line-height:1.5em;
padding:6px 13px;
}

/* end box five 
start multi box */
.boxone, .boxtwo, .boxthree, .boxfour, .boxfive {
	background-color:transparent;
}

.inside li {
margin:10px 0;
}

.top,.bottom {
font-size:0;
}

.more {
float:right;
color:#00427a;
font-size:1em;
}

.linkimg {
display:block;
margin:10px 0px 0px 0px;
}

#preview {
position:relative;
z-index:1;
margin:0px 0px 17px 0px;
}

#preview .inside {
padding:5px 7px 2px 8px;
}

object:focus, object:active {
	outline:none;
}

/* end specific boxes 
start dropdown framework*/
.dropdown {
width:214px;
color:#fff;
font-size:1.2em;
font-weight:700;
line-height:1.4em;
}

.dropdown ul {
list-style:none;
margin:4px 10px 10px;
}

.dropdown li:first-child {
margin:0px;
}

.dropdown li a:link,.dropdown li a:visited {
width:186px;
display:block;
color:#fff;
text-decoration:none;
padding:4px;
}

.dropdown li a:hover {
background:url(../images/nav_hover.gif) #fff top left repeat-x;
color:#00427a;
text-decoration:none;
}

.dropdown .top {
height:5px;
width:214px;
background:url(../images/colour_top_sm.png) transparent top left repeat-x;
}

/* end dropdown framework 
start dropdown colours */
#home_drop {
background:url(../images/home_nav.gif) #3f739f bottom left repeat-x;
display:none;
position:absolute;
top:91px;
left:104px;
z-index:101;
}

#services_drop {
background:url(../images/home_nav.gif) #3f739f bottom left repeat-x;
display:none;
position:absolute;
top:91px;
left:200px;
z-index:101;
}

#council_drop {
background:url(../images/home_nav.gif) #3f739f bottom left repeat-x;
display:none;
position:absolute;
top:91px;
left:326px;
z-index:101;
}

#departments_drop {
background:url(../images/home_nav.gif) #3f739f bottom left repeat-x;
display:none;
position:absolute;
top:91px;
left:451px;
z-index:101;
}

#about_drop {
background:url(../images/home_nav.gif) #3f739f bottom left repeat-x;
display:none;
position:absolute;
top:91px;
left:614px;
z-index:101;
}

#contact_drop {
display:none;
position:absolute;
top:91px;
left:1px;
z-index:101;
}

#home_drop li a:hover {
color:#113451;
}

#services_drop li a:hover {
color:#113451;
}

#council_drop li a:hover {
color:#113451;
}

#departments_drop li a:hover {
color:#113451;
}

#about_drop li a:hover {
color:#113451;
}

/* end dropdown colours 
start right hand nav */
.mainnav {
width:260px;
background:url(../images/home_nav.gif) #3f739f bottom left repeat-x !important;
}

.mainnav .top {
height:5px;
width:260px;
background:url(../images/colour_top.gif) transparent top left no-repeat;
margin:0px 0px 8px 0px;
}

.mainnav .bottom {
height:5px;
width:260px;
background:url(../images/colour_bottom.gif) transparent top left no-repeat;
}

.mainnav li {
margin:6px 0px 0px 0px;
}

.mainnav .inside {
padding:0px 0px 15px 15px;
}

.mainnav li:first-child {
margin:15px 0px 0px;
}

.mainnav li a:link,.mainnav li a:visited {
width:222px;
display:block;
color:#fff;
font-size:1.2em;
font-weight:700;
line-height:1.2em;
text-decoration:none;
border:none;
padding:4px;
}

.mainnav li a:hover {
background:url(../images/nav_hover.gif) #fff top left repeat-x;
color:#333;
border:none;
}

/*
.mainnav .active {
margin-right:-15px;
background:url(../images/active.gif) transparent center left no-repeat;
position:relative;
left:-15px;
padding:0px 0px 0px 15px;
}
*/

.rightmenu .link {
margin:17px 0px 0px 0px;
}

/* right hand nav 
start footer */
.footer {
margin:17px 0px 10px 0px;
}

.footer .top {
height:5px;
width:973px;
background-position: 0px -30px;
}

.footer .inside {
width:947px;
background-color:#fff;
line-height:1.7em;
border-right:1px solid #c3c3c3;
border-left:1px solid #c3c3c3;
margin:0px;
padding:6px 12px;
font-size:1.1em;
}

.footer .bottom {
height:5px;
width:973px;
background-position: 0px -35px;
}

.footer .right {
text-align:right;
}

.footer .right img, .dropimage, span.pdf img {
margin:0px 0px -4px 0px;
}

.footer a {
margin:0px 20px 0px 0px;
}

.footer a:hover {
	text-decoration:underline;
}

a:link.adobe, a:visited.adobe {
	color:#9d1b20;
	margin:0px;
}

/* end footer 
start form */
.searchbox {
	/*border: 1px solid #ccc;*/
	background-color: #fff;
	width: 120px;
}

.searchbutton
{
	vertical-align: bottom;
}

.searchwrap{
	padding-top: 10px;
}

.button {
height:18px;
background:url(../images/button_bg.gif) #fff top left repeat-x;
color:#fff;
font-size:1.1em;
font-weight: bold;
margin:0px;
padding:1px 10px 2px 10px;
min-width: 60px;
border: none;
}

.button:hover {
background-position:bottom left;
cursor: pointer;
color: #000;
}

a.linkbutton {
height:18px;
background:url(../images/button_bg.gif) #fff top left repeat-x;
color: #fff;
text-decoration: none;
font-size:1.1em;
font-weight: bold;
margin:0px;
padding:1px 10px 2px 10px;
min-width: 60px;
border: none;
}

a.linkbutton:hover {
background-position:bottom left;
cursor: pointer;
color: #000;
text-decoration: none;
}

.left,.crumbs a, .crumbs span, #publichealth {
float:left;
}

.crumbs span {
color:#664a13;
font-weight:normal;
line-height:23px;
font-size: 1.1em; /* added to increase the font size of the last crumb of active page*/
}

.crumbs a
{
	text-decoration:none;
	color:#66A413;
}

.crumbs a:hover
{
	text-decoration:underline;
}

.right,#highlights {
float:right;
padding-right: 7px;
}

#partners_left .link {
display:none;
position:absolute;
z-index:101;
left:100px;
}

#partners_left .link:active {
display:none;
}

#partners_left #transit_link:hover .link,  #partners_left #business_link:hover .link {
display:block;
margin:-35px 0px 0px 0px;
}

#tourism_link:hover .link {
display:block;
margin:-25px 0px 0px 0px;
}

#view_durham:hover .link {
	display:block;
	margin:-36px 0px 0px 0px;
}

#min_agenda:hover .link {
	display:block;
	margin:-30px 0px 0px 0px;
}

#employment_opp:hover .link {
display:block;
margin:-30px 0px 0px 0px;
}

#strat_plan:hover .link {
display:block;
margin:-30px 0px 0px 0px;
}

#police_link:hover .link {
	display:block;
	margin:-26px 0px 0px 0px;
}

#dev_charges:hover .link {
	display:block;
	margin:-36px 0px 0px 0px;
}

#meetings_cal:hover .link {
	display:block;
	margin:-30px 0px 0px 0px;
}

#bus_directory:hover .link {
	display:block;
	margin:-47px 0px 0px 0px;
}

.linkimg:first-child,.dropdown li {
margin:2px 0px 0px 0px;
}

.inside ul,.mainnav ul {
list-style:none;
}

.linkimg:first-child,.dropdown li {
margin:2px 0px 0px 0px;
}
/* end form */

.googlesearch
{
	float: right;
	width: 153px;
	text-align: right;
	padding-right: 15px;
	vertical-align: baseline;
}

.googlesearch form{
	padding: 0;
	margin: 0;
}

.googletranslate
{
	width: 155px;
	padding-top: 10px;
	margin: auto;
	font-size: 1.2em;
	float: right;
}

.googletranslate form{
	padding: 0;
	margin: 0;
}

/** HR ABOUT PAGE - TAB STYLING **/
/*- Menu Tabs J--------------------------- */

#tabsJ
{
	float: left;
	width: 100%;
	background: #FFF;
	font-size: 93%;
	line-height: normal;
}

#tabsJ ul.tabs
{
	margin: 0;
	padding: 10px 10px 0 50px;
	list-style: none;
}

#tabsJ li.tabs
{
	display: inline;
	margin: 0;
	padding: 0;
}

#tabsJ a.navlnk
{
	float: left;
	background: url(/images/hr/tableftJ.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
}

#tabsJ a span
{
	float: left;
	display: block;
	background: url(/images/hr/tabrightJ.gif) no-repeat right top;
	padding: 3px 15px 3px 6px;
	color: #24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span
{
	color: #FFF;
}

#tabsJ a:hover
{
	background-position: 0% -42px;
}

#tabsJ a:hover span
{
	background-position: 100% -42px;
}

#tabsJ #current a
{
	background-position: 0% -42px;
}

#tabsJ #current a span
{
	background-position: 100% -42px;
	color: #FFF;
}

.gisdisclaimer
{
position: relative;
width: 100%;
height: 400px;
overflow: auto;
border-style: inset;
}

.bookmark
{
	width: 116px;
	height: 29px;
	cursor: pointer;
	background: url(/images/bookmarkBlue.png) no-repeat;
	margin: 10px 0px 0px 0px;
}