body {color: #666; min-width: 598px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #F2F2F2 url(images/bkgrd.gif) bottom left fixed repeat-x;}
html {min-width: 598px;}
A:hover {color: #FF0090; text-decoration: underline;}
A:link {color: #3399FF; text-decoration: none;}
A:visited {color: #FF0090; text-decoration: none;}
img	{border: 0;}
form {font: 8pt arial; color: #8E8E8E; border: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
input, select, textarea {font-weight: normal; font-size: 8pt; background: #F2F2F2; color: #336699; font-family: arial;}
h2 {position: relative; font-weight: bold; color: #3399FF;}
h2.note {font: 22px/22px Din-Light,Arial,Helvetica,sans-serif; text-transform: uppercase; position: relative; padding: 10px 0px 0px 0px; margin: 5px 7px 0px 0px;}
h3.note {font: 10px/12px Din-Medium,Arial,Helvetica,sans-serif; text-transform: uppercase; color: #FF0090; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
p {position: relative; font: 8pt/12pt verdana; padding: 0px; margin-top: 0px; text-align: left;}
div.hr {clear: left; padding: 10px 0px 10px 0px; margin-right: 5px; height: 1px; background: #fff url(images/hr_line.gif) no-repeat center;}
div.hr hr {display: none;}
blockquote.pullquote {float: right; width: 150px; margin: 10px 0 10px 15px; border: 1px solid #3399FF; padding: 5px; background: transparent url(images/bg_quote.gif) repeat; font: 17px/21px georgia, palatino, serif; color: #8E8E8E; text-align: right;}
.trans {background-color: transparent;}
.bold {font-weight: bold;}
.center {text-align: center;}

fieldset {border:1px solid #A0A0A0; margin: 10px 5px 10px 0px; padding: 10px;}
legend {background: transparent url(images/icon_mail.gif) no-repeat 4px 3px; color: #3399FF; padding: 2px 5px 2px 25px; background-color: #F2F2F2; border:1px solid #A0A0A0; font-weight: bold;}

#masterform{margin: 15px 0px 0px 0px; padding: 0px; text-align: left; position: relative;}
#masterform img {text-align: left; border: 0px;}
form span.required {color: #64A1E3;	text-align: left;}
form label {margin: 0 0px 0 0; padding: 2px;}
div.row{clear: both; padding: 5px; margin: 0px 0px 0px 0px;} 

/* COLUMN STYLES */

/* USED FOR GENERIC COLUMNS */
.col1, .col3, .col5 {float: left; width: 25%; text-align: left;} 
.col2, .col4, .col6 {float: left; width: 60%; text-align: left;} 

#container {width: 598px; border-left: 1px solid #8E8E8E; border-right: 1px solid #8E8E8E; border-bottom: 1px solid #8E8E8E; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding: 8px; background: #fff;}
#banner {background: url(images/header-palms.jpg) no-repeat 0px 0px; width: 598px; height: 171px; padding: 0px; margin-bottom: 0px; border-bottom: 5px solid #fff;}

#topnav {clear: both; background: #fff url(images/topnavbg.gif) repeat-x 0px 0px; height: 25px; padding: 0px; margin: 0px;}
#topnav ul{list-style-position: outside; padding: 0px 0px 0px 0px; margin: 0px 2px 0px 0px;}
#topnav #leftnav {list-style-position: inside; padding: 0px 0px 0px 0px; margin: -14px 0px 0px 0px; text-align: right;}
#topnav #leftnav li.icons{display: block; padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; list-style-type: none; display: inline; background: transparent url(images/button-arrow.gif) no-repeat 0px 2px; list-style: none outside;}
#topnav li.first{margin: 0px; padding: 0px 5px 0px 0px; list-style-type: none; display: inline;}
#topnav li.sep{margin: 0px; padding: 0px 5px 0px 15px; list-style-type: none; display: inline; background: transparent url(images/menu_sep.gif) no-repeat 0px 3px;}
#topnav img{margin: 0px 0px 0px 0px; padding: 0px 0px 4px 10px; display: inline; border: 0px; vertical-align: middle;}

div.menuBar, div.menuBar a.menuButton, div.menu {font:8pt tahoma; color: #8E8E8E; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
div.menuBar {padding: 6px 0px 0px 0px; text-align: left;}
div.menuBar a.menuButton {background-color: transparent; color: #999; left: 0px; margin: 0px 2px 0px 2px; padding: 0px 6px 0px 6px; text-decoration: none; top: 0px; z-index: 100;}
div.menuBar a.menuButton:hover {background-color: transparent; border: 0px; color: #FF0090;}
div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover {background-color: #transparent; border: 0px; color: #FF0090; left: 0px; top: 0px;}
div.menu div.menuItemSep {border: 1px inset #F6F6F6; margin: 4px 2px;}

#backgroundcontainer {margin: 5px 0px 0px 0px; padding: 0px; background: #fff url(images/subnavbg.gif) repeat-y;}
#maincontent {padding: 0px 10px 10px 10px; margin-left: 0px; margin-right: 169px;}
#maincontent A:link {color: #3399FF; text-decoration: none;}
#maincontent A:hover {color: #ff0090; text-decoration: underline;}
#maincontent A:visited {color: #FF0090; text-decoration: none;}

#r-sidebar {font: 7.5pt/11pt arial; color: #666; float: right; width: 159px; margin: 5px 0px 0px 0px; padding: 5px 0px 5px 0px;}
#r-sidebar A:link {color: #999; text-decoration: none;}
#r-sidebar A:hover {color: #ff0090; text-decoration: none;}
#r-sidebar A:visited {color: #FF0090; text-decoration: none;}
#r-sidebar img.thumb {border: 1px solid #D7D7D7; padding: 4px; margin-top: 5px; text-align: center;}
#sidebar-box {padding: 0px 2px 0px 2px; margin: 0px 10px 0px 10px; border: 1px solid #D7D7D7; background-color: #EAEAEA;}
#sidebar-box a {display: block; color: #999; background-color: #EAEAEA; width: 11em; padding: 0em .3em; text-decoration: none;}
#sidebar-box a:hover {background-color: #DEDEDE; color: #ff0090;} 
#sidebar-box p {padding: 0px 0px 0px 0px; padding-bottom: 0px; margin: 10px 0 10px 0; line-height: 10pt;}
#sidebar-box ul {margin: 0px 0 0px 0; padding: 0; list-style: none;}
#sidebar-box li {display: block; background: transparent url(images/bullet-topten.gif) no-repeat 2px 4px; padding: 0px 0px 0px 10px; margin: 2px 0px 3px 0px; line-height: 1.3em; list-style: none outside;}
#sidebar h3 {padding: 15px 0 2px 0px; margin: 0 0 0 0; font: 8pt/11pt tahoma; color: #3399FF; line-height: 2px;}
#sidebar {margin: 0px 5px 0px 0px; padding: 0px 0px 0px 10px; margin-bottom: .5em;}
#sidebar li {display: block; padding: 5px 0px 5px 0px; margin: 2px 0px 3px 0px; line-height: 1.3em; list-style: none outside;}

#footer {clear: both; padding: 4px; margin-top: 10px; background-color: #F2F2F2; font:7pt tahoma; font-weight: normal; color: #888; text-align: right;}
#footer A:link {color: #666; text-decoration: none;}
#footer A:hover {color: #666; text-decoration: underline;}
#footer A:visited {color: #666; text-decoration: none;}
#footer p {margin: 0px 0; padding: 0;}
#footer ul {margin: 0px 0px 0px 5px; padding: 0;}
#footer li {display: inline; margin: 0; padding: 0px; border: 0;}	

#note {background: #fff; padding: 0px 0px 10px 0px;  margin: 10px 7px 0px 5px;}
#note p {font: 8pt/15pt arial; color: #8E8E8E; padding: 5px 5px 0px 5px; margin: 0px 0px 5px 0px;}
p.entryinfo {font-size: 90%; background: transparent url(images/hr_line.gif) no-repeat bottom; padding: 0px; margin: 0px; text-align: right;}

#note ul {font: 8pt/12pt arial; color: #8E8E8E; margin: 10px 0px 0px 15px; padding: 0px}
#note li {display: block; margin: 0px; padding: 0px 5px 0px 15px;  background: transparent url(images/li_bullet.gif) no-repeat 0px 6px; list-style: none outside;}

.dropshadow2 {float:left; clear:left; background: url(images/shadowAlpha.png) no-repeat bottom right !important; background: url(images/shadow.gif) no-repeat bottom right; margin: 10px 10px 5px 10px !important; margin: 10px 10px 5px 5px; padding: 0px;}
		
.innerbox {position: relative; float: left; bottom: 6px; right: 6px; border: 1px solid #999999; padding: 4px; margin: 0px 0px 0px 0px;}
.innerbox {\margin: 0px 0px -3px 0px; ma\rgin: 0px 0px 0px 0px;}
.innerbox p {font-size: 10px; margin: 3px;}
.innerbox img {border: 1px solid #C6C6C6; padding: 0px; margin: 0px;}

.thumbnail {font: 8pt arial; color: #8E8E8E; float: left; border: 1px solid #999; margin: 10px 15px 15px 0; padding: 5px;}
.clearboth { clear: both; }

#msg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

/**************************************************************

	Validate
	v 2.0

**************************************************************/

#myForm label {
	float: left;
	width: 100px;
}

#myForm input, #myForm textarea, #myForm select {
	border: 1px solid #cac9b9;
}

#myForm .red {
	border: 1px solid red;
}

#myForm label.red {
	border: none;
	color: red;
}

#myForm .customRed {
	border: none;
	color: red;
}

#myForm #submit {
	margin-left: 150px;
}

#validationMessage {
	padding: 2px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;
}

#myForm .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}


/*************************************************************/

/* Auto Form */
span.required{color:red;width:5px}

form.autoform{max-width:500px; padding:20px 5px;}
#contentwrap form.autoform img{float:none}
form.autoform .fieldstatus a{border:none}
form.autoform .fieldstatus a:hover{background:none}
form.autoform div{margin:2px 0; clear:both;}

/* Labels / Messages */
form.autoform label{padding:6px}
form.autoform .msg.icon{padding:2px 5px 2px 15px; margin:0 10px}
form.autoform span.error.icon{background:#FFF6CF url(images/icons/icon_alert.gif) 7px center  no-repeat; display:inline}
form.autoform span.ok.icon{background:#D7FFCF url(images/icons/tick.png) 7px center  no-repeat; display:inline}
form.autoform span.info.icon{background:#DFF0FF url(images/icons/help.png) 7px center no-repeat; display:inline}
form.autoform label{width:150px; display:block; float:left;}
form.autoform span.required{float:left}

/* Inputs */
form.autoform input[type="text"]{padding:2px;}
form.autoform select{width:190px}
form.autoform label.checkbox,form.autoform label.radio{width:auto; float:left; display:inline;}
form.autoform div#checkboxdiv input, div#radiodiv input{float:left; display:inline;}

/* Submit */
form.autoform div#submitdiv{margin-left: 100px; margin-top: 2px; width: 90px;}
form.autoform input[type="submit"]{}

form.autoform .msg, form.autoform .fieldstatus{padding:2px; margin:0 10px}
form.autoform .fieldstatus{margin:0; cursor:pointer;}
img,a{padding:0;margin:0;}

/* Compact Style Message */
form.autoform span.error, div.alert{background:#FFF6CF; border:1px solid #FFDA2F; display:none}
form.autoform span.ok{background:#D7FFCF; border:1px solid #8ED181; display:none}
form.autoform span.info{background:#DFF0FF ; border:1px solid #6FBBFF; display:none}
