/* CSS Document */
/*#container
{
width: 950px;
margin: 0px auto;
background-color: #000000;
color: #333;
border: 1px solid red;
line-height: 120%;
}*/

#header
{
/*position: absolute; testing */
/*top: 35px; testing */
/*left: 10px; testing */
padding: 0px;
background-color: #000000;
display: block;
background: no-repeat center;
/*border-bottom: 1px solid gray;*/
height: 100px; /* testing */

/*border: 1px solid red;*/
margin: 0px 0px 0px 10px; /*4px margin on top can be necc so header wont hit top menu in ie7*/
}

#header h1
{
padding: 0px 0px 0px 0px; 
} 

#topmenu{
	float: left;
	/*height: 0px; not sure height is actually pertinent here. */
	/*border: 1px solid green;*/
	margin: 0px 4px 4px 4px;
	padding: 8px 4px 4px 4px; /*top pad of 8 critical for ie7 to show entire button, 4 deletes top border of button*/
}

div.topmenu {
	/*display: inline; this is commented out because it causes pull down menus to wrap in ie7 if browser is resized too small */
	font-size: 14px;
	margin: 0px 0px 4px 0px;
	padding: 8px 4px 8px 4px;/*top pad of 8 critical for ie7 to show entire button, 4 deletes top border of button*/
	/*border: 1px solid blue;*/
	width: 940px;
	/*border: solid;*/
	/*border-width: thin; same white border*/
	/*border-color: blue; same white border*/
}

div.topmenu a {
	display: inline; /*overlap menu possibly okay in ie7 if display inline not triggered in div.topmenu above*/
	font-weight: bold;
	font-family: sans-serif; 
	text-decoration: none;
	text-align: center;
	letter-spacing: 1px;
	margin: 0px 0px 0px 52px; /*ie7 overlaps top menu when browser window too narrow, beware*/
	/*margin: 0px 4px 4px 75px;*/
	padding: 0px 4px 2px 4px;
	/*padding: 0px 4px 0px 4px;*/
	color: black;
	border-style: outset;
	border-color: #94E3FF #94E3FF #94E3FF #94E3FF;
	border-width: 4px 4px 4px 4px;
	/*border-color: #94E3FF #94E3FF #4D9CD4 #4D9CD4;*/
	
}

div.topmenu a:link{
	background: #6FBCF3;
}

div.topmenu a:visited{
	background: #6FBCF3;
}
div.topmenu a:hover{
	background: #4A78FC;
	letter-spacing: 2px;
}

div.topmenu h4{ 
	padding: 0px;
	margin: 0px;
}



#leftmenu{
	float: left;
	width: 160px;
	margin: 40px 5px 5px 5px;
	/*background-color: 000000;*/
}

div.menu {
	display: block;
	font-size: 14px;
	margin: 10px 0px 0px 0px;
	padding: 0;
	/*border: 2px solid #7FC07F;*/
	background-color: 000000;
	
}

div.menu a {
	display: block;
	font-weight: bold;
	font-family: sans-serif; 
	text-decoration: none;
	text-align: left;
	letter-spacing: 1px;
	margin: 0px;
	color: #6FBCF3;
	/*border-top: 1px solid #487048;*/
	padding: 3px 3px 3px 0px;
}

div.menu i {  /*This is for inset left-side menu items*/
	display: block;
	font-weight: bold;
	font-family: sans-serif; 
	text-decoration: none;
	text-align: left;
	letter-spacing: 1px;
	margin: 0px;
	color: #6FBCF3;
	/*border-top: 1px solid #487048;*/
	padding: 2px 3px 2px 15px;
	font-style: italic;
}

div.menu a:link{
	background: #000000;
	
}

div.menu a:visited{
	background: #000000;
	
}
div.menu a:hover{
	background: #4C676F;
	letter-spacing: 2px;
}

