html { margin: 0; padding: 0; }

body  { position: relative; top: 0px; left: 0px; margin: 0; padding: 0; font-size: 1em; text-decoration: none; background: #142038; font-family: Arial, Verdana, Helvetica, sans-serif; }

#banner { margin: 0; padding: 0; border-bottom: 2px solid white; }

img {border: none; padding: 0; margin: 0;}

div {padding: 0; margin: 0; }

/* styles for housekeeping bar at top of right column */
p#globalnav {position: absolute; top: 0; text-align: center; width: 206px; background: #e2c761; margin: 20px 10px 0 11px;  font-size: 11px; padding: 4px 0; }
p#globalnav a {font-family: Arial, Verdana, Helvetica,  sans-serif; font-size: 11px; color: #03c; text-decoration: none; }
p#globalnav a:hover {text-decoration: underline; }
p#globalnav a:visited {text-decoration: none; color: #8f7356; font-size: 11px; }

/*enclosing div to be centered in browser window */
#wrapper {position: relative; width: 740px; text-align: left; margin: 0; padding: 0; border: 1px solid #e2c761; background: #e3edf8;}

/* only purpose of this div is to create a border right and bottom for the right column */
#insidewrapper {border-right: 2px solid white; border-bottom: 2px solid white; }

/* main content div styling */
#copy {position: relative; width: 456px; min-height: 400px; padding: 20px; margin: 0; background: #fff; border: none; }

/* div container which positions the nav elements in the right column (global nav, icons, and rollovers) */
#navigation { position: absolute; top: 100px; left: 502px; width: 229px; height: 400px; margin: 0 2px 2px 0; font-family: Arial, Verdana, Helvetica, sans-serif; }

/* styles for main content area */
body#sectionone #copy h1, body#sectiontwo #copy h1, body#sectionthree #copy h1, body#sectionfour #copy h1, body#sectionfive #copy h1, body#sectionsix #copy h1, body#sectionseven #copy h1, body#sitemap #copy h1 { font-size: 2.4em; font-family: Arial, Verdana, Helvetica,  sans-serif; letter-spacing: .1em; font-weight: bold; margin: 0; padding: 0; margin: 0; color: #ddd; }

#copy h2 { font-size: 1.1em; font-family: Georgia, Times, "Times New Roman", serif; font-weight: normal;  padding: 0; margin: 0.5em 0; color: #333; }
/* h3 subheads for all pages */
body#sectionone #copy h3, body#sectiontwo #copy h3, body#sectionthree #copy h3, body#sectionfour #copy h3, body#sectionfive #copy h3, body#sectionsix #copy h3, body#sectionseven #copy h3, body#sitemap #copy h3 { font-size: .95em; font-family: Arial, Verdana, Helvetica,  sans-serif;  padding: 0 0 0.5em 0; margin: 0.5em 0; color: #d06d2b;  border-bottom: 2px solid #ddd;}

/* styles for plain ol' ul's */
#copy ul { font-size: .85em; list-style-type: square; margin: 5px 0 0 17px; padding: 0;}
#copy ul li a {color: #03c; text-decoration: none; font-weight: normal; }
#copy ul li a:hover {text-decoration: underline; }
#copy ul li a:visited {text-decoration: none; color: #5183cc;}

#copy ul.guide { list-style-type: none; margin: 0; }
#copy ul ul {font-size: 1em; margin: 0 0 10px 0; list-style-type: square; }
#copy ul ul li {margin: 0 0 0 15px; color: #999; }

h4 {margin: 0;}
/*subheads for more resources pages
body#sectionsix #copy h3 { font-size: .95em; font-family: Arial, Verdana, Helvetica,  sans-serif;  padding: 0; margin: 0.5em 0 0 0; color: #d06d2b; }
body#sectionsix #copy p { line-height: 1.1em; margin-bottom: 0; }
body#sectionsix #copy a { font-size: .9em; margin-bottom: 2em; display: block;}  */

/* float image right with border */
#copy .imagefloatr { float: right; margin: 0 10px 0 10px; border: 1px solid #333; }
/* float image right no border */
#copy .imagefloatr_nb { float: right; margin: 0 10px 0 10px; border: 1px solid white; clear: both; }
/* sets rollover behavior for right-floated images which are links */
#copy a:hover .imagefloatr_nb  {border: 1px solid #ccc; }
/* float image left no border */
#copy .imagefloatl_nb { float: left; margin: 10px 10px 0 10px; border: 1px solid white;  clear: right; }
/* sets rollover behavior forleft-floated images which are links */
#copy a:hover .imagefloatl_nb  {border: 1px solid #ccc; }

/* float image right  no border -- div set up to include caption */
#copy .imagefloatr_caption {float: right; margin: 0 0 10px 0; padding: 0; border: none; text-align: center; clear: both; width: 100px;  }
#copy .imagefloatr_caption img {border: none; margin: 0 0 5px 0; padding: 0; }
#copy .imagefloatr_caption p {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000; }

/* float image left  no border -- div set up to include caption */
#copy .samplesrow .imagefloatl_caption {float: left; margin: 0 10px 10px 0; padding: 0; border: none; text-align: center; clear: none; width: 140px; }
#copy .samplesrow .imagefloatl_caption img {border: none; margin: 0 0 5px 0; padding: 0; }
#copy .samplesrow .imagefloatl_caption p {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000; line-height: .9em; }

#copy .imagesnocaps {text-align: center;}
#copy .imagesnocaps img {margin: 0 10px 10px 0; padding: 0; border: none; }

#copy p.pullquote1 { margin: 10px 20px; font-family: Georgia, Times, "Times New Roman", serif; color: #960; font-size: 1.1em; line-height: 1.3em;  text-indent: -.4em;}
#copy p { margin: 0 0 .75em 0; font-size: .85em; line-height: 1.35em; color: #274171; }
#copy .pqattribution { margin: 0 0 20px 20px;  font-family: Georgia, Times, "Times New Roman", serif; color: #3c1e00; font-size: .9em; line-height: 1.1em; }

/* inline link styles for main copy area */
#copy p a {text-decoration: none; font-weight: bold; color: #03c; display: inline;}
#copy p a:hover {text-decoration: underline;}
#copy p a:visited {text-decoration: none; color: #5183cc; }

/* div container and top/bottom borders for samples thumbnails */
#copy div.samplesrow  { width: 100%; height: 215px; margin: 10px 0 0 0; padding: 0; }
/*captions */

#copy div.samplesrow p.note {margin: 0; color: #666; font-size: .7em;}
#copy div.samplesrow div.downloadsample img {margin-bottom: 5px; padding: 0; }
#copy div.samplesrow div.downloadsample a {margin: 0; padding: 0; }
#copy div.samplesrow div.downloadsample_w img {margin-bottom: 5px;}
#copy div.samplesrow div.downloadsample p {color: #000; line-height: 1em; clear:both;}
#copy div.samplesrow div.downloadsample_w p {color: #000; line-height: 1em;}

/* div container for downloadable thumbnails */
#copy div.samplesrow div.downloadsample {text-align: center;  font-weight: bold;  float: left; margin: 10px 15px 0 0; padding: 0;}
/* div container for downloadable thumbnails (wide) */
#copy div.samplesrow div.downloadsample_w {text-align: center;  font-weight: bold; width: 220px; float: left; margin: 10px 15px 0 0;}

.invis {visibility: hidden; text-decoration: none; display: block; font-size: 5px; }

#static {visibility: visible; z-index: 50; position: absolute; top: 196px; left: 514px; background-color: #e3edf8; width: 205px; height: 300px; background-image: url(images/rollbg.gif); background-position: 7px 0; background-repeat:no-repeat; }
#intro, #elements, #guidelines, #downloads, #samples, #resources  {visibility: hidden; z-index: 50; position: absolute; top: 197px; left: 515px; background: transparent; width: 203px; height: 300px;  background-image: url(images/rollbg_light.jpg ); background-position: -9px -16px; background-repeat: no-repeat; font-family: Arial, Verdana, Helvetica, sans-serif; }

/* establishes position and styles the nav rollover menus */
#intro ul, #elements ul, #guidelines ul, #downloads ul, #samples ul, #resources ul { width: 180px; margin: 5px 5px 5px 15px; padding: 0; }
#intro li, #elements li, #guidelines li, #downloads li, #samples li, #resources li { list-style-type: square; margin: 0 0 0 10px; padding: 0; font-size: .85em;}

#intro p, #elements p, #guidelines p, #downloads p, #samples p, #resources p { font-size: .85em; margin: 0 1em;}
#intro p a, #elements p a, #guidelines p a, #downloads p a, #samples p a, #resources p a { text-decoration: none; font-weight: bold; color: #03c;}
#intro p a:hover, #elements p a:hover, #guidelines p a:hover, #downloads p a:hover, #samples p a:hover, #resources p a:hover { text-decoration: underline;}
#intro p a:visited, #elements p a:visited, #guidelines p a:visited, #downloads p a:visited, #samples p a:visited, #resources p a:visited { text-decoration: none; color: #5183cc;}

#intro li a:link, #elements li a:link, #guidelines li a:link, #downloads li a:link, #samples li a:link, #resources li a:link {text-decoration: none; color: #03c; }
#intro li a:hover, #elements li a:hover, #guidelines li a:hover, #downloads li a:hover, #samples li a:hover, #resources li a:hover {text-decoration: underline;}
#intro li a:visited, #elements li a:visited, #guidelines li a:visited, #downloads li a:visited, #samples li a:visited, #resources li a:visited {text-decoration: none; color: #5183cc;}
	
#intro h3, #elements h3, #guidelines h3, #downloads h3, #samples h3, #resources h3  {margin: 0; padding: 3px 5px 3px 7px; color: #fff; background: #7189b8 ; font-size: .7em; letter-spacing: .1em;}
.closebutton { position: absolute; top: 5px; left: 186px; border: none; }

/* nav menu styles */
#menu { margin: 55px 0 0 0; padding: 0; }
#menu ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center;  }
#menu ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#menu ul li a { 	display: block; padding: 0; margin: 0; width: 29px; height: 29px; text-decoration: none; }

/* sets background color etc. for highlighted page (nav)-- each section corresponds to the six main nav categories */
body#sectionone #menu li#one a {background-image: url(images/nav1_off.gif); background-repeat: no-repeat; border-bottom: 3px solid #142038;}
body#sectiontwo #menu li#two a {background-image: url(images/nav2_off.gif); background-repeat: no-repeat; border-bottom: 3px solid #142038;}
body#sectionthree #menu li#three a {background-image: url(images/nav3_off.gif); background-repeat: no-repeat; border-bottom: 3px solid #142038;}
body#sectionfour #menu li#four a {background-image: url(images/nav4_off.gif); background-repeat: no-repeat; border-bottom: 3px solid #142038;}
body#sectionfive #menu li#five a {background-image: url(images/nav5_off.gif); background-repeat: no-repeat; border-bottom: 3px solid #142038;}
body#sectionsix #menu li#six a {background-image: url(images/nav6_off.gif); background-repeat: no-repeat; border-bottom: 3px solid #142038;}

/*sets background images for nav icon rollovers*/
#menu li#one a {background-image: url(images/nav1_on.gif); background-repeat: no-repeat; margin: 0 0 0 12px;  }
#menu li#two a {background-image: url(images/nav2_on.gif); background-repeat: no-repeat; margin: 0 0 0 6px; }
#menu li#three a {background-image: url(images/nav3_on.gif); background-repeat: no-repeat; margin: 0 0 0 6px; }
#menu li#four a {background-image: url(images/nav4_on.gif); background-repeat: no-repeat; margin: 0 0 0 6px; }
#menu li#five a {background-image: url(images/nav5_on.gif); background-repeat: no-repeat; margin: 0 0 0 6px; }
#menu li#six a {background-image: url(images/nav6_on.gif); background-repeat: no-repeat; margin: 0 0 0 6px; }

#menu li#one a:hover {background-image: url(images/nav1_off.gif); background-repeat: no-repeat; }
#menu li#two a:hover {background-image: url(images/nav2_off.gif); background-repeat: no-repeat; }
#menu li#three a:hover {background-image: url(images/nav3_off.gif); background-repeat: no-repeat; }
#menu li#four a:hover {background-image: url(images/nav4_off.gif); background-repeat: no-repeat; }
#menu li#five a:hover {background-image: url(images/nav5_off.gif); background-repeat: no-repeat; }
#menu li#six a:hover {background-image: url(images/nav6_off.gif); background-repeat: no-repeat; }

hr.spacer {visibility: hidden; height: 200px; }

.temp { color: red; font-style: italic; font-weight: bold; }

#enterdownloads {margin: 30px auto 0 auto; padding: 5px;  width: 165px;}
#enterdownloads p {font-size: .85em; color: #000; font-weight: bold }
#enterbutton { margin: 10px 0 0 0;}


input {margin: 5px 0 5px 0; }

table.cctable td.campuscontact { padding: 2px 4px; font-weight: bold; font-size: 1em; color: #000; background: #ccc; border: none; }
table.cctable td.col1 { width: 130px; padding: 0 5px 0 5px; vertical-align: top; font-style: italic; }
table.cctable {font-size: .85em; margin-top: 15px; width: 100%; }
table.cctable td {padding: 5px; border: 1px dotted #ccc; }

#contactform {margin: 30px 30px 0 30px; padding: 5px;  width: 396px;}
#contactform p {font-size: .85em; color: #000; font-weight: bold }