@charset "utf-8";
/* CSS Document */

body { 
	font: 13px/17px Verdana, Tahoma, Arial, sans-serif; 
	margin: 0; 
	padding: 0; 
}

.reverse a, .reverse {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
}

.invis {visibility: hidden}


h1{ color: #003399; font: 22px Verdana,Arial,"Trebuchet MS",sans-serif;    margin: 6px 0 8px 0;  }
h2{ color: #993300; font: 200 18px "Comic Sans MS", Verdana, Georgia, helvetica, sans-serif;    margin: 35px 0 4px 0;  }
h3{ color: #6600cc;  font: bolder 14px Verdana, Georgia, helvetica, "Times New Roman", serif;  margin: 10px 0 8px 0;  }
h4{ font-size: 14px; color: #330033; }
p { font-size: 13px;  margin: 15px 0 18px 0;  line-height: 17px;  }

#error {
	color: red;
}




.rbox {width: 50%; background: #9BD1FA}
.rbox p, .rbox h1, .rbox h2, .rbox a {padding: 10px; margin: 10px 0 10px 0;}
.rbox h1, .rbox h2 {color: #ffffff; }

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;  overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}



	.button a {
		display:block;
		width:93px;
		height:39px;
		padding: 20px 0px 0px 0px;
		font: bold 16px sans-serif;
		color:white;
		background: url("images/style/button.gif") 0 0 no-repeat;
		text-decoration: none;
		text-align: center;
		}
	.button a:hover {
		background-position: -100px 0;
		color:white;
		}
	.button a:active {
		background-position: -200px 0;
		color:white;
		}



		.links ul {
float: left;
width: 800px;
margin: 0px;
list-style-type: none;
font: 15px Verdana,Arial,sans-serif;
}
.links li {
float: left;
width: 240px;
margin-left: 20px; margin-bottom: 18px;
text-align: center;
/*
padding: 0 0 10px 10px; text-indent: -10px;
background-color: #00FF00;
padding: 10px;
background-image: url(smileybullet.gif);
background-position: 0 3px;
background-repeat: no-repeat;
padding: 0 0 0 20px; /* left padding moves the text away from the bullet */

 text-align: center;
}

.error {
	text-align: center;
	color: red;
}

.success {
	text-align: center;
	color: green;
}


.errorField {
	border: 1px solid red;
}


/* General */
.tiny { color: #000000; font: 10px Verdana, Georgia, helvetica, "Times New Roman", serif; }
.larger { color: #000088; font: 300 16px/21px Verdana, Georgia, helvetica, "Times New Roman", serif; }
.large { color: #a06000; font: 400 18px/27px Verdana, Georgia, helvetica, "Times New Roman", serif; }
.largemono { font: 18px/22px "Courier New", Courier, monospace; }
.largest { color: Blue; font: bold 21px/25px Verdana, sans-serif; }
.huge { font: bold 30px/40px Verdana, Tahoma, Arial, sans-serif; }
.times { font: bold 150% "Times New Roman", serif; }
.hi { background-color: Yellow; border: 2px solid Yellow; }


/* html5 instead of align element */
.centerfull {margin-right:auto; margin-left:auto; max-width:760px; text-align:center; }
.center {text-align: center; }
table.center {margin-right:auto; margin-left:auto; text-align: inherit;}
.left {text-align:left}
.right {text-align:right}
