/* Kill browser defaults */
			
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		/*vertical-align: baseline;*/
	}
	
	/* remember to define focus styles! */
	:focus {outline: 0;}
	body {color: #555; font-size: 93%; background: white url(http://www.umaine.edu/it/new/images/header_background.png) top left repeat-x; font-family: Verdana, sans-serif;}
	ol, ul {list-style: none;}

	/* tables still need 'cellspacing="0"' in the markup */
	table { border-collapse: separate; border-spacing: 0; }
	caption, th, td {text-align: left;font-weight: normal;}
	blockquote:before, blockquote:after,
	q:before, q:after {content: "";}
	blockquote, q {quotes: "" "";}
	
/* Basic style rules */
	
	a:hover {text-decoration: underline !important;}
	
	a {color: green;}
	
	h1,h2,h3,h4,h5,h6,dt {font-family: Georgia, serif; color: #1E4698; line-height: 1.5em;}
	h1 span,h2 span, h3 span, h4 span,h5 span,h6 span {font-size: .7em; display: block; line-height: 1; margin-top: -.25em;}
	h5 {font-size: 1.3em;}
	h4 {font-size: 1.4em;}
	h3 {font-size: 1.5em;}
	h2, dt {font-size: 1.6em;}
	h1 {font-size: 1.7em;}
	
	h2, h3, h4, h5, h6, dt {margin-top: 1em;}
	.dudes h4 {margin-top: .1em;}
	#workshops_etc h2, #r_students h2, #r_staff h2 {font-size: 1.4em;}
	#main #workshops_etc ul li {list-style: none;}
	
	#workshops_etc ul {min-height: 80px;}
	
	p, dd {margin-bottom: .5em; margin-left: .5em;}
	
	#main ul li {list-style: disc inside;}
	#main ol li {list-style: decimal inside;}
	
	strong {font-weight: bold;}
	em {font-style: italic;}
	strong em { color: red; }
	caption {border-bottom: 1px dashed #345aa4;}
	
	abbr, acronym { border-bottom: 1px dotted; border-color: #666666;}
	
	.rf {float: right; padding: 0; margin: 0 0 10px 10px;}
	.fl {float: left; padding: 0; margin: 0 10px 10px 0;}
	
	caption {text-align: left; font-size: 14px; font-weight: bold;}
	table {border: none; margin: auto; margin-bottom: 12px; width: 100%;}
	th {text-align: left;}
	tbody th {font-weight: normal;}

	.c { text-align: center; }

	#instructions { border: 1px solid #FFFF00; background-color: #FFFFCC; width: 300px; padding: 12px;}
	
	a img {border: none;}
	
	fieldset {margin-top: 25px; padding-top: 0;}
	fieldset.firstone {width: 175px;}
	
	.signed, .signed ul, .signed li {margin-left: 10px; padding: 0;}
	
	.nm {margin: 0;} 
	.h {margin-top: 0;}
	
	.rss {color: #FF9900; border-color: #FF9900;}
	
	#copy {margin-top: 50px; font-size: 9px; clear: both;}
	#copy a {font-size: 9px;}

	#bread {
		padding: 3px;
		padding-left: 0;
		margin-bottom: 0px;
		}

	#bread ul {
		margin-left: 0;
		padding-left: 0;
		display: inline;
		border: none;
		} 

	#bread ul li {
		margin-left: 0;
		padding-left: 2px;
		border: none;
		list-style: none;
		display: inline;
		}

	#bread ul li:before {
		content: "\0020 \0020 \0020 \00BB \0020";
		}

	#bread ul li.first:before {
		content: " ";
		}

	* html #bread ul li {
		padding-left: 20px;
	}

	* html #bread ul li.first {
		padding-left: 0;
	}

	#bread a, .contacts ul li a {color:#666666; font-size: 12px; text-decoration: none;}

	#bread a:hover, .contacts ul li a:hover {color: #345aa4; text-decoration: underline;}
	
	
	#workshops table {
		width: 700px;
	}

	#workshops tbody {
		color: blue;
	}

	#workshops tbody td {
		border: 1px solid #AAA;
		border-bottom: none;
		border-right: none;
	}
	form#workshops {
		margin: 0;
		padding: 0;
	}
	#workshops thead td {
		text-align: center;
		font-size: .9em;
	}
	#workshops td {
		vertical-align: top;
	}
	#workshops .first {
		color: #666;
	}
	#workshops td p {
		margin: 0; 
		padding: 0; 
		text-align: right;
	}
	#workshops ul {
		list-style: none; 
		padding: 0; 
		margin: -20px 0 10px 0;
	}
	#workshops ul li {
		list-style: none; 
		padding: 0; 
		margin: 0; 
		margin-top: 20px;
	}
	#workshops td label {
		display: block;
	}
	#workshops td label a {
		position:relative;
	}
	#workshops td label a:hover { 
		font-size: 110%;
	}
	#workshops td label a span {
	  display: none;
	}
	#workshops td label a:hover span {
	  display: block;
		position: absolute;
		font-size: 99%;
		margin-top: 10px;
		margin-left: -10px;
		width: 20em;
		padding: 5px;
		padding-right: 15px;
		z-index: 100;
		background: #345aa4;
		color: white;
		text-align: left;
		text-decoration: none;
	}

	img {border: 5px solid red;}
	img[alt] {border: none;}
	* html img {border: none;}
	