div.menu h4{ 
	padding: 2px;
	margin: 0px;
	color: blue;
	background-color: #999999;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }

#rightnav
{
/*margin-left: 400px;
margin-right: 120px;*/
float: right;
width: 120px;
height: 800px;
margin: 40px 0px 0px 0px;
padding: 5px;
border: 0px solid gray;
background-color: #000000;
color: #FFFFFF;
}

ul {
/*list-style-image:: url(/images/happy.gif); - good for custom images*/ 
list-style-type: disc;
list-style-position: outside;
}


/*#rightcol {
  background: #f00;
  float: right;
 
  width: 120px;
  height: 500px;
  border: 2px;
}*/

img.floatRight { 
    float: right; 
    margin: 4px; 
}

/* Form area */

label{
float: left;
width: 180px;
font-weight: bold;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#button{
margin-left: 180px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: 20px;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 0px;
}


/* end of Form area */

#content_short /*This is shortest, room for page title and two lines of text*/
{
margin: 40px 0px 0px 0px;
margin-left: 10%;
margin-right: 10%;
padding: 5px 5px 5px 10px;
max-width: 42em;
height: 50px;
background-color: #000000;
color: #FFFFFF;
text-align: center;
}


#content1 /*This is shortest, room for page title and two lines of text*/
{
margin: 40px 0px 0px 0px;
margin-left: 174px;
margin-right: 130px;
padding: 5px 5px 5px 10px;
max-width: 42em;
height: 110px;
background-color: #000000;
color: #FFFFFF;
text-align: center;
}

#content1 h2 
{ 
margin: 0 0 .5em 0; 
font-size: 28px;
font-weight: bold;
font-family: sans-serif; 
text-decoration: none;
text-align: center;
}

#content1 p 
{ 
margin: 0 0 .5em 0; 
font-size: 14px;
font-family: serif; 
text-align: left;
font-style: italic;
}

#content1 a:link{
color: #6FBCF3;
}

#content2 /*short version, for text only usually*/
{
margin-left: 174px;
margin-right: 130px;
padding: 5px 5px 5px 10px;
max-width: 42em;
height: 120px;
background-color: #000000;
color: #FFFFFF;
}

#content2 h2 
{ 
margin: 0 0 .5em 0; 
font-size: 20px;
font-weight: bold;
font-family: sans-serif; 
text-decoration: none;
text-align: left;
color: #6FBCF3;
}

#content2 a:link{
color: #6FBCF3;
}

#content3 /*medium version, for 150x100 images usually*/
{
margin-left: 174px;
margin-right: 130px;
padding: 5px 5px 5px 10px;
max-width: 42em;
height: 150px;  /*this was 130px before July6*/
background-color: #000000;
color: #FFFFFF;
}

#content3 h2 
{ 
margin: 0 0 .5em 0; 
font-size: 20px;
font-weight: bold;
font-family: sans-serif; 
text-decoration: none;
text-align: left;
color: #6FBCF3;
}

#content3 a:link{
color: #6FBCF3;
}

#content4 /*large version, for 225x225 images usually*/
{
margin-left: 174px;
margin-right: 130px;
padding: 5px 5px 5px 10px;
max-width: 42em;
height: 235px;
background-color: #000000;
color: #FFFFFF;
}

#content4 h2 
{ 
margin: 0 0 .5em 0; 
font-size: 20px;
font-weight: bold;
font-family: sans-serif; 
text-decoration: none;
text-align: left;
color: #6FBCF3;
}

#content4 a:link{
color: #6FBCF3;
}

#content5 /*super-large version*/
{
margin-left: 174px;
margin-right: 130px;
padding: 5px 5px 5px 10px;
max-width: 42em;
height: 800px;
background-color: #000000;
color: #FFFFFF;  /*FFFFFF is white in hex*/
}

#content5 h2  
{ 
margin: 30px 0 .5em 0; 
font-size: 20px;
font-weight: bold;
font-family: sans-serif; 
text-decoration: none;
text-align: left;
color: #6FBCF3; /*6FBCF3 is light blue in hex*/
}

#content5 a:link{
color: #6FBCF3;
}

#content5 h3  /*h3 is an attempt at a flash image padding tag that worked*/
{ 
margin: 20px; 
text-align: center;
}

#content4a /*medium-large version*/
{
margin-left: 174px;
margin-right: 130px;
padding: 5px 5px 5px 10px;
max-width: 42em;
height: 320px;
background-color: #000000;
color: #FFFFFF;  /*FFFFFF is white in hex*/
}

#content4a h2  
{ 
margin: 30px 0 .5em 0; 
font-size: 20px;
font-weight: bold;
font-family: sans-serif; 
text-decoration: none;
text-align: left;
color: #6FBCF3; /*6FBCF3 is light blue in hex*/
}

#content4a a:link{
color: #6FBCF3;
}

#content4a h3  /*h3 is an attempt at a flash image padding tag that worked*/
{ 
margin: 20px; 
text-align: center;
}

#contentWide /*super-large, wide version*/
{
margin-left: 40px;
margin-right: 40px;
padding: 30px 5px 5px 10px;
max-width: 62em;
height: 800px;
background-color: #000000;
color: #FFFFFF;  /*FFFFFF is white in hex*/
}

#contentWide h2  
{ 
margin: 30px 0 .5em 0; 
font-size: 20px;
font-weight: bold;
font-family: sans-serif; 
text-decoration: none;
text-align: left;
color: #6FBCF3; /*6FBCF3 is light blue in hex*/
}

#contentWide a:link{
color: #6FBCF3;
}

#content5 h3  /*h3 is an attempt at a flash image padding tag that worked*/
{ 
margin: 20px; 
text-align: center;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}