/* Start of page structure styles */
body {
	margin: 0;
	padding: 0;
	font-family: Stone Sans, Gill Sans, Arial, Helvetica, sans-serif;
	background: #b26cfa url('../Design_Elements/GradientSlice.png') repeat-x;
}
#masthead {
	width: 100%;
	text-align: center;
	padding-top: 4px;
	margin-bottom: 10px;
}
#navcontainer {
	width: 950px;
	margin: 0 auto;
	padding: 0 20px;
}
#navbar {
	text-align: center;
	margin-right: 180px;
}
#cse	{
	width: 175px;
	float: right;
}
#container {
	width: 900px;
	margin: 0 auto;
	clear: both;
}
#content {
	margin-right: 180px;
}
#mediashell {
	float: right;
	width: 175px;
	text-align: center;
}
#footer {
	clear: both;
	width: 880px;
	margin: 0 auto;
	text-align: center;
	line-height: 1.75em;
}
#gallery	{
	width: 890px;
	margin: 0 auto 10px;
	text-align: center;
}
#dock	{
	margin-right: 180px;
}
#docdock	{
	text-align: center;
	margin: 5px auto 10px auto;
}
.dressy	{
	behavior: url(css/PIE.htc);
	border: 1px solid gray;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 2px gray;
	-moz-box-shadow: 2px 2px 2px gray;
	box-shadow: 2px 2px 2px gray;
	padding: 8px;
	margin-bottom: 5px;
	background-color: white;
}
/* End of page structure styles */

/* Start of link styles */
a {
	color: teal;
	text-decoration: none;
	border: none;
}
a:hover {
	color: red;
	text-decoration: underline;
}
a:visited {
	color: navy;
}
table a	{
	text-decoration: underline;
	color: purple;
	line-height: 1.3em;
}
.sans	{
	border-bottom: none !important;
}
/* End of link styles */

/* Start of text styles */
h1 {
	font-size: 2em;
	color: navy;
	font-style: italic;
	font-weight: bold;
	margin: 5px 0 10px 0;
}
h2 {
	font-size: 1.5em;
	color: navy;
	font-weight: bold;
}
h3 {
	color: navy;
	font-weight: bold;
	margin: 2px auto 0px auto;
}
h6	{
	margin-bottom: 5px;
	margin-top: 0;
}
address	{
	text-align: left;
	font-weight: bold;
}
.bodytext {
	color: black;
	margin: 2px 0 5px 0;
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1.2em;
	line-height: 1.5em;
}
#mediashell ul li a	{
	font-size: .75em;
	font-weight: bold;
}
.caption {
	font-size: .75em;
	margin: 5px 0;
	font-style: italic;
}
.attention	{
	color: red;
}
.centered {
	text-align: center;
	line-height: 1.5em;
}
.mediatext	{
	text-align: left;
	font-weight: bold;
	margin: 0 auto;
}
.spaced	{
	margin-bottom: 1em;
	text-indent: 1em;
}
/* End of text styles */

/* Start of image styles */

/* style defined for any images I might want dressed up
	img {
	border: 1px solid #8BDAF8;
	margin-bottom: 6px;
	-webkit-box-shadow: 2px 2px 2px gray;
	-moz-box-shadow: 2px 2px 2px gray;
} */
#mediashell ul li a img {
	width: 160px;
	border: none;
}
/* End of image styles */


/* jQuery Tools Overlay styles */

/* the trigger element styling */
.trigger img	{
	behavior: url(css/PIE.htc);
	cursor:pointer;
	margin:0 5px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;
	-moz-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:2px 2px 2px gray;
	-webkit-box-shadow:2px 2px 2px gray;
	box-shadow:2px 2px 2px gray;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#3A3A3A;
	
	width:675px;	
	min-height:200px;
	border:1px solid teal;
	
	/* CSS3 styling for latest browsers */
	behavior: url(css/PIE.htc);
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url('../Design_Elements/close.png');
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* styling for elements inside overlay */
.details {
	position:absolute;
	top:15px;
	right:15px;
	width:300px;
}
.details h3 {
	color:teal;
	font-size:2em;
	margin-bottom:8px;
}
.details p	{
	font-size:1em;
	line-height:1.5em;
	color:#fff;
	margin-bottom:8px;
}

/* End of jQuery Tools Overlay styles */

.hidden	{
	display:none;
}