/* Centering & Columns*/

	#header, #content {margin: 0 auto; width: 960px;}
	#body {background: white url(http://www.umaine.edu/it/new/images/body_background.png) top left repeat-x; border-top: 3px solid white; clear: left; padding: 25px 0;}
	#main {width: 78%; float: left; font-size: .8em;}
	#content {height: 300px;}
	#sidenav {float: left; width: 19%; margin-left: 10px; padding-bottom: 60px;}
	#workshops_etc {margin-right: 13px;}
	#workshops_etc li {font-size: .5em;}
	#main {float: right; background-color: white;}
	
/* Header and navigation */
	
	#skip {float: right; font-size: .7em; margin-top: 47px; opacity: .5; filter: alpha(opacity=50); margin-right: 13px;}
	
	#logo a {display: block;}
	#h-crest {float: left; margin: 13px 13px; margin-bottom: -117px;}
	#h-logo, #nav {float: left;}
	#h-logo {margin-left: 5px; margin-top: 19px;}
	#nav {float: left; margin-left: 110px; padding: 0; margin-top: 10px; clear: left;}
	* html #nav {margin-left: 65px;}
	#header {color: white;}
	#header a {color: white; text-decoration: none;}
	
	#nav li a {font-weight: bold; font-size: 15px; text-transform: capitalize;}
	#nav li {float: left;}
	
	#nav li a, #nav li a span {display: block;}
	#nav li a span {padding: .5em 1em;}
	#nav, #nav li, #nav li a {float:left;}
	
	body#b-home     #nav li#t-home    ,
	body#b-services #nav li#t-services,
	body#b-help     #nav li#t-help    ,
	body#b-software #nav li#t-software,
	body#b-grants   #nav li#t-grants  ,
	body#b-contacts #nav li#t-contacts,
	#nav li:hover {background: #f2f2f2 url(http://www.umaine.edu/it/new/images/active_background.png) top left no-repeat; padding-bottom: 3px; margin-bottom: -3px;}
	
	body#b-home     #nav li#t-home     span,
	body#b-services #nav li#t-services span,
	body#b-help     #nav li#t-help     span,
	body#b-software #nav li#t-software span,
	body#b-grants   #nav li#t-grants   span,
	body#b-contacts #nav li#t-contacts span,
	#nav li:hover span {background: transparent url(http://www.umaine.edu/it/new/images/active_foreground.png) top right no-repeat; }
	
	body#b-home     #nav li#t-home     a,
	body#b-services #nav li#t-services a,
	body#b-help     #nav li#t-help     a,
	body#b-software #nav li#t-software a,
	body#b-grants   #nav li#t-grants   a,
	body#b-contacts #nav li#t-contacts a {color: #1E4698;}
	
	#nav li:hover {opacity: .35; filter: alpha(opacity=35);}
	#nav li:hover a {color: #333; text-decoration: none !important;}
	
	body#b-home     #nav li#t-home    ,
	body#b-services #nav li#t-services,
	body#b-help     #nav li#t-help    ,
	body#b-software #nav li#t-software,
	body#b-grants   #nav li#t-grants  ,
	body#b-contacts #nav li#t-contacts {opacity: 1; filter: alpha(opacity=100);}

