body
{
	margin: 27px 0;
	color: #666;
	font-size: 76%; /* see rationale for font sizing here: http://www.thenoodleincident.com/tutorials/box_lesson/font/ */
	background-color: #fff;
	font: normal normal normal small/120% Verdana, Tahoma, Sans-serif;
}

	body#navframe, body#mainframe
	{
		margin: 0;
	}

h1
{
	font-size: 220%;
	color: #b9bbc7; 
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 20px;
}

h2	
{
	font-size: 160%;
	color: #b9bbc7; 
	font-weight: normal;
	margin-top: 25px;
	margin-bottom: 10px;
}

h3
{
	font-size: 115%;
	color: #555;
}

a:link, a:visited
{
	color: #06c;
	text-decoration: none;
}

a:hover, a:active
{
	color: #005aff;
	text-decoration: underline;
}

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

.smaller
{
	font-size: 90%;
}

#frame
{
	text-align: center;
}


#outer
{
	width: 770px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/* header area ---------------------------------------------------------------------------- */

#header
{
	border-bottom: 1px solid #e4e5e9;
}

#top
{
	padding-left: 37px;
	margin-bottom: 50px;
}

	#visit
	{
		float: right;
		padding-right: 15px;
		font-size: 85%;
		padding-top: 7px;
	}
	
		#visit a:link, #visit a:visited
		{
			color: #06c;
			background-color: #fff;
			font-weight: bold;
			text-decoration: none;
		}
		
		#visit a:hover, #visit a:active
		{
			color: #005aff !important;
			text-decoration: underline;
		}
		
		.rbullet
		{
			margin-right: 4px;
		}
		
#search
{
	clear: both;
	height: 2.2em;
	border: 1px solid #d3d2e8;
	border-right-color: #b3b4c0;
	border-bottom-color: #b3b4c0;
	background: #d4d6e2 url(../images/bar-bg.jpg) top left repeat-x;
	padding: 0 5px 0 197px;
	font-family: Arial, Helvetica, Sans-serif;
}

a#search1:link, a#search1:visited, a#search2:link, a#search2:visited
{
	float: left;
	padding: 0 10px;
	border-right: 1px solid #d3d2d8;
	line-height: 2.2em;
	color: #333;
	background-color: transparent;
	text-decoration: none;
}

a#search1:hover, a#search1:active, a#search2:hover, a#search2:active
{
	background: #b8b7c7 url(../images/bar-bg-over.jpg) top left repeat-x;
}

#search2
{
	border: 0 !important;
	width: auto;
	margin-left: 1px;
}
				
#banner
{
	background: #fff url(../images/girls.jpg) top left no-repeat;
	text-align: right;
	border-bottom: 1px solid #b2b3c0;
	padding: 19px 11px 3px 0;
	margin-bottom: 26px;
}

/* main area ---------------------------------------------------------------------------------------- */

#main
{
	border-top: 1px solid #e4e5e9;
	border-bottom: 1px solid #e4e5e9;
}

/* navigation ---------------------------------------------------------------- */

#nav
{	
	width: 187px;
	margin: 1px 0 0 1px;
	float: left;
}

	#nav ul
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
		#nav li
		{
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #fff;
		}
		
		#nav a:link, #nav a:visited
		{
			display: block;
			color: #06c;
			font-size: 95%;
			text-decoration: none;
			background: #f1f1f5 url(../images/bullet-nav.gif) top left no-repeat !important;
			padding: 3px 5px 3px 21px;
		}
		
		#nav a:hover, #nav a:active
		{
			color: #005aff;
			text-decoration: underline;
			background-image: url(../images/bullet-nav-over.gif) !important;
		}
		
			#nav ul ul a:link, #nav ul ul a:visited, #nav ul ul a:hover, #nav ul ul a:active
			{
				padding-left: 42px;
				background-image: none !important;
				border-bottom: 0;
			}
		
			#nav ul ul li
			{
				border-bottom-color: #f1f1f5;
			}

/* copy ------------------------------------------------------------------ */

#copy
{
	margin: 0 100px 0 0;
	border-left: 1px solid #e0e0e8;
	padding: 12px 198px 30px 7px;
	font-size: 90%;
}

	a.copylink:link, a.copylink:visited
	{
		font-weight: bold;
		padding: 3px 0 0 16px;
		background: #fff url(../images/bullet-nav.gif) top left no-repeat;
		margin-left: -2px;
	}
	
	a.copylink:hover, a.copylink:active
	{
		background-image: url(../images/bullet-nav-over.gif);
	}

.linktop /* back to top link */
{
	text-align: right;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
}

	.linktop img
	{
		border: 0;
		margin-right: 5px;
	}
	
	.linktop a:link, .linktop a:visited
	{
		text-decoration: none;
		color: #36c;
		font-size: 75%;
		font-weight: bold;
	}
	
	.linktop a:hover, .linktop a:active
	{
		text-decoration: underline;
	}
	
.image /* divs contain images floated out to right of content */
{
	float: right;
	margin-right: -198px;
	margin-bottom: 10px;
	padding-left: 20px;
	display: inline;
}

blockquote /* pullquotes in the copy */
{
	float: right;
	display: inline;
	width: 150px;
	margin: 5px 0 5px 10px;
	color: #36c;
	font-size: 120%;
	font-weight: normal;
	line-height: 145%; /* important to allow room for the comma */
}

.lastword /*last word in the quote - writes in the comma in such a way as to always follow the last word instead of wrapping */
{
	padding-right: 13px;
	background: #fff url(../images/closequote.gif) bottom right no-repeat;
	border-left: 1px solid #fff;
	padding-top: 4px;
}

	.commas
	{
		position: relative;
		top: -5px;
		left: -1px;
	}
	
	.left
	{
		float:left;
		margin: 5px 5px 5px 15px;
	}

/* footer ----------------------------------------------------------------- */

#footer
{
	text-align: center;
	font-size: 80%;
	margin: 8px 0;
	color: #999;
}