﻿/* 
* Needs to fit in 1024x768 window, using 984x620 to allow room for browser window features
**************************************************/

*		{margin:0; padding:0}
body	{background:#222;font-family:"Calibri",Arial,"sans-serif";color:#EEE}

h1		{font-size:180%;margin-left:10px;margin-top:0px;margin-bottom:0px}
h2		{font-size:140%;margin-top:20px;margin-bottom:10px}
h3		{font-size:100%;font-weight:bold;margin-top:15px;margin-bottom:5px}
p		{font-size:100%;margin-top:5px;margin-bottom:10px}
p.small	{font-size:70%}
p.form	{font-size:70%;margin-top:0}
p.head	{font-size:90%;text-align:right;margin-top:8px}

p a		{border-bottom:1px #CCC dotted;text-decoration:none;color:#CCC}
p a:link	{border-bottom:1px #CCC dotted;color:#CCC}
p a:visited {border-bottom:1px #ccc dotted;color:#CCC}

h1 a		{border-bottom:0;text-decoration:none;color:#EEE}
h1 a:link	{border-bottom:0;color:#EEE}
h1 a:visited {border-bottom:0;color:#EEE}
h1 a:hover	 {border-bottom:0;color:#EEE}
#wrapper	{
		margin:0px auto;
		background:#303030;
		height:620px;
		margin-top:20px;
		width:984px;
		min-height:620px;
		}
* html #wrapper {height:620px}

#header {
	background:#303030;
	background:#303030 url(../images/Banner_rev3.jpg) left no-repeat;
	margin-left:5px;width:979px;height:70px;
}

#gallery
		{
		width:900px;margin-left:30px;
		}
#gallery img
		{
		float:left;
		padding-left:50px;padding-right:50px;
		padding-top:25px;padding-bottom:25px;
		height:200px;width:200px;
		border:0;
		}

#gallery-people
		{
		float:left;
		margin-left:50px;margin-top:25px;
		background:url(../images/people2.jpg) no-repeat;
		padding-right:50px;
		padding-bottom:25px;
		height:200px;width:200px;
		border:0;
		}
#gallery-people a {border-bottom:0;text-decoration:none;color:#000}
#gallery-people a:link	{color:#000}
#gallery-people a:visited {color:#000}
#gallery-people a:hover {color:#0CC}

#body_resources h2	{text-decoration:underline}
#body_resources h3	{text-decoration:underline}
#body_resources p	{font-size:90%}

#contactinfo
		{
		float:right;margin-right:10px;
		}
#orderform	{
		background:#FFF;
		width:100%;height:100%;
		margin:5px;
		}
#orderform p	{color:#000}
#orderform h1	{color:#000}
#orderform option	{font-size:70%}
#orderform input {font-family:Arial}
#orderform select {width:290px;height:55px}

#copyright {
		clear:both;position:relative;top:0px;vertical-align:top;
		margin:0px auto;
		width:984px;
		height:20px;
		color:#DDD;
		font-size:70%;
		}

/* used for forms, to ensure/require a blank <input> field that the forms
processor can check for. If it doesn't come in blank, the form request is 
marked as spam */
.special {
		width:5px;
		visibility:hidden;
		}