/* CSS Document */

* {
padding:0px;
margin:0px;
text-decoration:none;
}

/* Clearing floats without structural markup - Apply class to elements that you need to clear after - thanks to Position is Everything */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

h1 {
font-weight:normal;
font-size:0.4em;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:left;
}

h2 {
font-weight:bold;
padding:0px 0px 0px 0px;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
color:#286890;
text-align:left;
}

h2 a, h2 a:hover {
font-weight:bold;
padding:0px 0px 0px 0px;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
color:#286890;
text-align:left;
}

a, a:hover {
color:#286890;
}

/*********************************************************************************/
/*-------HOME PAGE---------------------------------------------------------------*/
/*********************************************************************************/

#main {
height:600px;
width:800px;
background:url(images/bg.gif) top left no-repeat;
position:relative;
padding-left:93px;
padding-top:0px;
}

#header {
position:relative;
width:100%;
height:80px;
padding-top:0px;
padding-left:5px;
}

#er-logo {
height:90px;
width:200px;
position:absolute;
top:10px;
left:595px;
}

#footer {
position:absolute;
display:block;
width:100%;
height:30px;
padding-top:5px;
padding-left:-100px;
bottom:-60px;
left:0px;
}


/*-------------IMAGE MAP-----------------------------------------------------------*/
#map {
position:absolute;
width:471px;
height:480px;
background:url(images/image_map.gif) top left no-repeat;
}

#map1 p {
padding-top:30px;
color:#286890;
text-align:center;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
}
 
#map2 p {
padding-top:50px;
padding-left:60px;
color:#286890;
text-align:center;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
}

#map3 p {
padding-top:180px;
padding-left:20px;
color:#286890;
text-align:center;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
}

#map4 p {
padding-top:50px;
text-indent:-100px;
color:#286890;
text-align:center;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
}




#map li {
display:block;
list-style-type:none;
position:absolute;
overflow:hidden;
background: url(none);
}

#map a {
display:block;
}

#map1 {
left:158px;
top:12px;
width:154px;
height:309px;
}



#map2 {
left:159px;
top:168px;
width:309px;
height:154px;
}

#map3 {
left:159px;
top:169px;
width:154px;
height:309px;

}

#map4 {
left:3px;
top:168px;
width:309px;
height:154px;
}

#map5 {
left:159px;
top:168px;
width:154px;
height:154px;
}



#map1 a {
height:309px;
}

#map2 a {
height:154px;
}

#map3 a {
height:309px;
}

#map4 a {
height:154px;
}

#map5 a {
height:154px;
}


#map1 a:hover {
background:url(images/image_map.gif) no-repeat -158px -492px;
}

#map2 a:hover {
background:url(images/image_map.gif) no-repeat -159px -1128px;
}

#map3 a:hover {
background:url(images/image_map.gif) no-repeat -159px -1609px;
}

#map4 a:hover {
background:url(images/image_map.gif) no-repeat -3px -2088px;
}

#map5 a:hover {
background:url(images/image_map.gif) no-repeat -159px -168px;
}

/*---------------------SEARCH BOX HOME-----------------------------*/

#search {
left:609px;
top:5px;
position:absolute;
width:145px;
height:135px;
padding:33px 10px 0px 10px;
}

#search p {
color:#FFFFFF;
padding-top:10px;
text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
}

#search-box {
	margin-left:10px;
	background:#D9DCFC;
	border: 1px solid #373C88;
	color:#373C88;
	width:80%;
}

#submit {
padding-left:50px;
padding-top:10px;
}


/*---------------------SEARCH BOX SECOND PAGES-----------------------------*/

#search2 {
left:609px;
top:100px;
position:absolute;
width:145px;
height:135px;
padding:30px 10px 0px 10px;
}

#search2 p {
color:#FFFFFF;
padding-top:10px;
text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
}

#search-box2 {
margin-left:10px;
	background:#D9DCFC;
	border: 1px solid #373C88;
	color:#373C88;
	width:80%;
}

#submit2 {
padding-left:50px;
padding-top:10px;
}

/*-------------CIRCLE LINKS----------------------------------------------------------*/
#circle-links {
position:absolute;
width:200px;
height:200px;
left:590px;
top:212px;
}


#circle-links a{
color:#626262;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
}

#circle-links a:hover{
color:#286890;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
}

#link1, #link2, #link3, #link4 {
padding-top:10px;
list-style:none;
}

#link1, #link2 {
padding-left:10px;
}

#link3  {
padding-left:8px;
}




/*-------------CIRCLE LINKS SECOND PAGE----------------------------------------*/


#circle-links2 {
position:absolute;
width:200px;
height:200px;
left:590px;
top:304px;
}


#circle-links2 a{
color:#626262;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
}

#circle-links2 a:hover{
color:#286890;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
}

#linka, #linkb {
padding-left:10px;
}

#linkc {
padding-left:8px;
}

#linka, #linkb, #linkc, #linkd {
padding-top:10px;
list-style:none;
}


/*********************************************************************************/
/*-------ABOUT PAGE---------------------------------------------------------------*/
/*********************************************************************************/
#about-main {
height: auto!important;
height: 800px;
min-height:800px;
width:800px;
background:url(images/about_bg.gif) top left no-repeat;
position:relative;
padding-left:0px;
padding-top:0px;
}

#text-main {
top:184px;
left:42px;
position:absolute;
width:450px;
border-left:1px solid #82DFEC;
border-bottom:1px solid #82DFEC;
padding-left:15px;
padding-top:0px;
padding-bottom:30px;
}

#para-text {
display:block;
color:#626262;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
line-height:150%;
text-align:justify;
padding-left:10px;
clear:both;
}

#header-about, #header-help, #header-accessibility, #header-disclaimer, header-browsealoud, #header-browser {
width:246px;
height:48px;
}

#home {
position:absolute;
left:430px;
top:-25px;
width:50px;
height:20px;

}


#home a{
color:#626262;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
background:url(images/home1.gif) left top no-repeat;
padding-left:20px;
}

#home a:hover{
color:#286890;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
background:url(images/home2.gif) left top no-repeat;
padding-left:20px;
}


#back-button {
position:absolute;
left:5px;
top:-25px;
width:200px;
height:20px;
}

#back-button a{
color:#626262;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
background:url(images/home1.gif) left top no-repeat;
padding-left:20px;
}

#back-button a:hover{
color:#286890;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
background:url(images/home2.gif) left top no-repeat;
padding-left:20px;
}

ol {
padding-left:40px;
width:300px;
text-align:left;
}

/*TEMP STYLING UNTIL SEARCH ENGINE IS WORKING*/
#search-temp {
left:605px;
top:9px;
position:absolute;
width:173px;
height:175px;
display:block;
}

#search-temp a {
background:url(images/eryc_button.gif) top left no-repeat;
position:absolute;
left:0px;
top:0px;
width:173px;
height:175px;
}

#search-temp a:hover {
background:url(images/eryc_rollover.gif) top left no-repeat;
width:173px;
height:175px;
}


/*jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj*/

#search2 {
left:0px;
top:0px;
position:absolute;
width:145px;
height:135px;
padding:33px 10px 0px 10px;
}


#search-temptwo {
position:absolute;
right:26px;
top:100px;
width:173px;
height:175px;
background:url(images/eryc_button.gif) top left no-repeat;
}

#search-temptwo a {
background:url(images/eryc_button.gif) top left no-repeat;
position:absolute;
left:0px;
top:0px;
width:173px;
height:175px;
}

#search-temptwo a:hover {
background:url(images/eryc_rollover.gif) top left no-repeat;
width:173px;
height:175px;
}