/* Sidenav */
	
	#sidenav {background-color: white;}
	#sidenav p a {font-size: 1.1em; font-family: Georgia, serif; color: #5580C7; text-decoration: none !important; line-height: 1;}
	#sidenav p a span {font-size: .6em; font-family: Verdana, sans-serif; color: gray; display: block;}
	#sidenav p {margin-bottom: 10px;}
	
	#sidenav #department_nav li {font-size: .7em; padding-left: 13px;}
	#sidenav #department_nav {margin-bottom: 20px;}
	#sidenav #regular_nav li {padding-left: 3px; background: transparent url(http://www.umaine.edu/it/new/images/sidenav_seperator.png) bottom left no-repeat; padding-bottom: 10px;}
	#sidenav #regular_nav ul li {padding-left: 0px; background: transparent; padding-bottom: 0px;}
	#sidenav #regular_nav li {margin-top: 10px;}
	#sidenav #regular_nav li:first-child {margin-top: 0px;}
	
	#sidenav #regular_nav ul {font-size: .7em; margin: 0 1em;}
	
	#sidenav #regular_nav li ul li {line-height: 1; margin: 1em 0;}
	#sidenav #regular_nav li ul li:first-child {margin: 0;}
	
	#sidenav #regular_nav li ul a {text-decoration: none; color: #5580C7; }
	#sidenav #regular_nav {clear:left;}
	
	#applesearch {display: block; float: right; margin-top: 14px; height: 19px; width: 185px;}
	#btnG, .hidden {position: absolute; margin-left: -10000px;}

	#workshops_side, #security_side, #news_side {opacity: .6;}
	#security_side, #news_side {margin-top: 20px;}
	#workshops_side:hover, #security_side:hover, #news_side:hover {opacity: 1;}

	#department_label a, #department_nav a, #department_nav li a {text-decoration: none;}

