@charset "ISO-8859-1";
body {
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
}
ol {
	font-size: 18px;
}
.smalltxt {
				font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
				font-size: 14;
}
/* Text Box with Different Border: */
.tb-border {
    border: 1px solid #0000FF;
}

/* Text Box with Background Color: */
.tb-background {
    background-color : #99FFCC;
    border: 1px solid #008000;
}

/* Text Box with Background Image: */
.tb-bg-image {
    background-image: url(bg.png);
    border: 1px solid #6297BC;
}

/* Text Box with Focus: */
.tb-focus {
    border: 1px solid #888377;
}
.tb-focus:focus {
    background-color: #F4EEDD;
}

/* Text Box with Side Image: */
.tb-bg-side {
    background-image: url(Portal.gif);
    background-repeat:no-repeat;
    background-position:left;
    border: 1px solid #6297BC;
    padding-left:16px;
}

/* Text Box with Rounded Corners: */
.tb-rounded {
    border:0;
    background: transparent url(rounded.gif) no-repeat top left;
    height: 22px;
    width: 230px;
    padding-top:2px;	
}

/* Text Box with Gradient: */
.tb-gradient {
    border:0;
    background: transparent url(gradient.gif) no-repeat top left;
    height: 22px;
    width: 230px;
    padding-top:2px;
}
.text-box {
	float:left;
	width:570px;
	background-color:#F9F8F2;
	border: 1px solid #d1c7ac;
	padding:3px;
	margin-bottom:15px;
	overflow:hidden;
}
#form-left {
    text-align:center;
    float: left;
    width: 49%;
    background-color: #F9F8F2;
}
#form-right {
	text-align:center;
    float: right;
    width: 49%;
    background-color: #F9F8F2;
}
.button-container {
	text-align:center;
	float:left;
	width:33%;
	background-color: #F9F8F2;
}
/* ----------Text Boxes------------*/

.heading-form {font-size: 1.3em; color: #6A6557; background:#DFD5B9; margin-bottom:10px;}
.heading-form a {color: #6A6557; text-decoration:none;}
.heading-form a:hover {text-decoration:underline;}

.tb-border {
	border: 1px solid #0000FF;
	width: 230px;
}
.tb-background {
	background-color : #6699FF;
	border: 1px solid #008000;
	width: 100px;
}
.tb-bg-image {
	background-image: url(bg.png);
	border: 1px solid #6297BC;
	width: 230px;
}
.tb-focus {
	border: 1px solid #888377;
	width: 230px;
}
.tb-focus:focus, .tb-focus:hover {
	background-color: #F4EEDD;
	width: 230px;
}
.tb-bg-side {
	background-image: url(preview.gif);
	background-repeat:no-repeat;
	background-position:left;
	border: 1px solid #6297BC;
	padding-left:16px;
	width: 230px;
}
.tb-rounded {
	border:0;
	background: transparent url(rounded.gif) no-repeat top left;
	height: 22px;
	width: 230px;
	padding-top:2px;
	padding-left:2px;
	color:#000000;	
}
.tb-gradient {
	border:0;
	background: transparent url(gradient.gif) no-repeat top left;
	height: 22px;
	width: 230px;
	padding-top:2px;
	padding-left:2px;
	color:#000000;
}

/* ----------Buttons------------*/

.button-color-font {
	height: 22px;
	color: #008800;
}
.button-color {
	height: 22px;
	background-color: #008800;
	color: #FFFFFF;
}
.button-bg {
	height: 22px;
    background: url(button_bg.gif) repeat-x;
    border: 1px solid #bfa277;
}
.button-border {
	height: 22px;
	border: 1px solid #981234;
	background-color: #CCCCCC;
}
.button-border-2 {
	height: 22px;
	border: 3px double #981234;
	background-color: #BFD5EE;
}
.button-hover {
	height: 22px;
	border: 1px solid #981234;
	background-color: #BFD5EE;
}
.button-hover:hover {
	border: 1px solid #BFD5EE;
	background-color: #981234;
	color: #FFFFFF;
}
.button-image {
	height: 22px;
    background: #EBE3CD url(preview.gif) no-repeat left center;
    vertical-align:middle; 
    border: 1px solid #969184;
}
.button-hover-image {
	height: 22px;
	width: 100px;
	background: transparent url(button1.gif) no-repeat top left;
	border: none;
}
.button-hover-image:hover {
    background: transparent url(button2.gif) no-repeat top left;
    border: none;
    color: #800000;
}