/*
Official dark grey: #36393d
Official orange: #c78910
Official dark blue: #0f3278
Oficial green: #73880a

*/

/*CONTACT FORM STYLES*/



.tableStyle
{
	table-layout:auto;
	border:none;
	width:760px;
	margin-top:-20px;
	margin-left:-20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11.5px; 
	color:#36393d;
	line-height:1.3;

}

.columnStyle
{
font-family:Arial, Helvetica, sans-serif; font-size:11.5px; color:#36393d;
}

.required
{
font-family:Arial, Helvetica, sans-serif; font-size:11.5px;
	color:Red;
}

.textArea
{
}

.submit
{ cursor:pointer; cursor:hand;
}

/* Reset all styles ********************** */
* { margin: 0; padding: 0; } 

hr {
display: none;
}

li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	text-align: left;
	line-height:1.5;
	color: #36393d;
	margin-bottom:5px;
	}



#list li{
	list-style-type:none;
		margin-bottom:0px

}

h1
{color:#73880a}


h3,
h2{
font-weight:normal;
color:#73880a}

h3,
h2{
font-style:italic}


h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px; 
margin-bottom: 10px; 
}

h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:100;
margin-bottom:8px;
}

h3{
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:17px;
margin-top:10px;
color:#73880a}

buttons{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
font-weight:100;
margin-top:30px;
color:#ffffff;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	text-align: left;
	line-height:1.5;
	color: #36393d;
	margin-bottom:10px;
	}
	
	
.name {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	text-align: left;
	line-height:1.5;
	font-weight:bold;
	color: #c78910 }
	
.title { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	text-align: left;
	line-height:1.5;
	margin-bottom:10px;
	font-style:italic; 
	color: #c78910 }

		
body {
	background: #bbb;
	margin: 0px 0px 20px 0px;
}


.class1 a:link, a:visited, .hilite {
	color: #ffffff;
	text-decoration: none;
}

.class1 a:hover {
	color: #c78910;
	text-decoration: none;
}

.galNav{font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:20px;
	color: #36393d;
	text-decoration: none;}

.galNav a:link, a:visited, .hilite {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:20px;
	color: #c78910;
	text-decoration: none;
}

.galNav a:hover {
	color: #73880a;
	text-decoration: none;
}
.galNav a:active {
	color: #73880a;
	text-decoration: none;
}

.links a:link {
	font-size: 11.5px;
	font-family:Arial, Helvetica, sans-serif;
	color: #c78910;
	text-decoration: none;
}
.links a:visited {
	font-size: 11.5px;
	font-family:Arial, Helvetica, sans-serif;
	color: #c78910;
	text-decoration:none;
}

.links a:hover {
	color: #73880a;
	text-decoration: none;
}

.pagelinks a:link {
	font-size: 13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;	
	color: #c78910;
	text-decoration: none;
}
.pagelinks a:visited {
	font-size: 13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #c78910;
	font-style:italic;	
	text-decoration:none;
}

.pagelinks a:hover {
	color: #73880a;
	text-decoration: none;
}
	
/*BASIC STRUCTURE*/

#stage {
	margin: 20px auto;
	padding: 0;
	width: 800px;
}

#page {
	position: relative;
	background: #fff;
	width: 800px;
	height:auto;
	border: 1px solid #999;
}
	


/*CONTENT*/

#content {
	float: left;
	padding: 0px;
	width: 800px;
	height:auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}

#buttons{	position: relative;

margin-left:30px}

#mainGraphic{
	float:left;	
	margin-right:8px;
	margin-left:8px;

}

#galleryNav{
	float:left;
	margin-right: 10px;
	margin-left:15px;
	text-align:right;
	position:relative;
	width:160px;
	height:294px;
	padding-right:10px;
	border-right:solid;
	border-right-color:#0f3278;
	border-right-width:1px;
}

#rightContent{
	float:right;
	width:230px;
	margin-right: 10px;
}

#rightGraphic{
	float:right;
	margin-right: 8px;
}
	
#mainContent{
	float:left;	
	width:480px;
	padding:10px 30px 10px 30px;
	clear:both;
}


#tables {
	float:left;	
	width:760px;
	padding:10px 10px 10px 30px;
	clear:both;
}

#tables h1{ margin-bottom: 0px;}

table.four {
	table-layout:auto;
	border:none;
	width:760px;
	margin-top:0px;
	margin-left:-2px;
	float:left;
}

table.three {
	table-layout:auto;
	border:none;
	width:760px;
	margin-top:0px;
	margin-left:-2px;
	float:left;
}



/*BOTTOM SECTION (ABOVE FOOTER)*/

#bottomSection {
	float: left;
	border-top: 1px solid #0f3278;
	width:800px;
	height:109px;
	clear:both;
}

#bottomLeft {
	float: left;
	padding: 2px 0px 0px 0px;
}

#bottomRight {
	float:right;
	margin-right: 4px;
}


/*FOOTER*/

#footer {
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.5;
	color:#36393d;
	padding: 0px 0px 0px 0px;
	width: 800px;
	height:auto;
	border-top: 1px solid #0f3278;
	clear:both;
	}


	
/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 

DYSKE:
Use this on the container block, not in the content block.
You can apply multiple classes to an element by separating them with a space.
E.g. class="clearfix anotherClass"
clearfix must come first.
*/

.clearfix:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}

.clearfix {
display: inline-block; /* Fixes IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */