/* CSS Document */

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }

html { overflow-y: scroll; }

body { 
    margin: 0px 0px;
    padding: 0px;
    text-align: center;
	font: 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background:url(images/bkgdgrad.jpg) repeat-x top;*/
	background-color: #777;
}

/* ul { list-style: none inside; } */

p { 
	font: 1.3em/1.3em; 
	margin-bottom: 1.3em;
}

a { outline: none; }

a img { border: none; }
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }

.floatright { float: right; }

.clear { clear: both; }

.transpBlack { background: url(transpBlack.png); }
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */

#container {
	overflow: auto;
	width: 800px;
	margin: 8px auto;
	padding: 0px;
	background-color: #FFF;
	text-align: left;
	border: 2px #000000 solid;
	}

#banner {
	width: 540px;
	height: 190px;
	float: left;
	padding: 0px;
	background-color: #FFF;
	overflow: hidden;
	}

#main-table {
	width: 540px;
	float: left;
	}
	#main-table .col1 {
		float: left;
		width: 180px;
		padding: 5px;
		background-color: #f7b98a;
		background: #f7b98a url(images/orange-grad.jpg) left repeat-y; 
		}
	#main-table .col1 p {
							padding-left: 10px;
							}
	#main-table .col2 {
		float: right; 
		width: 340px;
		padding: 5px;
		}

#col3 {
	width: 260px;
	float: right;
	padding: 0px;
	background-color: #DDDDDD;
	background: #EEEEEE url(images/grey-grad.jpg) left repeat-y; 
	}
	#col3 p { margin-bottom: .5em;
  			  padding-left: 10px;
 			}

#prefooter {
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background-color: #FFF;
	text-align: center;
}

#footer {
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background-color: #000;
	text-align: center;
	font-size: 11px;
	font-style: normal;
	color: #FFF;
	}
	#footer a:link    { color: #CCCCCC; text-decoration: underline; }
	#footer a:visited { color: #CCCCCC; text-decoration: underline; }
	#footer a:active  { color: #999999; text-decoration: underline; }
	#footer a:hover   { color: #dcecf6; text-decoration: none; }
	
#subfooter {
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background-color: #999;
	text-align: justify;
	font-size: 11px;
	font-style: normal;
	color: #555;
	}


/* ------------------------------------------ */
/* ELEMENTS */
/* ------------------------------------------ */

h1 { font-size: 24px; margin-bottom: 10px; }
h2 { font-size: 20px; margin-bottom: 10px; }
h3 { font-size: 18px; margin-bottom: 10px; }
h4 { font-size: 16px; margin-bottom: 10px; }
h5 { font-size: 14px; margin-bottom: 10px; }
h6 { font-size: 11px; margin-bottom: 10px; }
hr { margin-bottom: 10px; height: 1px; color: #777; }

sup { font-size: 75%; }

		
/* ------------------------------------------ */
/* CLASSES */
/* ------------------------------------------ */

.b { font-weight: bold; }
.i { font-style: italic; }
.norm { font-weight: normal; }
.red { color: #990000; }
.green { color:#008040; }
.sm { font-variant: small-caps; }
.big { font-size: 16px; }
.small { font-size: 10px; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.space { margin-bottom: 30px; }
.mgauto { margin-left: auto; margin-right: auto; }
.nomargin { margin: 0; }

.orange { color: #f4793e; }
.white { color: #FFF; }

.fineprint { font-size: 9px; }

p.bottom { margin-bottom: 384px; }

.submitStyle { 
	border: none; 
	background: #DDDDDD url('images/submit.jpg'); 
	width: 106px; 
	height: 32px;
	cursor: pointer;
	}

.window p img { border: #FFFFFF solid 3px; }


/* ------------------------------------------ */
/* LINKS */
/* ------------------------------------------ */

a:link    { color: #000000; text-decoration: underline; }
a:visited { color: #000000; text-decoration: underline; }
a:active  { color: #CCCCCC; text-decoration: underline; }
a:hover   { color: #f4793e; text-decoration: none; }