html{
	margin-bottom: 1px;
}
	
body{
	font-family: Arial, verdana, helvetica, sans-serif;
	background-image: url(../images/layout/bg_page.jpg);
	background-repeat: repeat-x;
	background-color: #E0E0E0;
	color: #666;;
	margin: 30px 0;
	padding: 0;
	height: 100%;
	font-size: 100%;
}

/* Layout */

#container{
	background-image: url(../images/layout/bg_main.jpg);
	background-color: #FFF;
	border: 10px solid #FFF;
	width: 940px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#footer{
	width: 960px;
	padding-top: 2px;
	margin: auto;
	font-size: 75%;
	text-align: left;
	color: #1F2E65;
}

/* Content boxes */

#left{
	float: left;
	width: 220px;
	padding-top: 0px;
}
		
#right{
	float: left;
	width: 705px;
	background-color: #FFF;
	min-height: 700px;
	padding-top: 35px;
	padding-left: 15px;
}

#subLeft{
	float: left;
	width: 475px;
	margin-right: 25px;
}

#subLeftInner{
	float: left;
	width: 650px;
	margin-right: 25px;
}
		
#subRight{
	float: left;
	width: 205px;
}

.boxRight{
	background-image: url(../images/layout/bg_r_box.gif);
	background-repeat: repeat-y;
	width: 190px;
	float: right;
	margin-bottom: 20px;
}

.boxRightTitle{
	background-image: url(../images/layout/bg_r_box_title.jpg);
	background-repeat: repeat-y;
	font-weight: bold;
	font-size: 90%;
	margin: 0;
	padding: 5px 5px 5px 10px;
	color: #424242;
}

.boxRightText{
	padding: 5px 5px 5px 10px;
}

/* Navigations */

#navTopContainer{
	width: 100%;
	height: 30px;
	padding-top: 5px;
	text-align: right;
	font-size: 80%;
	color: #FFF;
}

#navTopContainer a{
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}

#left ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#left ul li{
	background-image: url(../images/layout/bg_nav.jpg);
	background-repeat: repeat-y;
	width: 220px;
	/*height: 40px;*/
	margin: 0;
	padding: 0;
	vertical-align: bottom; /* This fixes the IE5 Win gap underneath! */
	border-bottom: 1px solid #B7CBE4;
}

#left li.open{
	background-image: url(../images/layout/bg_nav_open.jpg);
	background-repeat: repeat-y;
	width: 220px;
	margin: 0;
	padding: 0;
	vertical-align: bottom; /* This fixes the IE5 Win gap underneath! */
}

#left li.open li{
	background-image: url(../images/layout/bg_nav_open.jpg);
	background-repeat: repeat-y;
	color: #FFF;
	font-size: 100%;
	border-bottom: none;
}

#left ul li a{
	-moz-box-sizing: padding-box;
	display: block;
	font-weight: bold;
	font-size: 100%;
	color: #FFF;
	text-decoration: none;
	padding: 10px;
}

#left li.open li a{
	padding-bottom:0px;
	padding-left: 35px;
	font-size: 85%;
}

/* --- */

.alignLeft{
	text-align: left;
}

.alignCenter{
	text-align: center;
}

.alignRight{
	text-align: right;
}

.alignMiddle{
	margin-top: -50%;
}

img{
	border: 0;
	margin: 0;
	padding: 0;
}

.h100{
	height: 100%;
}
	
.h20{
	height: 20px;
}

.h15{
	height: 15px;
}

.pad25{
	padding: 25px;
}

.pad20{
	padding: 20px;
}

.pad15{
	padding: 15px;
}

.pad10{
	padding: 10px;
}

.pad5{
	padding: 5px;
}

.width100{
	width: 100%;
}
	
/* Typography */

h1, h2, h3, h4, h5, h6, ol, ul{
	margin: 0;
	padding: 0;
}

h1{
	font-size: 130%;
	font-weight: bold;
	color: #006699;
	margin-bottom: 20px;
}

h2{
	font-size: 120%;
	font-weight: normal;
}

h3{
	font-size: 100%;
	font-weight: bold;
	color: #E22F35;
	margin-bottom:15px;
}

h4{
	font-size: 80%;
	font-weight: bold;
	margin-bottom:15px;
}


/*ol, ul, li{
	list-style: none;
	font-size: 80%;
	line-height: 120%;
	margin-left: 50;
}*/

ul{
	list-style: square;
	/*color: #006699;*/
	line-height: 130%;
	margin-left: 30px;
	margin-bottom:15px;
}

ol{
	line-height: 130%;
	margin-left: 30px;
	margin-bottom:15px;
}

li{
	margin-bottom: 5px;
	font-size: 80%;
}

.liGrey{
	color: #666;
}

p{
	margin: 5px 0 15px 0;
	line-height: 135%;
	font-size: 80%;
}

a{
   color: #e22f35;
}

a.h3{
  color: #E22F35;
  text-decoration:none;
}

a.h3:visited{
  color: #E22F35;
  text-decoration:none;
}

a.anchor{
	font-size: 70%;
	font-weight: bold;
	color: #666;
}

a:link{
}

a:visited{
	color: #006699;
}

a:active{
}

a:hover{
	/*hover doesn't work in nn4*/
}

pre{
	font-family: monospace;
}

strong, b{
	font-weight: bold;
}

hr{
	margin-bottom: 25px;
	margin-top: 25px;
	border: none 0;
	border-top: 1px solid #DFE9F5;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

br{
	margin: 0;
	padding: 0;
}

/* Forms */

form{
	font-size: 70%;
	margin: 0;
	padding: 0;
/*	border: 1px solid green;*/
}

form br{
	clear: left;
}

fieldset{
	padding: 10px;
}

legend{
	color: #000;
}

label{
	float: left;
	width: 260px;
	height: 15px;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: left;
}

textarea{
	background-color: #FFFFFF;
	overflow: auto;
	width: 300px;
	margin-bottom: 5px;
}

select.text{
	width: 205px;
}

input.box200{
	width: 200px;
	height: 15px;
	margin-bottom: 5px;
}

.check{
	margin-top: -3px;
}

.mandatory{
	background-color: #FFFFE0;
}

#uword{
	margin: 5px 0 5px 0;
}

#submitButton{
	position: relative;
	z-index: 2;
}

.check{
	vertical-align: top;
}
	
/* classes for validator */

.captcha{
	border: 1px solid #CCC;
	width: 205px;
}

.tfvHighlight{
	color: red;
}

.tfvNormal{
	font-weight: bold;
}