html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family:Arial, Helvetica, sans-serif;
}
body {line-height: 1; background-color:#637498; background-image:url(../img/global/bgrd-gradient.gif); background-repeat:repeat-x;  background: url(../img/global/bgrnd-rings.png) top left repeat-x, url(../img/global/bgrd-gradient.gif) top left repeat-x #637498; 
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

a:link {color:#4141bd;}
a:visited {color:#669;}
a:hover {color:#201e58;}
p {font-size:.8em; line-height:1.5em;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* layout divs */
#skipLinks {position:absolute; margin-left:-9999px;}
#container {margin:0 auto 0 auto; width:800px; padding:0; position:relative; background: url(../img/global/dropshadow.png) repeat-y;}
	*html #container {background-image:url(../img/global/dropshadow.gif);}
#fullBody #container {background-image:url(../img/global/dropshadow-white.png);}
	*html #fullBody #container {background-image:url(../img/global/dropshadow-white.gif);}

h1#logoTH {background: transparent url(../img/global/thlogo-small.gif) no-repeat; position:absolute; left:109px; top:16px; z-index:5;}
	h1#logoTH span {position:absolute; margin-left:-9999px;}
	h1#logoTH a {width:228px; height:68px; display:block;}
#home h1#logoTH {background:url(../img/home/thinkhopkins-lg.gif) no-repeat; width:345px; height:102px; left:65px;}
#header {background:#fff; margin:0 10px; height:120px; padding:0 10px;}	
#home #header {height:150px;}
#home #header p {position:absolute; right:130px; top:27px; font-size:.7em;}
	#home #header p .lime {color:#9c3;}
#header ul {position:absolute; top:0; right:20px; font-size:.7em; color:#9C3;}
	#header ul li {float:left; padding-left:7px; line-height:1.5em;}
	
#mainWrap {position:relative; margin-top:30px;}

#nav {float:left; width:235px; padding:0 0 6px 0; margin: 0px 10px 10px 10px; border: none; border-bottom:1px dashed #201e58; position:relative}
	*html #nav {margin-left:5px;}
#nav ul {margin:0 10px 0 0; font-size:.75em; padding:0 0 0 10px;}
#nav ul ul {font-size:100%; margin-left:8px; margin-top:3px; padding:0 0 0 10px;}
#nav li {margin-bottom:3px; font-weight:bold;}
	*html #nav li {border-bottom:1px solid #e5f5f9;} /*So that IE6 doesn't insert extra space between li*/
#nav ul ul li {font-weight:normal;}	
#nav ul a {text-decoration:none; padding:2px 15px 2px 16px; display:block; color:#669}

#nav h4 {border-top:1px dashed #201e58; padding-top:5px; margin:15px 0 5px 0; }
#nav h4:first-child {margin-top:0px;}
#nav h4 a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; display:block; height:19px; color:#fff; padding:4px 8px 2px 12px; background-image:url(../img/global/nav-button-bgrnds.jpg); background-repeat:no-repeat; text-decoration:none;}
#nav h4 a:visited {color:#fff;}

#nav a#navCurrentLink {text-decoration:none; color:#201e58; background-image:url(../img/global/icon-raspberry.gif); background-repeat:no-repeat;}
#nav ul#navEnjoyUL a#navCurrentLink:hover {background-color:transparent; color:#201e58;}
	#nav ul#navEnjoyUL a:hover {background-color:#a6c63a; color:#fff;}
#nav ul#navDevelopUL a#navCurrentLink:hover {background-color:transparent; color:#201e58;}
	#nav ul#navDevelopUL a:hover {background-color:#242162; color:#fff;}
#nav ul#navAboutUL a#navCurrentLink:hover {background-color:transparent; color:#201e58;}
	#nav ul#navAboutUL a:hover {background-color:#932923; color:#fff;}		
#nav h4 a#navEnjoy {background-position:0 0;}
	#nav h4 a#navEnjoy:hover {background-position:0 -25px;}
#nav h4 a#navDevelop {background-position:0 -50px;}
	#nav h4 a#navDevelop:hover {background-position:0 -75px;}
#nav h4 a#navAbout {background-position:0 -100px;}
	#nav h4 a#navAbout:hover {background-position:0 -125px;}
#nav a:visited {color:#669;}	

#mainContent {width:520px; margin:0px 0 0 260px; min-height:500px; padding-right:10px; position:relative; z-index:3;}
*html #mainContent {margin-left:250px;}
	#fullBody #mainContent {width:760px; margin-left:20px;}
	#home #mainContent {padding-top:40px;}
#mainContent h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.5em; color:#201e58;}
#mainContent h2 + h3 {margin-top:1em;}
#mainContent h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; color:#201e58; margin:1.5em 0 .2em 0;}
	#mainContent h3 a, #mainContent h4 a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#201e58; text-decoration:underline;}
#mainContent h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:.9em; line-height:1.4em; color:#201e58; margin-top:1em;}
#mainContent h5 {color:#333; font-size:.8em;}
#mainContent p {margin-bottom:1.3em; color:#333;}
#mainContent p.h2deck {margin-bottom:.5em; text-transform:uppercase; font-size:.75em; color:#9C3; border-bottom:1px dashed #9C3;}
#mainContent img {margin:0; padding:0; border:0;}
#mainContent img.imgBorder {border:2px solid #9c3;}
#mainContent img.imgRight {float:right; margin:12px 0 8px 12px; border:2px solid #9c3;}
#mainContent img.imgRightNoBorder {float:right; margin:12px 0 8px 12px; border:none;}
#mainContent img.imgLeftNoBorder {float:left; margin:5px 8px 5px 0; border:none;}
#mainContent img.imgLeft {float:left; margin:5px 8px 5px 0; border:2px solid #9c3;}
#mainContent p.captionLeft{clear:left; float:left; margin:0 12px 12px 0; padding:0; font-size:.7em; font-style:italic; text-align:center; color:#666}
#mainContent p.captionRight {clear:right; float:right; margin:0 0 12px 12px; padding:0; font-size:.7em; font-style:italic; text-align:center; color:#666}
#mainContent p.firstParagraph {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#201e58; font-size:.9em; font-weight:bold; background-color:#e9f9b2; padding:5px 10px; border-bottom:3px dashed #fff; border-top:3px dashed #fff;}
#mainContent p.pSmaller {font-size:.6em; font-style:italic;}
#mainContent ul {font-size:.8em; line-height:1.5em; list-style-type:square; padding-left:5px; margin-left:10px; margin-bottom:1.5em; color:#333;}
#mainContent table {padding:0; margin:1em 0; font-size:.75em;}
#mainContent table td {padding:5px; border:none; border-bottom:1px solid #999; color:#333; line-height:1.4em;}
#mainContent table.tableLayout td {padding:5px; border:none;}
#mainContent table th {background-color:#201358; color:#fff; padding:5px; border:none; border-right:1px solid #fff;}
#mainContent .lime {color:#693;}
	
#mainContent .pulloutBox {width:160px; float:right; clear:right; background-color:#e9f9b2; border-top:1px dashed #201e58; border-bottom:1px dashed#201e58; margin:10px 0 10px 10px; padding:8px;}	
	#mainContent .pulloutBox h4 {color:#617b0b;}
	#mainContent div.pulloutBox > h4 {margin-top:0;}
	#mainContent .pulloutBox h4 a {color:#617b0b; text-decoration:underline;}
#mainContent #featureBox1 {width:190px; margin:10px 10px 10px 0; background-color:#e5f5f9; border:2px solid #201e58; padding:5px 5px 5px 125px; background-repeat:no-repeat;}
	#mainContent #featureBox1 h3, #mainContent #featureBox1 h4 {margin-top:0; color:#201e58;}
	#mainContent #featureBox1 h3 a, #mainContent #featureBox1 h4 a {color:#201e58; text-decoration:underline;}
#home #mainContent #featureBoxHome1 {background-color:#efcecf; border-top:4px solid #932923; border-bottom:4px solid #932923; padding:5px; background-repeat:no-repeat; background-image:url(../img/home/community-events-forbox.jpg);}
	#home #mainContent #featureBoxHome1 h4 {margin-top:65px;}
	#home #mainContent #featureBoxHome1 p {margin-bottom:0;}
#home #mainContent #featureBoxHome2 {background-color:#e5f5f9; border-top:4px solid #201e58; border-bottom:4px solid #201e58; padding:5px; background-repeat:no-repeat; background-image:url(../img/home/development-forbox.jpg); margin-top:25px; margin-bottom:25px;}
	#home #mainContent #featureBoxHome2 h4 {margin-top:60px;}
	#home #mainContent #featureBoxHome2 p {margin-bottom:0;}
	#home #mainContent h3 {margin-top:0; margin-bottom:10px;}
#mainContent #featureBox2 {width:190px; margin:10px 10px 10px 0; background-color:#efcecf; border:2px solid #932923; padding:5px 5px 5px 125px; background-repeat:no-repeat;}
	#mainContent #featureBox2 h3, #mainContent #featureBox2 h4 {margin-top:0; color:#932923;}
	#mainContent #featureBox2 h3 a, #mainContent #featureBox2 h4 a {color:#932923; text-decoration:underline;}
#mainContent #featureBox3 {width:190px; margin:10px 10px 10px 0; background-color:#e9f9b2; border:2px solid #617b0b; padding:5px 5px 5px 125px; background-repeat:no-repeat;}
	#mainContent #featureBox3 h3, #mainContent #featureBox3 h4 {margin-top:0; color:#617b0b;}
	#mainContent #featureBox3 h3 a, #mainContent #featureBox3 h4 a {color:#617b0b; text-decoration:underline;}

#mainContent p.pgthumbnails {width:145px; float:left; text-align:center; background-color:#e5f5f9; border:2px solid #a6c63a; padding-bottom:2px; margin:11px;}
	* html div#mainContent p.pgthumbnails {margin:6px;}
#mainContent p.pgthumbnails img {margin:10px 10px 3px 10px;}
	
#mainContent .flickrSlideShow {border:2px solid #a6c63a; width:450px; margin:10px 0 10px 20px}	
blockquote {font-family: arial, helvetica, sans-serif; font-size:.7em; color:#000; font-style: oblique; margin: 1em 10px 1em 20px; border-bottom: 1px dashed #89a627; border-top: 1px dashed #89a627; width:250px; text-align:justify; padding: 5px; line-height:1.5em; background-color:#f4fed5;}

#footer {height:50px; margin-top:15px;}
	#footer p {color:#fff; font-size:.75em; text-align:center; padding:8px; background-color:#201e58; border-top:4px solid #a6c63a; margin:0 10px;}
	#footer a {color:#fff; text-decoration:underline;}
img#swoosh {position:absolute; top:35px; left:10px;}	
img#swooshPic {position:absolute; top:37px; right:10px;}
#home img#swoosh {top:75px;}
#home img#swooshPic {top:77px;}
img#bottomDropShadow {margin:0 auto -5px auto; position:relative; padding:0;}

/* clearfix */	
	
.clearfix:after {
	content: ".";
	display: block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix {display: inline-block;}
/*backslash hack to hide from ie mac\*/
*html.clearfix {height: 1%;}
.clearfix {display: block;}
/*end backslash hack*/	

/* end clearfix */


/* Walking Tour */
#mainContent .walkingTourImgWide {margin:40px 0px 15px 45px; border:2px solid #dab847}
#mainContent .walkingTourImgTall {margin:40px 0px 15px 115px; border:2px solid #dab847}
#mainContent .walkingTourBackToMap {position:absolute; left:210px;}
#mainContent .walkingTourBack {position:absolute; left:115px;}
#mainContent .walkingTourNext {position:absolute; left:330px;}
#mainContent .walkingTourDescriptionBox {margin:15px 25px 60px 40px;}

/* Antique Shop Windows */
#popUpWindow {background-color:#fff; background-image:none;}
#popUpWindow div {width:400px; margin:10px auto;}
#popUpWindow h3 {font-size:.8em;line-height: 1.5em;font-weight: bold;color: #a6c63a;text-align:center;margin-left:10px;margin-top:20px;}		
#popUpWindow img {border:2px solid #a6c63a; float:right; margin:5px 10px;}
#popUpWindow p {margin:.5em 20px .5em 10px; text-align:left;}
#popUpWindow p.antiqueaddress {margin:0 0 1em 0; font-style:italic; text-align:center;}