/*----------------------------------------
 General Layout 
----------------------------------------*/
html {
	height: 100%;
}
body {
	text-align:center; 
	margin:0 auto;
	padding:0;
  background: url(../images/layout/bg-main.gif) #fff top center no-repeat ;
	height: 100%;
}
.wrapper {
	margin: 0 auto;
	padding:0;
	width:970px;
	text-align:center; 
}
.header {
	padding: 10px 0 25px;
	text-align:left;
}
.page {
	padding: 0 40px 20px;
	text-align:left;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
	
/*----------------------------------------
 Main Navigation 
----------------------------------------*/
.nav-container {
	text-align: left; 
	height: 25px;
	margin-bottom:13px ;
}
ul.nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	font-weight:bold;
	width:auto;
	line-height:25px;
}
ul.nav li {
	list-style-type: none;
	text-align: center;
	float: right;
}
ul.nav a {
	display: block;
	padding: 0 28px;
	color: #fff; /* Green */
	text-decoration: none;
	background-color:#d2232a;
}
ul.nav a:hover, #nav-on, #nav-on-functions {
	color: #fff;
	background-color:#939598;
}
#nav-on-functions {
	background-image: url(../images/dropdown/SpryMenuBarDownHover.png);
	background-repeat: no-repeat;
	background-position: 85% 50%;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.nav li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
	}
}
/* Hidden layers
-------------------------*/
#img-2, #img-3, #img-4, #img-5, #img-6, #img-7, #img-8, #img-9, #img-10, #img-11, #img-12 {
	position:absolute;
	z-index:100;
	width:430px;
	height:336px;
	margin:0;
	overflow: visible;
	visibility: hidden;
	background-color: #fff;
	}


/*----------------------------------------
 text formatting 
----------------------------------------*/
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:150%;
	color: #333;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:150%;
	color: #333;
}
.errortext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:150%;
	color: #EB0007;
}
.smalltext {
	font-size: 10px;
}
.medtext {
	font-size: 11px;
}
.red {
	color:#d2232a; 
}
.black {
	color:#000; 
}
h1, h2, h3, h4, h5, h6 { 
	padding:0;
	margin:0;
}
h1, .heading1 {
	font-size: 20px;
	font-weight: normal;
	color: #939598;
	padding: 0 0 10px;
	line-height:140%;
}
h2, .heading2 {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	padding: 0 0 3px;
}
h3, .heading3 {
	font-size: 15px;
	font-weight: normal;
	color: #939598;
	padding: 0 0 10px;
	line-height:115%;
}
h4, .heading4 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
h6, .heading6 {
	font-size: 22px;
	font-weight: normal;
	color: #9fc33d;
}

.redtext  { color:#d2232a; } 

.blacktext  { color:#333; }
 
.whitetext  { color:#fff; } 
.whitetext a { color:#fff; text-decoration:underline; }
.whitetext a:hover { color:#9fc33d; text-decoration:underline; }

/*----------------------------------------
 Links 
----------------------------------------*/
a {
	color:#d2232a; 
	text-decoration:underline;
	outline:none;
}
a:hover {
	color:#d2232a; 
	text-decoration:none;
}
.download a {
	color:#d2232a; 
	text-decoration:none;
	line-height:100%;
	outline:none;
}
.download a:hover {
	color:#d2232a; 
	text-decoration:underline;
}
img {
	border:0 none;
	}
	
.thumb a img {
	padding:2px;
	border:0; 
}
.thumb a img:hover {
	padding:0;
 	border: 2px solid #d2232a; 
}
/*----------------------------------------
 page elements 
----------------------------------------*/
hr {
	color: #F5EEEB;
}
br { 
	line-height:80%;
}
li {padding-bottom:5px;}


/*----------------------------------------
 Form Items  
----------------------------------------*/
select, input, textarea {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #ccc;
}
.buttontext {
	background-color: #d2232a;
	border: 1px solid #000;
	color: #fff;
	cursor:pointer;
}

/*----------------------------------------
table data
----------------------------------------*/
.row_record {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E4D7D0;
}