body
{
	background-color: white;
	margin: 0px 0px;
	min-width: 785px;
	font-family: Georgia, Times New Roman, serif;
	font-size: 9pt;
	font-weight: normal;
	line-height: 14pt;
	color: #000;
}

h3.main
{
	font-family: Georgia, Times New Roman, serif;
	font-size: 13.5pt;
	font-weight: normal;
	line-height: 18pt;
	color: #000;
	margin: 18px 24px 18px 24px;
	border-bottom: 1px solid #CCC;
}

p.main
{
	font-family: Georgia, Times New Roman, serif;
	font-size: 9.5pt;
	font-weight: normal;
	line-height: 18pt;
	color: #000;
	margin: 18px 24px 18px 24px;
	display: block;
	height: auto;
	width: auto;
}

p.main strong.sub
{
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 18pt;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.4em;
}

p.main img.fleft
{
	display: inline;
	float: left;
	clear: none;
	margin: 4pt 12pt 4pt 0;
	padding: 0;
	border: 1px solid #CCC;
}

p.main img.fright
{
	display: inline;
	float: right;
	clear: none;
	margin: 4pt 0 4pt 12pt;
	padding: 0;
	border: 1px solid #CCC;
}

p.sbar
{
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	line-height: 14pt;
	color: #333;
	margin: 0px 12px 8px 12px;
}

table.page
{
	width: 95%;
	min-width: 785px;
	width:expression(document.body.clientWidth < 800 ? "785px" : "95%" );
	margin-bottom: 25px;
}

br.clearall
{
	clear: both;
}

/* custom */

#mainbody
{
	padding: 0 0 80px 0;
}

.sidenav
{
	display: block;
	width: 223px;
	height: auto;
	margin-bottom: 20px;
}

.sidenav a
{
	display: block;
	width: 211px;
	height: 18pt;
	clear: both;
	border-bottom: 1px solid #000;
	background-color: transparent;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 18pt;
	margin: 0;
	padding: 0 0 0 12px;
	text-decoration: none;
}

.sidenav a:link, .sidenav a:visited
{
	color: #555A7F;
}

.sidenav a:hover, .sidenav a:active
{
	color: #777E5A;
	background-color: #E5E5E5;
}

.sidenav a div.highlt, .sidenav a div.highlt
{
	display: block;
	width: 12px;
	height: inherit;
	float: right;
	margin: 0 0 0 10px;
}

.sidenav a:link div.highlt, .sidenav a:visited div.highlt
{
	background-color: #747BAC;
}

.sidenav a:hover div.highlt, .sidenav a:active div.highlt
{
	background-color: #777E5A;
}

#contactblock
{
	display: block;
	height: auto;
	width: 223px;
	margin: 0 0 20px 0;
	padding: 0;
	border-top: 1px solid #333;
}

#contactblock p
{
	padding: 3pt 5pt 3pt 16pt;
	color: #000;
	font-size: 8.5pt;
	line-height: 10pt;
}

#footer
{
	width: 100%;
	height: auto;
	margin: 20px 0;
}

#footer p.disclaimer
{
	text-align: center;
}

div.subjects
{
	display: block;
	width: auto;
	height: auto;
	margin: 18px 24px 18px 24px;
}

