/**Begin CSS Style*****************************************/

html,
body {
	margin: 0;
	padding: 0;
	font: normal 10pt Arial;
	color: #444445; 
	background: #FFDD77;
	height: 100%;
	text-align: center;
}

#container {
	position: relative;
	min-height: 100%;
	width: 776px;
	margin: 0 auto;
	text-align: left;
	background: #FFDD77 url(../images/mainbg01.gif);
}

/* IE Hack */
* html #container { height: 100%; }

#header {
	background: #FFDD77 url(../images/header01.gif) no-repeat;
	padding: 0;
	width: 776px;
	height: 205px;
}


#body {
	padding: 0;
	padding-bottom: 160px;   /* Height of the footer */
}


#footer {
	position: absolute;
	width: 776px;
	background: #FFDD77 url(../images/footer01.gif) no-repeat top left;
	height: 160px;
	bottom: 0;
}

.footercontent{
	padding:35px 10px 0px 10px;
	text-align: center;
	font: bold 8pt Arial;
	color: #000000;
	margin: 0;
}

#irocpad {
	margin: 20px 0 0 0;
}

a.footer:link, a.footer:visited, a.footer:hover, a.footer:active {
	color: #999999;
	font: normal 8pt Arial;
	text-decoration: none;
}

#colleft {
	width: 190px;
	float: left;
}

#leftcontent {
	padding: 5px 8px;
}

#colmain {
	width: 586px;
	float: left;
}

/* IE Hack */
* html #colmain { width: 583px; }

#maincontent {
	margin: 15px 15px 0 35px;
	font: normal 12px Arial;
}

#maincontent a:link, #maincontent a:visited{
	color:#0066FF;
}

#maincontent a:hover {
	color: #C60000;
}

#maincontent ul, .maincontent li{
margin: 0 0 0 12px;
padding:0;
}

#maincontent li{
padding: 0 0 0 3px;
} 

#maincontent pre {
	margin: 0;
}

/* ##### HEADER TAGS ##### */

h1 {
	font: italic 20pt Arial;
	color: #CCCCCC;
	padding: 15px 0 0 30px;
	text-transform: uppercase;
	background: #FFDD77 url(../images/maintop01.gif) no-repeat top left;
	height: 49px;
	margin: 0;
}

/* IE Hack */
* html h1 {height: 64px;}

h2 {
	font: bold 13pt Arial;
	color: #C60000;
	margin: 2px 0 2px -5px;

}

h3 {
	font: normal 14pt Arial;
	color: #28536A;
	padding: 13px 0 5px 58px;
	text-transform: uppercase;
	background: #FFDD77 url(../images/menutop01.gif) no-repeat top left;
	height: 27px;
	margin: 0;
}

/* IE Hack */
* html h3 {height: 45px;}


/* ##### MENU ### */

#menu {
	width: 175px;
	margin: 0 0 0 2px;
	font: normal 9pt Arial;
	color: #FFFFFF;
	}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu li a {
	height: 22px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #FFFFFF;
	display: block;
	background:  url(../images/menubg01.gif);
	padding: 8px 0 0 20px;
	}
	
#menu li a:hover {
	color: #FFFFFF;
	background:  url(../images/menubg01.gif) 0 -30px;
	padding: 8px 0 0 20px;
	}

/* IE Hack */
* html #menu li a {
	height: 30px;
	text-decoration: none;
	}


/* ###### IMAGES ##### */

.imageright {
	margin: 2px 0px 10px 10px;
	float: right;
	border: 5px solid #FFFFFF;
}

.imageleft {
	margin: 5px 10px 10px 0px;
	float: left;
	border: 5px solid #FFFFFF;
}


.imagecenter {
	margin: 5px 0px 5px 0px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 5px solid #FFFFFF;
}

.noborder {
	border: 0px;
}



/* ###### Form CSS ######### */

.cssform p {
width: 360;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 180px; /*width of left column containing the label elements*/
border-top: 1px dashed #000000;
height: 19px;
font: normal 10pt Arial;
}

* html .cssform p { width: 450px; height; 1%;}

.cssform label{
float: left;
margin-left: -180px; /*width of left column*/
width: 175px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

#textareasize{
height: 100px;
}

.cssform textarea{
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/**End CSS Style*****************************************/