@charset "UTF-8";
/* CSS Document */

body {padding:0; margin:0; background-color:#82c141; background-image:url(../img/body_background.gif); background-repeat:repeat-x;}
body * {padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; color:#FFF; border:none;}

/*Navigation Menu*/

div#nav {margin:20px auto 0 auto; height:25px; width:730px; position:relative; }
#nav ul {padding: 0; margin: 0; list-style: none;}
#nav li {float:left; margin-left:12px;}
*html #nav li {margin-left:10px;}
#nav a {display: block; text-decoration:none; border:none;}
#nav span {display:none;}

#nav a#btnCoffee {background-image:url(../img/nav/btn_coffee_all.gif); width:111px; height:25px;}
#nav a#btnCoffee:hover {background-position:0 -25px;}

#nav a#btnMusic {background-image:url(../img/nav/btn_music_all.gif); width:111px; height:25px;}
#nav a#btnMusic:hover {background-position:0 -25px;}

#nav a#btnBoard {background-image:url(../img/nav/btn_board_all.gif); width:145px; height:25px;}
#nav a#btnBoard:hover {background-position:0 -25px;}

#nav a#btnArt {background-image:url(../img/nav/btn_art_all.gif); width:94px; height:25px;}
#nav a#btnArt:hover {background-position:0 -25px;}

#nav a#btnMerch {background-image:url(../img/nav/btn_projects_all.gif); width:94px; height:25px;}
#nav a#btnMerch:hover {background-position:0 -25px;}

#nav a#btnRent {background-image:url(../img/nav/btn_rent_all.gif); width:121px; height:25px;}
#nav a#btnRent:hover {background-position:0 -25px;}

#nav a#btnAbout {background-image:url(../img/nav/btn_about_all.gif); width:61px; height:25px;}
#nav a#btnAbout:hover {background-position:0 -25px;}

li#topNavCurrent a {background-position:0 -50px;}


/*Blue Gradient Box*/

.gradientBlueBox { 
  background-color: #003367; 
  width:740px;
  position:relative;
  margin:0 auto 5px auto;
  background-image:url(../img/blue_gradient.gif); background-repeat:repeat-x;
}

div#backgroundMusic {background-image:url(../img/gradient_boxes_music.jpg); background-repeat:no-repeat; position:absolute; width:120px; height:385px; left:26px;}

div#backgroundCircle {background-image:url(../img/gradient_boxes_circle.jpg); background-repeat:no-repeat; position:absolute; width:120px; height:385px; left:26px;}

div#backgroundCoffee {background-image:url(../img/gradient_boxes_coffee.jpg); background-repeat:no-repeat; position:absolute; width:120px; height:385px; left:26px;}
div#background404 {background-image:url(../img/gradient_boxes_404.jpg); background-repeat:no-repeat; position:absolute; width:120px; height:385px; left:26px;}

div#backgroundHand {background-image:url(../img/gradient_boxes_hand.jpg); background-repeat:no-repeat; position:absolute; width:120px; height:385px; left:26px;}
div#backgroundKey {background-image:url(../img/gradient_boxes_key.jpg); background-repeat:no-repeat; position:absolute; width:120px; height:385px; left:26px;}
div#backgroundMerch {background-image:url(../img/gradient_boxes_merch.jpg); background-repeat:no-repeat; position:absolute; width:120px; height:385px; left:26px;}


/*Rounded Corners */
.roundtop { 
	background: url(../img/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../img/br.gif) no-repeat top right; border:none; margin-top:-22px;}

img.corner {
   width: 26px;
   height: 22px;
   border: none;
   display: block !important;}
   
/* Upper Left Logo */

div#logo {width:740px; height:152px; position:relative; margin:0 auto;} 
div#logo img {float:left;}

/* Text Styling */

#mainText {width:325px; position:relative; z-index:20; margin-left:165px; min-height:364px; height:auto !important; height:364px;}

#mainTextWide {width:500px; position:relative; z-index:20; margin-left:165px; min-height:364px; height:auto !important; height:364px;}

#mainText h1, #mainTextWide h1 {font-size:2em;}

#mainText h1.fancy, #mainTextWide h1.fancy {background-repeat: no-repeat; text-indent: -9000px; position: relative; }

p.address {position:absolute; width:340px; height:25px; top:0; right:0; background-image:url(../img/address.png); background-repeat:no-repeat; text-indent: -9000px; }

*html p.address {background-image:none; height:25px; width:340px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.hopkinsmn.com/_depot/img/address.png',sizingMethod='fixed');}



p {font-size:.75em; margin-bottom:.7em; line-height:1.5em;}
h2 {color:#fff; font-size:1em; border-bottom:1px dashed #a5cef7; font-weight:bold; font-family:Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin-top:1em; margin-bottom:.2em;}
#mainText a, #mainTextWide a {color:#a6d161; text-decoration:none;}
#mainText a:hover, #mainTextWide a:hover {text-decoration:underline;}
#mainText ul, #mainTextWide ul {
	margin: 0px 0px 8px 10px;
	padding: 0px 0px 8px 10px;
	font-size: 0.75em;
	line-height: 1.3em;
	list-style-type:square;
	text-align: left;
}

#mainText li, #mainTextWide li {margin-bottom: 4px; padding-left: 2px}

#mainText h2.h2Home {border-bottom:none; color:#93c73e; border-top:1px solid #93c73e; padding-top:.5em; margin-top:.5em;}
#mainText h2.h2HomeTop {border-bottom:none; color:#93c73e; margin-top:.5em;}

/* Inside Image styling */
img.imgRight {float:right; margin-left:20px;}

/* Main Image styling */
div#imgTopRight {position:absolute; top:0; right:20px; }
div#imgTopRight img {margin:0; padding:0; border:0;}

img.imgTopRight {position:absolute; top:0; right:20px; }

/* Left Navigation */
#leftLinks {position:absolute; top:160px; left:27px; width:115px;}
#leftLinks li {font-size:.7em; font-weight:bold; margin-bottom:0; padding-bottom:0;}
#leftLinks a {color:#fff; text-decoration:none; background-image:url(../img/left_nav_blue_grad.gif); background-repeat:repeat-x; padding:5px; border-top:1px solid #003367; display:block; width:100px;}
#leftLinks a:hover {background-image:url(../img/left_nav_blue_grad.gif); background-position:0 -50px;  color:#003367;}
#leftLinks ul {list-style-type:none;}
#leftLinks li#leftLinksCurrent {background-image:url(../img/left_nav_blue_grad.gif); background-position:0 -50px; color:#003367; background-repeat:repeat-x; padding:5px; border-top:1px solid #003367; display:block; width:100px;}

/* Footer */
#footer {width:740px; margin:0 auto;}
#footer p {font-size:.7em; text-align:center; margin-bottom:10px; color:#003367;}
#footer a {color:#003367;}
#footer a:hover {color:#DAF1FE;}

/* Forms */

input#form, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px;letter-spacing: 1px; background-color: #82c141; color: #000;padding: 1px 1px 1px 4px;margin: 1px 1px 1px 4px;border: 1px solid #caeda5;}

input#form:focus { background-color: #caeda5; }

textarea:focus { background-color: #caeda5;}

/* pdf icon */
a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../img/icon_pdf.gif) no-repeat center right;
}


/* home page stuff */
#homeFlash {height:140px; width:740px; background-color:#666666; border-top:7px solid #fff; border-bottom:7px solid #fff; position:relative; z-index:20;}
#homeBoxWrap {width: 270px; position:absolute; right:0;}

#homeSignUp {float:right; width:238px; background-image:url(../img/home/box_bgr_transp.png); background-repeat:repeat; padding:0 10px 5px 10px; margin-top:20px; position:relative; z-index:20;}
#homeSignUp h2 {border-bottom:none; font-weight:normal; margin-top:.5em;}
#homeSignUp img {float:left; margin-top:5px; margin-right:4px;}
#homeSignUp p {line-height:1.2em; font-size:.7em;}
#homeSignUp form {margin:0 0 5px 0px;}
*html #homeSignUp {background-image:none; background-color:#295e95;}

#homeLinesBgrnd {position:absolute; top:170px; left:290px; z-index:0;}
*html #homeLinesBgrnd img {display:none;}
*html #homeLinesBgrnd {height:170px; width:250px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/home/bgr_lines.png',sizingMethod='fixed');}

#mySpaceBox {position:relative; clear:both; float:right; width:243px; padding:0px 10px 5px 5px; background-image:url(../img/home/box_bgr_transp.png); background-repeat:repeat; margin-top:12px; z-index:20;}
*html #mySpaceBox {background-image:none; background-color:#295e95;}
#mySpaceBox a {text-decoration:none; color:#82c141}
#mySpaceBox a:hover {color:#fff; text-decoration:underline;}
#mySpaceBox h2 {border-bottom:none; margin-bottom:0; font-weight:normal; margin-top:.5em;}
#mySpaceBox p, #facebookBox p {font-size:.7em;}

#facebookBox {position:relative; clear:both; float:right; width:243px; padding:0px 10px 5px 5px; background-image:url(../img/home/box_bgr_transp.png); background-repeat:repeat; margin-top:12px; z-index:20;}
*html #facebookBox {background-image:none; background-color:#295e95;}
#facebookBox a {text-decoration:none; color:#82c141}
#facebookBox a:hover {color:#fff; text-decoration:underline;}
#facebookBox h2 {border-bottom:none; margin-bottom:0; font-weight:normal; margin-top:.5em;}

#homePage #mainText {margin:10px 0 0 40px; width:409px;}

p.homePGreenBorder{border-bottom:1px solid #5e9e1c; padding-bottom:15px;}
div#homeTwitter {margin-left:-10px; margin-bottom:20px;}

#homeAd {position:relative; clear:both; float:right; width:243px; padding:0px 10px 5px 5px; margin-top:12px; z-index:20;}

/* 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 */