h1           { font-family: Arial; font-size: 115%; color: #660099; margin-top: 10px; margin-bottom: 10px }

h2          { font-family: Arial; font-size: 125%; color: #660099; margin-top: 10px; margin-bottom: 10px }

h3           { font-family: Arial; font-size: 115%; color: #ff6600; margin-top: 10px; margin-bottom: 10px }

body         { background-color: #cc99cc; text-align: center; font-family: arial; font-size: 95%;  }

html		{ scrollbar-base-color: #cc99cc; }


#main          { position: relative; margin: 0 auto; text-align: left; width: 825px;  }

#topleft		{ position: relative; float: left; width: 20%;    }
#topright		{ position: relative; float: right; width: 78%; text-align: center; margin-top: 30px   }


.midleft		{ clear: both; position: relative; float: left; width: 48%; margin-top: 20px; margin-bottom: 20px   }
.midright		{ position: relative; float: right; width: 48%; margin-top: 20px; margin-bottom: 20px }




#out {position:relative; display:block; width: 823px; background:#666; border:1px solid #999; }
/* IE6 Only */
* html #out {
	width: 825px;
}

/* IE7 Only */
*:first-child+html #out {
	width: 825px;

}


#in { position:relative; text-align:left; left:-5px; top:-5px; background:#fff; border:1px solid #609; padding:5px; }



#out_foot {clear: both; position:relative; display:block; width: 823px; background:#666; border:1px solid #999; }
/* IE6 Only */
* html #out {
	width: 825px;
}

/* IE7 Only */
*:first-child+html #out {
	width: 825px;

}


#in_foot { position:relative; text-align:center; left:-5px; top:-5px; background:#609; border:1px solid #fff; padding:5px; }





.nav { position:relative; padding-left:10px; padding-bottom: 5px; }

.clearer {clear: both; position:relative; }



#left_out {clear: both; float:left; position:relative; display:block; width: 638px; background:#666; border:1px solid #999; margin-top: 15px; margin-bottom: 15px;}
/* IE6 Only */
* html #left_out {
	width: 640px;
}

/* IE7 Only */
*:first-child+html #left_out {
	width: 640px;
}



#left_in { position:relative; text-align:left; left:-5px; top:-5px; background:#fff; border:1px solid #609; padding:10px; }




#right_out { position:relative; float:right; display:block; width: 158px; background:#666; border:1px solid #999; margin-top: 15px;}
/* IE6 Only */
* html #right_out {
	width: 160px;
}

/* IE7 Only */
*:first-child+html #right_out {
	width: 160px;
}



#right_in { position:relative; text-align:left; left:-5px; top:-5px; background:#660099; color: #ffffff; border:1px solid #fff; padding:10px; }



#right_out2 { position:relative; float:right; display:block; width: 158px; background:#666; border:1px solid #999; margin-top: 15px; margin-bottom: 10px;}
/* IE6 Only */
* html #right_out2 {
	width: 160px;
}

/* IE7 Only */
*:first-child+html #right_out2 {
	width: 160px;
}



#right_in2 { position:relative; text-align:left; left:-5px; top:-5px; background:#fff; color: #000; border:1px solid #609; padding:10px; }








A:link		{ color: #f60}

A:visited		{ color: #609 }

A:active		{ color: #f60}


A.foot:link		{ font-size: 80%; color: #f60}

A.foot:visited		{ font-size: 80%; color: #fff }

A.foot:active		{ font-size: 80%; color: #f60}





ul		{ margin-top: 10px; margin-bottom: 10px }
li            { margin-bottom: 10px; }




/*

[HOMEPAGE-SECTIONS

*/

#homepage-sections {
	position: relative; 
	padding: 10px 0 0 0;
	width: 790px;
	overflow: hidden;
}


/* IE6 Only */
* html #homepage-sections {
	width: 800px;
}

/* IE7 Only */
*:first-child+html #homepage-sections {
	width: 800px;
}


#homepage-sections .section-box {
	position: relative; 
	margin: 0 10px 0 0;
	width: 148px;
	height: 150px;
	overflow: hidden;
	float: left;
	cursor: pointer;
}



/* IE6 Only */
* html #homepage-sections .section-box {
	width: 150px;
}

/* IE7 Only */
*:first-child+html #homepage-sections .section-box {
	width: 150px;
}




#homepage-sections .section-box img {
	position: absolute;
	
}

#homepage-sections .section-box-inner {
	padding: 10px 5px 5px 10px;
	position: absolute;
	width: 130px;
	top: 115px;
	background: #660099 url(images/jpg/arrow.jpg) 100% 0 no-repeat;
	color: #fff;
}



/* IE6 Only */
* html #homepage-sections .section-box-inner {
	width: 140px;
}

/* IE7 Only */
*:first-child+html #homepage-sections .section-box-inner {
	width: 140px;
}





#homepage-sections .section-box-inner a:link, #homepage-sections .section-box-inner a:visited,
#homepage-sections .section-box-inner a:hover, #homepage-sections .section-box-inner a:focus {
	color: #fff;
	text-decoration: none;
}

#homepage-sections .section-box-inner h2 {
	padding: 0 15px 5px 0;
	position: relative;
	height: 30px;
	font-size: 75%;
}



#homepage-sections .section-box-inner p {
	padding: 0;
	font-size: 70%;
}




fieldset
{
position: relative;  
margin: 0 auto; 
left: 5px;
text-align: left;
border: 1px solid #000;
width: 500px;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 10px;
background: #FFF;
}

/* IE6 Only */
* html #fieldset {
	width: 530px;
}

/* IE7 Only */
*:first-child+html #fieldset {
	width: 530px;
}



legend
{
position:absolute; 
top: -11px; 
left: 10px;
color: #fff;
font-weight: bold;
background: #609;
border: 1px solid #000;
padding: 2px 6px

} 

label
{
width: 12em;
float: left;
text-align: left;
font-weight: normal;
margin-right: 10px;
display: block;
}

label.fieldLabel { display: inline; float: none; }

.nodisplay { display:none; } 


input.formInputText { background-color: #c9c; border: solid 1px #609; padding: 2px;}
input.formInputTextDel { background-color: #c9c; border: solid 1px #609; padding: 2px;}

textarea.formInputText { background-color: #c9c; border: solid 1px #609; padding: 2px;}
select.formSelect {background-color: #c9c; border: solid 1px #609; }

input.formInputButton { font-size: 100%; font-weight: bold; text-align: center; color: #FFF; background: #609; border: solid 2px outset #999; }

#errormsg
		{ float: right; font-weight: bold; border:2px solid #609; padding:5px; width: 400px;}    
		
.error
		{ background:#fff;}