/* Body Tag controls IE browsers elements - define font and padding and margins */
Body {width: 100%; height: 100%; margin: 0px auto; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; cursor: default; background-color:#333333;}

/* HTML Tag controls Mozilla browsers elements */
Html {width: 100%; height: 100%;}

/* Default Link color - change hover state to something else */
a:link {color: #FFFFFF; text-decoration: none;}
a:active {color: #FFFFFF; text-decoration: none;}
a:visited {color: #FFFFFF;text-decoration: none;}
a:hover {color: #333333; text-decoration: none;}


/* Heading Tags needed for SEO purposes - so although you dont use them in the site define them */
H1 {}
H2 {}
H3 {}
H4 {}
H5 {}
H6 {}
.whitetext{ font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; text-align:left;}
.whitetext a:link {color: #333333; text-decoration: none;}
.whitetext a:active {color: #333333; text-decoration: none;}
.whitetext a:visited {color: #333333;text-decoration: none;}
.whitetext a:hover {color: #FFFFFF; text-decoration: none;}

.darktext{ font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; text-align:left; letter-spacing: 1px;}
.darktext a:link {color: #FFFFFF; text-decoration: none;}
.darktext a:active {color: #FFFFFF; text-decoration: none;}
.darktext a:visited {color: #FFFFFF;text-decoration: none;}
.darktext a:hover {color: #333333; text-decoration: none;}

.styleheadingtext{ font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color:#333333; text-align:center; height: 20px;}

/* All Divs controlling layout start with # and always set the padding and margin on 0 for starters to make the divs fit like a puzzle
Specify: Position, width, z-index always! Also write the css in the same order the div's will be inserted on the page */
#Posdiv {position: relative; width: 900px;  z-index: 0; padding: 0px; margin-top: 15px;  border: 1px solid #CCCCCC;}

#Bluediv {position: relative; width: 900px;  z-index: 0; padding: 0px; background-image:url(../_Images/bg_blue_tile.gif); background-repeat:repeat-y; background-position:top; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF;}

#Orangediv{position: relative; width: 900px; z-index: 0; padding: 0px;  background-image:url(../_Images/bg_orange_tile.gif); background-repeat:repeat-y; background-position:top; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF;}

#Yellowdiv{position: relative; width: 900px; z-index: 0; padding: 0px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#333333;  background-image:url(../_Images/bg_yellow_tile.gif); background-repeat:repeat-y; background-position:top;}

#Pinkdiv{position: relative; width: 900px; z-index: 0; padding: 0px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#333333;  background-image:url(../_Images/bg_pink_tile.gif); background-repeat:repeat-y; background-position:top;}

#Topdiv{position: relative; width: 526px; float:right; height: 81px; z-index: 2; padding: 0px; float:left; padding-top:10px; padding-bottom: 10px;}

.tdMenu{ position: relative; width: 526px; float:right; height: 30px; z-index: 4; padding: 0px; float:right; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#FFFFFF; padding-top:10px; padding-bottom: 10px; text-align:left; }
.tdMenu a:link {color: #FFFFFF; text-decoration: none;}
.tdMenu a:active {color: #FFFFFF; text-decoration: none;}
.tdMenu a:visited {color: #FFFFFF;text-decoration: none;}
.tdMenu a:hover {color: #CCCCCC; text-decoration: none;}


#Leftdiv {position: relative; width: 369px; z-index: 3;float:left; vertical-align:top;}

.tdContent{position: relative; width: 521px; z-index: 3; padding-right: 5px; text-align:left; letter-spacing: 1px; padding-top: 10px; padding-left: 5px; padding-bottom: 5px; float:left; vertical-align:top; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; }
.tdContent a:link {color: #333333; text-decoration: none;}
.tdContent a:active {color: #333333; text-decoration: none;}
.tdContent a:visited {color: #333333;text-decoration: none;}
.tdContent a:hover {color: #FFFFFF; text-decoration: none;}

.Footer {position: relative; width: 900px; z-index: 3; padding: 0px; float:left; padding-top:5px; vertical-align:top; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; background-color:#333333;}
.Footer a:link {color: #95c1e1; text-decoration: none;}
.Footer a:active {color: #95c1e1; text-decoration: none;}
.Footer a:visited {color: #95c1e1;text-decoration: none;}
.Footer a:hover {color: #FFFFFF; text-decoration: none;}

.copyright{ font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF;}
.copyright a:link {color: #FFFFFF; text-decoration: none;}
.copyright a:active {color: #FFFFFF; text-decoration: none;}
.copyright a:visited {color: #FFFFFF;text-decoration: none;}
.copyright a:hover {color: #FFFFFF; text-decoration: none;}

/* TXT form - controls the form fields  - form buttons = BUTTONS */
.txtForm {
	color: #333333; 
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background-color: #FFFFFF;
	cursor: default;
	padding-left: 2px;
}

.FormButtons {
	background-color: #FFFFFF;
	border: 1px solid #333333;
	color: #333333;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: default;
	}

/* Aligning Images */
.Pictures_Left {float: left; padding-right: 10px;}
.Pictures_Right {float: right; padding-left: 10px;}

hr {height: 1px; color: #66692C;}

/* Press Articles */
.press li{
	float: left;
	width: 160px;
	height: 260px;
	list-style:none;
	margin: 10px 15px 0 0;
	text-align:center;}
	
.press{
	width: 720px;}

.press_pages{
	padding-left: 200px;
	// padding-left: 135px;}