@charset "UTF-8";
/* CSS Document */
/* 
Imported Styles
-----------------------------------------------------------------------------*/	
@import url("cssreset.css"); /* Resets defaults to help minimize browser interpretation issues */
/* 
Typography
-----------------------------------------------------------------------------*/	
h1, h2, h3, h4, h5, h6, th {margin-bottom: 10px;}
h1 {font-size:36px; margin-bottom:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
p, ol, ul, dl, small, td {line-height:18px; margin-bottom:1em;}
#primary-content ul {margin-left:1.2em;}
#primary-content ul li {list-style:square;}
#primary-content ol {margin-left:1.5em;}
#primary-content ol li {list-style:decimal;}
#home #banner p, #home #banner h1, #home #banner table {margin-left:480px; width:460px;}
#banner ul li {list-style:square;}
#home #banner ul, #home #banner ol {margin-left:510px; width: 430px;}
#teaser h3 {font-size: 14px; font-weight:bold; color:#a30021; margin-bottom: 0;}
#secondary-content h3 {font-size:24px;}
#footer ul, #footer p, #footer h5 {margin-bottom:0;}
a:link, a:visited {text-decoration:underline; color:;}
a:hover, a:focus {text-decoration:none;}
a:active {}

.stext {padding:3px;font-weight:bold;}

/* 
Containers
-----------------------------------------------------------------------------*/	
html {text-align: center; font:11px Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0;}
body {width: 940px; margin:0 auto;}
#masthead, #banner, #content, #footer {width: 940px; position:relative;}
#masthead {height:115px;}
	#logo {position: absolute; bottom:30px; left:0;}
	#masthead #location {text-align:right; position:absolute; bottom: 0; right: 0;}
#banner {text-align:left; min-height:327px; height:auto !important; height:327px;}
#content {clear:both; float:left; text-align:left; margin-bottom:20px;}
	#primary-widecontent {float:left; width:920px;text-align:left;}
	#primary-content {float:left; width:620px;}
		#home #primary-content .gutter {padding:40px 20px;}
		#home #primary-content {background-color:#e5e8f6;}
		#magazine-info {position:relative; width:100%; background:url(../images/pink-border.gif) bottom left repeat-x;
		margin-bottom: 20px;}
		#magazine-info p { width:100%;}
		#magazine-info img {position:absolute; top: 0; left:0;}
		.cols {width:100%; float:left; background:url(../images/pink-vertical-border.gif) 277px 0 repeat-y; 
		margin-bottom:20px;}
		#client-login {float: left; width: 277px;}
			#client-login .gutter, #up-coming-events .gutter {padding:10px 10px !important;}
			#client-login label {display:block;}
			#client-login form div {padding:0 0 5px 0;}
		#up-coming-events {float:right; width:282px;}
	#teaser {clear:both; width:100%; text-align:left; margin-bottom:20px;}
		#teaser li {width: 220px; float:left; margin-right:20px; background-color:#c7e3f1; min-height:320px; height:auto; height:320px;}
		#teaser li.last {margin-right:0;}
		#teaser .gutter {padding:20px;}
		#teaser li img {margin-bottom: 30px;}	
	#secondary-content {float:right; width:300px; background-color:#0082ae; color: #fff;}
		#secondary-content .gutter {padding:40px 20px;}
		#blog-entries li {background:url(../images/red-border.gif) bottom left repeat-x; padding-bottom:10px; margin-bottom:10px;}
		#blog-entries li.last {background-image:none;}
		#blog-entries li p {margin:0;}
		#blog-entries li a, #blog-entries p a {color:#fff !important;}
		#secondary-content #client-login {margin-bottom: 40px;}
#footer {clear:both; width: 100%; border-top: #8eafc8 1px solid; padding-top:15px; color: #8eafc8;}
#footer a {color: #8eafc8;}

/* 
Navigation
-----------------------------------------------------------------------------*/	
#main-navigation {width:100%; height:30px; margin-bottom: 20px;}
#main-navigation {position:relative; z-index:10;}
#main-navigation ul {width: 940px; height:30px; background:url(../images/main-nav-sprite.png) top left; position:relative;}
#main-navigation ul li {list-style: none; position:absolute; top: 0;}
#main-navigation ul li, #main-navigation ul li a {height: 30px; display:block;}
#main-navigation #nav1 {left: 0; width: 156px;}
#main-navigation #nav2 {left: 157px; width: 156px;}
#main-navigation #nav3 {left: 313px; width: 156px;}
#main-navigation #nav4 {left: 469px; width: 156px;}
#main-navigation #nav5 {left: 625px; width: 156px;}
#main-navigation #nav6 {left: 781px; width: 159px;}
#main-navigation a {color: transparent;}
#main-navigation a {text-indent: -9000px;}
#main-navigation #nav1 a:hover, #nav1 a.active  {background: url(../images/main-nav-sprite.png) 0 bottom no-repeat;}
#main-navigation #nav2 a:hover, #nav2 a.active  {background: url(../images/main-nav-sprite.png) -157px bottom no-repeat;}
#main-navigation #nav3 a:hover, #nav3 a.active  {background: url(../images/main-nav-sprite.png) -313px bottom no-repeat;}
#main-navigation #nav4 a:hover, #nav4 a.active  {background: url(../images/main-nav-sprite.png) -469px bottom no-repeat;}
#main-navigation #nav5 a:hover, #nav5 a.active  {background: url(../images/main-nav-sprite.png) -625px bottom no-repeat;}
#main-navigation #nav6 a:hover, #nav6 a.active  {background: url(../images/main-nav-sprite.png) -781px bottom no-repeat;}
#main-navigation a.active:hover {cursor:default;}

/* Sub Navigation */
#nav ul{ position:absolute; left: -10000px; width:300px !important; z-index:10000; background-image:none !important; background-color:#ec6831; text-decoration: none;  }
#nav ul li { background-image:none !important; text-align:left; width: 300px !important; display:block; position:static; line-height:25px; text-decoration: none; height:25px !important; border-bottom:#f0865a 1px dashed;background-color:#ec6831; }
#nav ul li a { color:#fff !important; text-indent:5px; background-image:none !important; display:block !important; width:300px; line-height:25px; height:25px !important; text-decoration: none;background-color:#ec6831;}
#nav ul li a:hover { color: #ccc !important; text-decoration: none;background-color:#ec6831; }
#nav ul li.last {border-bottom:none;}
#nav li:hover ul, #nav li.sfhover ul { left: auto; background-image:none; text-decoration: none; width: 300px; visibility:visible; }

#footer-nav {width: 100%;}
#footer-nav li {display:inline;}
/* 
Images
-----------------------------------------------------------------------------*/	
.img-right {float:right; margin:0 0 1em 1em;}
.img-left {float:left; margin:0 1em 0 1em;}
#home #banner .banner-img {position:absolute; top:0; left:0;}

/* 
Curvy Corners
-----------------------------------------------------------------------------*/	
#primary-content, #secondary-content {-webkit-border-radius: 8px; -moz-border-radius: 8px;}