body {
	background-color: #361574;
	margin: 0px; 
	padding: 0px;
}
ul {
	margin-top: 0px;
	padding-top: 0px;
}
.g_block {
	display: block;
}
#header_logo {
	display: block;
	padding-top: 20px;
	padding-left: 5px;
}
#mobile_header {
	display: none;
}
#page {
	background: #9999FF url(/images/background_navstripe.gif) repeat-y;
	max-width: 1045px;
	background-color: #9999FF;
	margin: 0px auto;
	min-height: 1200px;
	/*min-height: 101%; 101 results in scrollbar on all pages, so design doesn't jump around between pages with short vs long content*/
}
#rose {
	background: url(/images/background_rose.gif) no-repeat 470px 200px;
	min-height: 700px;
	/*min-height: 101%; 101 results in scrollbar on all pages, so design doesn't jump around between pages with short vs long content*/
}
#nav {
	float: left;
	width: 156px; 
	/*height: 101%; 101 results in scrollbar on all pages, so design doesn't jump around between pages with short vs long content*/
	text-align: center;
}
#nav img {
	margin: 0px auto;
}
#content {
	background: url(/images/background_rose.gif) no-repeat center 200px;
	min-height: 700px; /*avoid cutting off the rose!*/
	padding-top: 50px; 
	padding-bottom: 50px; 
	margin-left: 220px;
	width: 70%; /*740px;*/
}
#header {
	padding-bottom: 40px;
}
.homecopy {
	font-family: arial,helvetica,san-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
}
.contactcopy {
	font-family: arial,helvetica,san-serif;
	font-size: 18px;
	line-height: 20px;
	color: #000000;
}
.bodycopy {
	font-family: arial,helvetica,san-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
}
h1	{
	padding: 0px;
	margin: 0px;
	font-family:arial,helvetica,san-serif;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	color:#000000;
}
h2	{
	padding: 0px;
	margin: 0px;
	font-family:arial,helvetica,san-serif;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	color:#000000;
}
.subhead	{
	font-family:arial,helvetica,san-serif;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	color:#000000;
}

.sidebarcopy	{
	font-family:arial,helvetica,san-serif;
	font-size:11px;
	line-height:14px;
	color:#000000;
}

.sidebarheader	{
	font-family:arial,helvetica,san-serif;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	color:#000000;
}

.popuptitle	{
	font-family:arial,helvetica,san-serif;
	font-size:16px;
	font-weight:bold;
	color:#000000;
}

.popupbodycopy	{
	font-family:arial,helvetica,san-serif;
	font-size:12px;
	line-height:20px;
	color:#000000;
}

.popupbodycopycontact	{
	font-family:arial,helvetica,san-serif;
	font-size:16px;
	line-height:20px;
	color:#000000;
}

.blogtitle {
	font-size:18px;
	font-weight:bold;
	line-height:26px;
}

.blogsubtitle {
	font-size:14px;
	font-weight:bold;
	line-height:24px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

/*avoid weirdly wide left margin's (as compared to right margin) at resolutions that are wider than ipad but narrower than fullscreen desktop*/
@media (max-width: 950px) {
	#content {
		margin-left: 210px;
	}
}
@media (max-width: 850px) {
	#content {
		margin-left: 25%;
	}
}

/*anything smaller than iPad portrait resolution gets no nav bar on left...instead there's a toggle button and drop-down "mobile"-style nav*/
@media (max-width: 767px) {
	body {
		background-color: #9999FF;
	}
	#mobile_header {
		display: inline-block;
		width: 100%;
		height: 80px;
		background: #9999FF url(/images/background_navstripe_mobile.gif) -50px -90px repeat-x;
	}
	#nav_bar {
		background-color: #000000;
		width: 135px; 
		float: right; 
		text-align: right;
		border-bottom-left-radius: 25px;
	}
	#nav_container {
		background: url(/images/nav_treble.gif) 0px 135px no-repeat;
	}
	#nav_toggler {
		margin-left:60px;
	}
	#header_logo {
		float: left;
		padding: 5px;
	}
	#page {
		background: none;
		width: 100%;
		min-height: 10px;
	}
	#nav {
    display: none;
  }
	#content {
		padding-top: 20px; 
		padding-right: 0px; 
		margin-left: 10px;
		width: 95%;
	}
	#header {
		padding-bottom: 30px;
	}
	#page_title {
		max-width: 80%;
	}
	.inset_box {
		max-width: 45%;
	}
	.nav-link {
		color: #9966ff !IMPORTANT;
	}
	.nav-link:hover {
		color: #cc99ff !IMPORTANT;
	}
}

/*really small screens have veeeery little space above/below page title*/
@media (max-width: 500px) {
	#content {
		padding-top: 0px; 
	}
	#header {
		padding-bottom: 20px;
	}
}

/*teeny tiny screens that probably don't really exist need adjustments so menu toggler doesn't drop below balck bar at top*/
@media (max-width: 315px) {
	#header_logo {
		width: 58%;
	}
	#nav_bar {
		width: 38%;
	}
	#nav_toggler {
		margin-left:25px;
	}
	#nav_container {
		background: none;
	}
}