* {margin: 0; padding:0;}
ul {margin-left: 20px; list-style-type: none; padding: 0; margin-top:5px; margin-bottom: 5px;}
ol {margin-left: 25px; padding: 0; margin-top:5px; margin-bottom: 10px;}

body { font-size: 100%; font-family: Arial, Helvetica, sans-serif; text-align:center; color:#333; padding: 10px 6px 6px 6px; background: #f0ebdc; }

.skipnav {font-size:6pt; text-decoration:none; position: absolute; left:0px; top:-100px; }
.hidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }

p { font-size : inherit; font-family: inherit; text-align: left; color: #333; margin-bottom:.85em; background-color: transparent;}
p.endBreak  {margin-top:1.5em;}
blockquote {margin:15px 20px 15px 20px; padding:15px; font-weight: bold;}
q {font-weight: bold;}
q:before, q:after {  content: "";}
strong {font-weight: bold;}
.abbr { border-bottom: 1px dotted #999;}
acronym { border-bottom: 1px dashed #999;}
.center {text-align:center; margin: 0 auto 0 auto;}
hr { border: none; border-top: 1px dashed #dacca7; width: 97%; height: 1px; margin: 0 10px 0 10px; text-align: center}

h1 {font-size: 1.6em; margin: 0px 0 0 0; padding:5px 0 2px 0; color: #fff; font-family: inherit; font-weight: normal; background-color: transparent; text-align:left;}
*html h1 {font-size: 1.5em; font-weight: bold;}

h3 {font-size: 1.2em; margin: 0; padding: 0 0 3px 0; color:#003366; font-family: inherit; font-weight: bold; background-color: inherit; line-height: 1em;}

a:active { color: #999;} 
a:link, a:visited  { color: #006699; font-size: inherit;  font-weight: bold; text-decoration: none; background-color: inherit; } 
a:hover { color : #3399cc;  font-size: inherit;  font-weight: bold; text-decoration : underline; background-color: inherit; } 


img {border: none;}

div {padding: 0; margin: 0;}
#oldbrowser {text-align: center;}

p.HeaderHome { font-size: inherit; font-family: inherit; text-align: left; color: #fff; margin-bottom:.8em; background-color: transparent;}

p.dotted  {width:170px; margin: 4px 2px 4px 4px; padding: 8px 0 0 3px; background: url("/durhamcc/usp.nsf/lookup/dots/$file/dots.gif") repeat-x top left;}
p.logoBreak  {margin: 6px 2px 2px 4px; padding: 0 0 0 3px; width: 150px; }

#wrapper  {margin:10px 6px 6px 6px; padding: 0; width: auto; background : #fff url("/durhamcc/usp.nsf/lookup/col_spacer/$file/col_spacer.gif") repeat-y top left; color: inherit; text-align:left; min-width:770px; line-height: 0.9em;}
*html #wrapper {width: 100%; min-width: 770px; width:expression(document.body.clientWidth < 770? "770px": "auto" )}

/* CONTENT LEFT */
/* LEFT COLUMN */
#col_left {margin-right: -185px;	/* IE 4 fix */ }
#col_left {float: left; width: 185px; text-align:left; margin:0px; padding:0px;}


/* SEARCH */
#searchBox {width:185px; height:22px; background: #dacca7; color:#333; margin:0; padding:5px 0 0 0; text-align:left; border: 1px solid #fff; border-bottom:none;}
*html #searchBox {padding:4px 0 4px 0;}
#searchBox input {display: inline; float:left; margin-left:3px;}

.searchBoxInner {margin:0px; padding:0; height:17px;}

.textField {width:120px; height:18px; font-size: 0.8em; margin:0; padding:0; background: #fff; color:#333; text-indent:5px; }
.searchButton {background: url(/durhamcc/usp.nsf/lookup/Buttons/$file/SearchButton.gif) no-repeat bottom right; width:51px; height:19px; margin:0; padding:0; border:none; color:#333; font-size: 0.81em;}


#Home {width:177px; height: 18px; margin:4px; padding: 0; background: #84cde0; font-size: 0.85em; text-align:left; color:#fff; text-indent:3px;}
#Home a, #Home a:visited, #Home a:active {font-size: inherit; margin:0px; padding: 0; font-weight:bold; background: transparent; color:#fff; text-decoration:none;  line-height: 1.3em; height:10px;}
#Home a:hover {font-size: inherit; margin:0px; padding: 0; font-weight:bold; background: inherit; color:inherit;  text-decoration:underline;}

/*MAIN NAV*/
#MainNav { width: 170px; background: transparent; color: #333; margin: 6px; text-align:left; font-size: 0.83em; }
#MainNav ul {list-style-type: none; font-family: Arial, Helvetica, sans-serif; width: 100%; margin:0; }
#MainNav li {margin-bottom:7px; padding:0;  line-height:1.1em; }
*html #MainNav li {margin-bottom:4px;}
#MainNav a:active { background:transparent;  color: #999; font-weight:bold;}
#MainNav a:link, #MainNav a:visited { margin: 0; padding:0; background:transparent;  color: #333; font-weight:bold; font-size: inherit;  text-decoration: none; height:10px; line-height:1.1em; }
#MainNav a:hover {color:#993366; background:transparent;  margin: 0; padding:0; font-weight:bold; text-decoration: none; }

/*2ND NAV HOME*/
.BlueNavHome { width: 170px; background: url("/durhamcc/usp.nsf/lookup/dots/$file/dots.gif") repeat-x top left; color: #336699;  margin: 0 2px 0 5px; padding:8px 0 4px 4px; text-align:left; font-size: 0.83em; }
.BlueNavHome ul{margin: 0; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; width: 170px;}
.BlueNavHome li {margin-bottom:4px; padding:0px; }
.BlueNavHome a, .BlueNavHome a:active, #BlueNavHome a:visited { background-color: inherit;  color: #336699; font-weight:bold; font-size: inherit;  text-decoration: none; margin:0px; padding: 0; height:10px; line-height:1em; }
.BlueNavHome a:hover{color: #006699;  font-weight:bold; background:transparent;  text-decoration: none; margin: 0; padding: 0; }
.empColor {color:#996633; font-weight: bold; background:transparent; }
.empColor a:hover {color:#cc6600; font-weight: bold; background:transparent; }

/*3RD NAV HOME*/
#Nav3 { width: 170px; background: url("/durhamcc/usp.nsf/lookup/dots/$file/dots.gif") repeat-x top left; color: #996633;  margin: 0 2px 0 5px; padding:8px 0 2px 4px; text-align:left; font-size: 0.83em; }
#Nav3 ul {margin: 0; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; width: 170px;}
#Nav3 li {margin-bottom:4px; padding:0; }
#Nav3 a, #Nav3 a:active, #Nav3 a:visited { background-color: inherit;  color:#996633; font-weight:bold; font-size: inherit;  text-decoration: none; margin:0; padding: 0; height:10px; line-height:1em; }
#Nav3 a:hover{color: #cc6600;  font-weight:bold; background:transparent;  text-decoration: none; margin: 0; padding: 0; }


/*CONTENT RIGHT */
#col_right {width: auto; min-width:565px; margin: 0 0 0 189px; padding:0px; text-align:left; color:#333; }
#col_right>#content {height: auto;	/* fix Opera 5 which breaks with the above IE fix */}


/*TOP NAV*/
#topNav {padding: .56em 0; margin: 0; padding-left: 0.3em; font: bold 0.75em Verdana, sans-serif; background: #dacca7; border: 1px solid #fff; }
#topNav li {list-style: none; margin: 0; padding: 0; display: inline;}
#topNav li a {padding: 7px 0.4em; margin-left:-3px; margin-right: 0; border-right: 1px solid #fff; border-bottom: none; background: #dacca7; color: #333; text-decoration: none;}
#topNav li a:link, #topNav li a:visited {color: #333; background: transparent;}
#topNav li a:hover {color: #1a4c66; background: transparent;}
#topNav li a:active  {color: #003366; }


/*HEADER*/ 
#header_Summer { height: 190px; background:  #993366; margin:3px 4px 3px 4px; text-align:left; padding: 0;}

#header_SummerText {font-size: 0.77em; color: #fff; background: #993366;  margin: 0 3px 0 5px; height: 174px;  line-height:1.15em;}
*html #header_SummerText {font-size: 0.73em; line-height:1.2em;}

#header_Summer .strapline {font-size: 1em; margin: 0 0 3px 0; padding:0 0 2px 0; color: #ccffff; font-family: inherit; font-weight: bold;  text-align:left; background: transparent url("/durhamcc/usp.nsf/lookup/dots/$file/dots_white.gif") repeat-x bottom left; }


#header_right {float: right; width:365px; margin: 0; padding:0; height:190px;}
*html #header_right {margin:0 0 -3px -3px; padding:0; }
#header_left {padding:0;  margin-right: 365px; height:190px;}
*html #header_left {margin-right: -6px;  padding-right: -3px;}

#headerBtm_Summer { width: auto; height:16px; margin: 0 ; padding: 0; text-align:right; 
background: url("/DurhamCC/usp.nsf/Lookup/HomeSwoosh/$file/HomeSwooshLeft_Summer.gif") no-repeat; } 


.clear {clear:both; height:1px; overflow:hidden; margin-top:-1px; }

/*NEWS BAR*/
#newsBar h2 { width: auto; height: 20px; background: #003366; text-align: left; color:#fff; font-size:1em; font-weight: bold; padding: 2px 0 0 0; margin:4px; text-indent:4px;}
*html #newsBar {  margin-left: 2px;}

/*CONTENT*/
#content {margin: 10px 10px 0 10px; text-align:left; width: auto; font-size:0.81em; }
#content2 {margin: 5px 10px 5px 10px; padding: 0; text-align:left; width: auto;  font-size:0.81em;}


/*NEWS*/
.news_left {margin: 0; padding:0px; text-align:left; width: 200px; float: left; }
.news_left img {margin: 0 0 5px 0;}
.news_right{margin: 0 0 0 215px; padding:0px; text-align:left; width:auto;  }

.moreNews {float:left; margin-top:-25px;  text-decoration:none; }

.News2 { width: auto;  min-height:auto; height:85px; margin-bottom: 0;}
.News2text { width: auto; min-height: 80px; margin-left:70px;}
.News2 img {padding-right: 5px; float:left; height:65px; width: 65px;}

p.newsBreak {margin-top:0px; width: 100%; float:left;}


/*BOXES*/
/*FEATURE BOX */
#featureBox {float: right;  width: 200px; height: 245px; margin:0; padding:1px; border:1px solid #bcdbe9; text-align:left; }
#featureBox img{ float: right; margin:8px 0 3px 2px;}

h3.featureBox {background: transparent; color:#ccffff; font-weight:bold; font-size:1em; padding:0px; margin:0 0 0 3px; text-align:left; height: 32px; line-height: 1.6em;}

#featureBox_inner {text-align:left; padding:1px; background:#993366 url("/DurhamCC/usp.nsf/Lookup/FeatureBox/$file/FeatureBox_Summer.gif") no-repeat right top; color:#fff; height: 242px; line-height:1.15em;}
#featureBox_inner a {color:#fff; text-decoration: underline;  font-size:inherit;  }
#featureBox_inner a:hover {color:#ccffff; text-decoration: underline; }

.featureBox_text {margin:0px 4px 4px 4px; text-align:left; width:auto; display:block;}


/*POP PAGES BOX*/
#box_pop { height: 245px; margin: 0 211px 0 212px; padding:1px; border:1px solid #84cde0; background:#fff url("/durhamcc/usp.nsf/lookup/Home_box_gradient/$file/Home_box_gradient.jpg") repeat-x top left; text-align:left;}
*html #box_pop {margin: 0 205px 0 212px; }

h3.Box {background:#84cde0; color:#fff; font-weight:bold; font-size:1.05em; padding:2px; margin:0;}

.boxList {margin: 2px 0 0 2px; color:#006699; background-color: transparent; }
.boxList ul {margin: 0; list-style-type: none; }
.boxList li {line-height:1.1em; margin:0 0 3px 0; padding-left: 7px; background: url("/durhamcc/usp.nsf/lookup/bullet/$file/bulletHome.gif") no-repeat left top; }
.boxList a:link, .boxList a:active, .boxList a:visited { margin: 0; font-size:0.95em; color:#006699; text-decoration:none; }
.boxList a:hover {color:#3399cc; font-size:0.95em;   text-decoration:underline; }

/*QUICK POLL BOX*/
#box_poll { float: left; width: 200px; height: 245px; margin:0; padding:1px; border:1px solid #84cde0; background:#fff url("/durhamcc/usp.nsf/lookup/Home_box_gradient/$file/Home_box_gradient.jpg") repeat-x top left; text-align:left;}
*html #box_poll { width: 208px;  /*margin-right:4px;*/}

#box_poll .radio {float: left; padding:0; margin:2px 2px 0 0;}
*html #box_poll input.radio {padding:0; margin:-1px 0;}

#box_poll input, submit {clear: left; margin-top:7px; }

#box_poll #QPoll {font-size: .95em; margin:4px; text-align:left; color:#333; width:auto; font-weight: normal; display: block;}

#QPoll ul {list-style:none; margin:0; padding:0;}
#QPoll ul li {margin:0.3em 0 0.5em; padding:0; background:none; clear:left;}
#QPoll li label {display:block; }
#QPoll li label {float:left; margin-left:1em; text-align:right;}
#QPoll li.check label {float:none; display:inline; margin:0; text-align:left; width:auto;}


/*FOOTER*/
.footerBar { text-align: center;  color: #333;  background : #dacca7 url("/durhamcc/usp.nsf/lookup/col_spacer/$file/col_spacerBtm.gif") repeat-y top left; height:8px; margin:0; padding:0; white-space:normal;}

#footer {clear: left; text-align: center; background: #f0ebdc; color: #333; margin:0px; padding: 0; font-size: 0.8em;}
#footerNav ul{list-style: none; margin: 0; padding: 0; border: none; }
#footerNav li { display: inline; margin: 0; padding: 0;}
#footerNav a, #footer a:visited, #footer a:active{ width: auto; color: #333; font-size: inherit; font-weight: normal;  text-decoration: underline; background: transparent; padding: 0 2px 0 2px;}
#footerNav a:hover {font-size: inherit; color:#006699; text-decoration: underline; background: inherit;}

p.footer2 {font-size: 0.85em; color: #333; text-decoration: none; background: transparent; text-align:center; margin:7px 0 0 0; line-height:1.3em;}
p.footer2 a {font-size: inherit; color: #333;  background:transparent; font-weight:normal; text-decoration: underline;}
p.footer2 a:hover {font-size: inherit; color: #006699;  background:transparent; text-decoration: underline; font-weight: normal;}


.align {float:right; padding:0px 2px 3px 3px;}
.alignleft {float:left; text-align:left;}

.spacer {height:10px;}
.clearer {clear:both; height:1px; width: 1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}