/* CSS Document */

html {
	height: 100%;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body {
	height: 100%;
    margin: 0px;
    padding: 0px
}

.img_pr{
	border: 0px;
	padding-bottom: 20px;
}

.clr {
	clear: both;
}


.text_head{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 22px;
	color : White;
	font-weight : 900;
	padding-left: 15px;
}


.form{
	font-size : 16px;
}
.form .text{
font-weight : bold;
text-align : right;
padding-right : 15px;
 margin-right : 10px;
 color :    #1C3D73;
}
.form .text2{
font-weight : bold;
text-align : left;
padding-right : 15px;
 margin-right : 10px;

}
 .text2{
font-weight : bold;
color :    #1C3D73;
}
.form .textgreen{
	color :  #1C3D73;
}

.comment{
    BORDER-BOTTOM: 1px solid #1C3D73;
	padding-bottom : 0px;
	font-size : 14px;
	color : #1C3D73;
	font-weight : bold;
	}
	
	.comment1{
    BORDER-BOTTOM: 1px solid #1C3D73;
	padding-bottom : 0px;
	font-size : 14px;
	color : #1C3D73;
	font-weight : bold;
	text-align : right;
	}
		.comment2{
    BORDER-BOTTOM: 1px solid #1C3D73;
	padding-bottom : 0px;
	font-size : 14px;
	color : #1C3D73;
	font-weight : bold;
	}
.comment3{
	padding-bottom : 0px;
	font-size : 14px;
	color : Olive;
	font-weight : bold;
	text-align : right;
	}
	.comment4{
	padding-bottom : 0px;
	font-size : 14px;
	color : #c64934; 
	font-weight : bold;
	text-align : right;
	}
.line {
	BORDER-BOTTOM: 1px solid #1C3D73;
	font-size : 12px;
	padding-bottom : 10px;
	padding-right : 30px;
	padding-top : 5px;
	font-style : italic;
}
.line2{
 BORDER-BOTTOM: 1px solid #1C3D73;
	 font-size : 12px;
	 padding-bottom : 8px;
	 padding-right : 0px;
	  padding-top : 5px;
}

.line2 a {
	color : #1C3D73;
	font-weight : bold;
		}
.line2	a:link    {
color : #1C3D73;
	font-weight : bold;
	}
.line2  a:hover {
	color: #1C3D73;
	border : 0px;
}


.inputform {
	BORDER-RIGHT: 1px solid #cccccc;
	BORDER-TOP: 1px solid #cccccc;
	BORDER-LEFT: 1px solid #cccccc;
	WIDTH: 90%;
	BORDER-BOTTOM: 1px solid #cccccc;
	HEIGHT: 20px;
}
.inputform2 {
	BORDER-RIGHT: 1px solid #cccccc;
	BORDER-TOP: 1px solid #cccccc;
	BORDER-LEFT: 1px solid #cccccc;
	BORDER-BOTTOM: 1px solid #cccccc;
	WIDTH: 90%;
}
.red{
	color: #c64934; 
}
.inputform3 {
	BORDER-RIGHT: 1px solid #cccccc;
	BORDER-TOP: 1px solid #cccccc;
	BORDER-LEFT: 1px solid #cccccc;
	BORDER-BOTTOM: 1px solid #cccccc;
	WIDTH: 80;
}


.olive
{ color:			#163106;
  font-weight:		normal;
  font-size:		9px;
}
#popupImage {
	PADDING-RIGHT: 0em; PADDING-LEFT: 0em; PADDING-BOTTOM: 0em; MARGIN: 0em; PADDING-TOP: 0em
}
/*  */




ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li
{
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 22px;
	white-space: nowrap;
	border-right: 0px solid #cccccc;
}

ul#mainlevel-nav li a
{   font-weight:normal !important;
    font-size: 12px;
	display: block;
    width:67px;
    height: 22px;
    text-align:center;
	text-decoration: none;
	color: #fff;
    background-image:url(".../img/button.gif");
}

span.mainlevel-nav{color:white !important; font-weight:bold}

a.mainlevel-nav{color:white !important; text-transform:uppercase; font-size:12px; font-family:arial}

.mainlevel-nav#active_menu-nav{
color:#7fd7ff !important;
}

#active_menu-nav{
color:#7fd7ff !important;
}



	ul#mainlevel-nav li a:hover
{
	color: #fff;
	background-image:url("../img/button_press.gif");
}






#header_outer {
	text-align: left;
	border: 0px;
	margin: 0px;
}

#header {
	float: left;
	padding: 0px;
	margin-right: 2px;
	width: 635px;
	height: 150px;
	background: url("../img/header_short.jpg") no-repeat;
}


#left_outer {
  float: left;
	margin-top: 2px;
	width: 165px;
}

#left_inner {
  border: 1px solid #cccccc;
	padding: 2px;
  float: none !important;
  float: left;
}

#content_outer {
	padding: 0px;
	margin-top: 0px;
	margin-left: 2px;
	/** border: 1px solid #cccccc; **/
	float: left;
	width: 635px;
}

#content_inner{
  float: none !important;
  float: left;
  padding: 0;
  padding-top: 2px;
  margin: 0;
}

table.content_table {
  width: 100%;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}



#right_outer {
	margin-left: 2px;
	width: 165px;
}

#right_inner {
  float: none !important;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
}




table td.body_outer {
	padding: 2px;
	border: 1px solid #cccccc;
}

.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}



#footer {
	text-align: center;
	padding: 3px;
}

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

li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url("../img/arrow.png"));
background-repeat: no-repeat;
background-position: 0px 2px;
}


td {
	text-align: left;
	font-size: 11px;
}



body {
	height: 100%;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background: #ffffff;
}

/* Joomla core stuff */
a:link, a:visited {
	color: #c64934; text-decoration: none;
	font-weight: bold;
}


a:hover{color:#FC6902;text-decoration:underline}

a.program:hover  { font-family:verdana; font-size:12px; font-style: bold; margin-left:5px; margin-right:5px; margin-top:5px; color:#1C3D73;}

table.contentpaneopen {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}
table.contentpaneopen td {
   padding-right: 5px;
}
table.contentpaneopen td.componentheading {
	padding-left: 4px;
}






.



table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 0px;
}


table.moduletable th, div.moduletable h3 {
	background-color: #003366;
	color: #fff;
	text-align: left;
	padding-left: 4px;
	line-height: 16px;
	font-weight: normal;
	font-size: 9px;
	text-transform: uppercase;
    font-family:verdana;  
    margin-top:1px; 
    text-decoration:none
}
.lefts{background: url("../img/left.gif") repeat-y; background-position:right; width:196px}
.lefts div{margin-bottom:10px}
.leftbanner{background: url("../img/leftbanner.jpg") no-repeat right; width:196px; height:87px}

.rightbanner{background: url("../img/rightbanner.jpg") no-repeat left; width:198px; height:87px}

.rights{background: url("../img/right.gif") repeat-y; background-position:left}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}



.
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url("../img/menu_bg.png") no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ccc;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #fff;
}

a.mainlevel#active_menu {
	color:#fff;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	color: #fff;
}

.logo{background: url("../img/era.jpg") no-repeat;}

.logo1
{display:block;
width:215px;
height:130px;}

.logo2
{display:block;
width:220px;
height:130px;}


.ban{background: url("../img/bg_era_banner.jpg") no-repeat top ;}