.submatter
{
	display: block;
	width: 125px;
	height: 138px;
	margin: 0 6px 12px 0;
	padding: 0;
	float: left;
	background-image: url(../images/subject.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px #solid red;
}

.submatter img
{
	border: 1px solid #E5E5E5;
	margin: 9px 9px 3px 9px;
}

.submatter p
{
	display: block;
	height: auto;
	width: 105px;
	padding: 0 10px;
	margin: 0;
	color: #33364D;
	font-size: 8pt;
	line-height: 8.5pt;
	font-style: italic;
	text-align: center;
}

.gallery
{
	display: block;
	width: 180px;
	height: 140px;
	margin: 0 6px 12px 0;
	padding: 0;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px #solid red;
}

.gallery img
{
        padding:5px;
        background:#747BAC;
        border:1px solid black;
        text-align:center;
        margin-top:0px;
        margin-bottom:0px;
}

.gallery p
{
	display: block;
	height: auto;
	width: 125px;
	padding: 0 10px;
	margin: 0;
	color: #33364D;
	font-size: 8pt;
	line-height: 8.5pt;
	font-style: italic;
	text-align: center;
}

.featured
{
	float: left;
	width: 141px;
	clear: none;
	display: inline;
	padding: 12px;
	margin: 0 8px 8px 0;
	border-color: #D0D0D0;
	border-width: 1px;
	border-style: solid;
}

.feat_cntl
{
	float: right;
	clear: right;
	display: block;
	height: 20px;
	width: auto;
	margin: 6px 0 0 4px;
	white-space: nowrap;
	padding: 0;
	color: #363;
	font-size: 9pt;
}

.hdr_spaced
{
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	line-height: 14pt;
	color: #000;
	letter-spacing: 0.7em;
	vertical-align: middle;
	text-align: center;
}

.hdr_inset
{
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 14pt;
	color: #000;
	vertical-align: baseline;
	text-align: left;
	margin-bottom: 8px;
}

.hdr_sbar
{
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 14pt;
	color: #000;
	vertical-align: baseline;
	text-align: left;
	margin: 18px 12px 8px 12px;
}

.hdr_sub
{
	background-image: url(../images/vg_scriptV.gif);
	background-color: #D0D0D0;
	background-repeat: no-repeat;
	background-position: -1px -1px;
	border-right: #000;
	border-bottom: #000;
	border-width: 0 1px 1px 0;
	border-style: none solid solid none;
}

.vg_vert
{
	background-image: url(../images/vg_lfside.gif);
	background-color: #9BA474;
	background-repeat: no-repeat;
	background-position: 15px 110px;
	background-attachment: fixed;
	border-right: #000;
	border-bottom: #000;
	border-left: #000;
	border-width: 0 1px 1px 0;
	border-style: solid;
}

.vg_border
{
	border-right: #000;
	border-bottom: #000;
	border-width: 0 1px 1px 0;
	border-style: none solid solid none;
}

.vg_rtborder
{
	border-right: #000;
	border-width: 0 1px 0 0;
	border-style: none solid none none;
}

.vg_topborder
{
	border-top: 1px solid #000;
}

.sub_title
{
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin: 50px 0px 5px 0px;
	text-align: left;
	text-indent: 14px;
	vertical-align: baseline;
	text-decoration: none;
	white-space: nowrap;
	color: black;
}


.topnav a
{
	display: block;
	padding: 7px;
	vertical-align: middle;
	border-right: #000;
	border-width: 0 1px 0 0;
	border-style: none solid none none;
	font-family: Georgia, Times New Roman, serif;
	font-size: 8pt;
	line-height: 8pt;
	text-decoration: none;
	width: auto;
	height: 11px;
	float: left;
}

a.home:link, a.home:visited
{
	background-color: #FFF;
	color: #000;
}

a.home:hover, a.home:active
{
	background-color: #515151;
	color: #fff;
}

a.about:link, a.about:visited
{
	background-color: #747BAC;
	color: #000;
}

a.about:hover, a.about:active
{
	background-color: #515151;
	color: #fff;
}

a.artwk:link, a.artwk:visited
{
	background-color: #B7A7D4;
	color: #000;
}

a.artwk:hover, a.artwk:active
{
	background-color: #515151;
	color: #fff;
}

a.cntct:link, a.cntct:visited
{
	background-color: #9BA474;
	color: #000;
}

a.cntct:hover, a.cntct:active
{
	background-color: #515151;
	color: #fff;
}

a.semnr:link, a.semnr:visited
{
	background-color: #D5DBB1;
	color: #000;
}

a.semnr:hover, a.semnr:active
{
	background-color: #515151;
	color: #fff;
}

a.study:link, a.study:visited
{
	background-color: #FFFFCC;
	color: #000;
}

a.study:hover, a.study:active
{
	background-color: #515151;
	color: #fff;
}


/* forms */

form.body
{
	margin: 12px 0 24px 24px;
	padding: 24px 8px;
	display: block;
	width: 85%;
	height: auto;
	border-color: #FFF #B5B5B5 #B5B5B5 #FFF;
	border-width: 2px;
	border-style: solid;
}

form.body .label
{
	font-weight: normal;
	font-size: 8pt;
	line-height: 8.5pt;
	display: block;
	width: 100%;
	height: auto;
	float: right;
	clear: left;
	text-align: right;
	text-transform: uppercase;
}

form.body input, form.body textarea
{
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 8pt;
	line-height: 1.0em;
	width: 90%;
	vertical-align: text-top;
}

form.body input.subttn
{
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 7.5pt;
	line-height: 1.0em;
	width: 10.0em;
	vertical-align: text-top;
	margin-left: 25%;
}

/* colors */

.lt_bgrd { background-color: #E5E5E5; }
.md_bgrd { background-color: #D0D0D0; }
.about_bgrd { background-color: #747BAC; }
.artwk_bgrd { background-color: #B7A7D4; }
.cntct_bgrd { background-color: #C0CB90; }
.semnr_bgrd { background-color: #D5DBB1; }