/* Content styling */

	#content {line-height: 1.4em; background-color: white;}
	
	#b-home h1 {position: absolute; margin-left: -1000px;;}
	
	.resource { float: left; width: 70%; float: left;}
	.resource .main {width: 100%; float: left; background: white url(http://www.umaine.edu/it/new/images/box_background.png) bottom left no-repeat;}
	.resource .shadow {background: transparent url(http://www.umaine.edu/it/new/images/box_foreground.png) bottom right no-repeat; float: left; width: 100%; padding: 9px 6px 14px 0;}
	
	.resource .dudes { float: left; width: 100%; float: left; margin-top: -54px; }
	.resource .dudes img { float: left; margin: 6px 7px -6px 4px;}
	.resource .dudes li, .resource .dudes li div, .resource .dudes li a {width: 100%; float: left; display: block; }
	.resource .dudes li { background: #f6f6f6 url(http://www.umaine.edu/it/new/images/dude_background.png) repeat-x top left; width: 29%; margin-left: 3%; }
	.resource .dudes li div { background: transparent url(http://www.umaine.edu/it/new/images/dude_corner0.png) no-repeat top right; }
	.resource .dudes li div div { background: transparent url(http://www.umaine.edu/it/new/images/dude_corner1.png) no-repeat bottom right; }
	.resource .dudes li div div div { background: transparent url(http://www.umaine.edu/it/new/images/dude_corner2.png) no-repeat bottom left;  }
	.resource .dudes li a { background: transparent url(http://www.umaine.edu/it/new/images/dude_corner3.png) no-repeat top left; color: #1E4698; padding: .3em 0 .6em 0; }
	.resource .dudes span {color: #666; font-family: Verdana, sans-serif; font-weight: normal; font-size: .6em; display: block; width: 70%; background: none; padding: 0; width: 90%;}
	.resource .dudes a {text-decoration: none;}
	.resource h2 {background: #577dc1 url(http://www.umaine.edu/it/new/images/resource_background.png) top left no-repeat;}
	.resource h2 span {display: block; background: transparent url(http://www.umaine.edu/it/new/images/resource_foreground.png) top right no-repeat; color: white; font-size: .9em; font-family: Verdana, sans-serif; padding: .6em .7em; font-size: .7em;}
	
	.resource #fcc_client {background: transparent url(http://www.umaine.edu/it/new/images/fcc_icon.png) 27px 27px no-repeat; padding-left: 77px; padding-bottom: 50px; margin-bottom: 10px;}
	.resource #fcc_client h3 {margin: 0 auto; text-align: center; font-size: 1.4em; font-family: Verdana, sans-serif; font-weight: bold;}
	.resource #fcc_download {font-size: 1.2em; text-align: center; background: #8397b3 url(http://www.umaine.edu/it/new/images/download_corner0.png) top right no-repeat; color: white; width: 300px; margin: 20px auto 0px auto;}
	.resource #fcc_download div {background: transparent url(http://www.umaine.edu/it/new/images/download_corner1.png) bottom right no-repeat;}
	.resource #fcc_download span {background: transparent url(http://www.umaine.edu/it/new/images/download_corner2.png) bottom left no-repeat; display: block;}
	.resource #fcc_download a {background: transparent url(http://www.umaine.edu/it/new/images/download_corner3.png) top left no-repeat; display: block; padding: .4em .2em;}
	.resource #fcc_download a {color: white; text-decoration: none; font-weight: bold;}
	.resource #fcc_download img {padding-top: 0px; margin-bottom: -5px; margin-right: -6px; margin-left: 6px;}
	.resource #fcc_browser {font-size: .9em; text-align: center; margin-bottom: 20px;}
	.resource #fcc_browser a {text-decoration: none; color: #5a74a6;}
	
	#r_students, #r_staff {float: left; width: 35%; margin-top: 20px;}
	#r_staff h2 {color:#3d8d8e;}
	#r_students h2 {color:#8e4932;}
	#r_staff a,#r_students a {color:#3d8d8e; text-decoration: none; list-style: circle inside; }
	#r_staff li,#r_students li {color:#3d8d8e; list-style: circle inside; }
	#r_students li {color:#8e4932; list-style: circle inside; }
	#r_students a {color:#8e4932;}
	
	#workshops_etc {width: 25%; float: right;}
	.clear {clear: both;}
	
	#workshops_etc h2 {color: #222; margin-bottom: 10px;}
	#workshops_etc h2 span {font-family: Verdana, sans-serif; color: gray; display: block;}
	#workshops_etc li {margin-left: 10px;}
	#workshops_etc li a {color: #666; text-decoration: none; font-size: 9px;}
	#workshops_etc li span {color: #FF8800;}
	
	#news_side ul {background: white url(http://www.umaine.edu/it/new/images/rss_newsletter.png) no-repeat right top;}
	#news_side li {padding-left: 16px; background: transparent url(http://www.umaine.edu/it/images/bullets/news.png) no-repeat left 5px;}
	#workshops_side ul {background: white url(http://www.umaine.edu/it/new/images/rss_workshops.png) no-repeat right top;}
	#workshops_side li {padding-left: 16px; background: transparent url(http://www.umaine.edu/it/images/bullets/workshop.png) no-repeat left 5px;}
	#security_side ul {background: white url(http://www.umaine.edu/it/new/images/rss_security.png) no-repeat right top;}
	#security_side li {padding-left: 16px; background: transparent url(http://www.umaine.edu/it/images/bullets/bug.png) no-repeat left 5px;}
	
	#subscribe, #workshop_more {font-size: .8em; margin-top: 30px;}
	#workshop_more {margin-top: 10px;}
	
	#workshop_calendar {font-size: .8em;}
	#workshop_calendar strong {font-size: 1.3em; color: black; font-weight: bold;}
	
	#regular_nav li p {cursor:pointer;cursor:hand}
	
/* Printing overrides */
	
	@media print {
		#header {display: none;}
		#sidenav {display: none;}
		#main {margin: 0; padding: 0; float: left; width: 100%;}
	}