/* CSS Document */
html, body {
	display: block;
	width: 820px;
	margin: 6px auto 0px auto; /* top, right, bottom, left */
	text-align: center;
}

body {
	font: 11px Verdana, sans-serif;
	text-align: left;
	color: #555555;
	background-color: #FFFFFF;
}

a { text-decoration: none; }
	
p { margin: 5px 5px 5px 5px; line-height: 17px; }
p.Contact { color: #666666; background-color: #FFFFFF; }

label, input, textarea { display: block; float: left; width: 250px; margin: 5px 0px 5px 0px } 
label { 
	width: 80px; 
	padding: 0px 20px 0px 5px; /* top, right, bottom, left */
	font-weight: bold; 
	text-align: right;
 }

input, textarea { border: 1px solid #666666; color: #666666; background-color: #FFFFFF }
input#fminfofull { border: none; background-color: #FFFFFF }
input:focus, .Text:focus input, textarea:focus, .Text:focus textarea { background-color: #DCDCDC }
.Text:focus { background-color: red; /* Dummy definition to overcome IE bug */ }
input.Submit { width: 86px; margin-bottom: 5px; color: #454545; background-color: #DFDFDF }
input.Submit:focus, .Submit:hover, .Submit:hover input { background-color: #A9A9A9 }
.Submit:hover { color: red; }
br { clear: left; }
hr { height: 1px; width: 98%; border: thin; background-color: #666666 }
hr.red { background-color: #FF0000 }

.header1 { 
	font-size: 15px; 
	font-weight: bold; 
	color: #404040; 
	background-color: #FFFFFF
}
.header2 { font-weight: bold; color: #404040; background-color: #FFFFFF }
.header2#just { text-align: justify }
.header2#left { text-align: left }
.header2#attgrab { text-align: justify; text-decoration: underline }
.header3 { font-size: 13px; color: #000000; background-color: #FFFFFF }
.header3:hover { color: #FF0000; background-color: #FFFFFF }
	
.centersys { font-size: 10px; font-weight: bold color: #333399; background-color: #FFFFFF } 
.centersys#copy { color: #333399; background-color: #FFFFFF; text-decoration: none }
.centersys:hover { color: #FF0000;	background-color: #FFFFFF; text-decoration: underline }

.bold { font-weight: bold; }

.center { 
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center 
}

.txtgrey1 { line-height: 18px }
.txtgrey1j { text-align: justify }
.txtgrey2j { text-align: justify }
.txtgrey3 { color: #404040; background-color: #FFFFFF }
.txt-sm-grey1 { color: #666666; background-color: #FFFFFF; font-size: 10px }
.txtdark4 { font-weight: bold; color: #404040; background-color: #FFFFFF }
.txtdark4#title, #title1, :visited { text-decoration: underline }
.txtdark4:hover { color: #FF0000; background-color: #FFFFFF; text-decoration: underline }

.txtconfirm {
	line-height: 18px;
	font-size: 11px;
	text-align: justify;
	color: #ff0000;
	background-color:#FFFFFF;
}

#header { float: left; height: 101px; width: 100% }

#logo { float: left; width: 180px; height: 81px }

#picture {
    float: right;
    height:19px;
    width: 251px;
    top: 90px;
}

#navbar {
	float: left;
	height: 18px;
	margin-left: 56px;
	margin-top: 52px;
}

#navbar2 {
	float: left;
	height: 16px;
	margin-top: 36px;
	margin-left: 4px;
}

#iconbar { float: right; height: 35px; margin-top: 26px }

#menubar {
	float: left;
	width: 100%;
	height: 20px;
	background: #FFFFFF url(includes/tmenu/menubarbkground.jpg);
	color: #000000;
}

.container {
	float: left;
	width: 818px;
	height: auto;
	border-left: #DAD8D8 1px solid;
	border-right: #DAD8D8 1px solid;
	border-bottom: #DAD8D8 1px solid;
	text-align: left;
}

.container#main { width: 100%; border: none }

#pplimgbox { float: left; width: 272px; height: 166px; }

#scriptsrvbox {
	float: left;
	width: 352px;
	height: 166px;
	padding: 2px;
	
}

#cysimgbox { float: left; width: 192px; height: 166px }

#cysflashbox {
	float: left;
	width: 545px;
	height: 186px;
	border-top: #DAD8D8 1px solid;
	border-right: #DAD8D8 1px solid;
	border-bottom: #DAD8D8 1px solid;
}
	
.clearbox {
	float: left;
	width: 100%;
	line-height: 4px;
	height: 4px;
}
.clearbox1 { float: left; width: 6px; height: 186px }
	
.infobox {
	float: left;
	width: 272px;
	height: 186px;
	border: #DAD8D8 1px solid;
}
	
.infobox1 {
	float: left;
	width: 258px;
	height: 186px;
	border: #DAD8D8 1px solid;
}

#sidebar { float: left; width: 150px; height: auto; }
	
#sidebar > p {
	margin: 10px 10px 10px 10px;
}

#content {
	float: left;
	width: 498px;
	height: auto;
	min-height: 500px;
	padding: 0px 5px 5px 5px;
	border-left: #DAD8D8 1px solid;
	border-right: #DAD8D8 1px solid;
}
* html #content {  height: 500px } /* IE min-height hack */

#content1 {
	float: left;
	width: 656px;
	height: auto;
	min-height: 500px;
	padding: 0px 5px 10px 5px; /* top, right, bottom, left */
	border-left: #DAD8D8 1px solid;
}
* html #content1 {  height: 500px } /* IE min-height hack */

#rightbar { float: left; width: 156px; height: auto }
	
.section {
	display: block;
	width: 150px;
	height: 200px;
	margin: 0px 6px 0px auto;
	text-align:center;
}

.section_divider {
	width: 158px;
	height: 24px;
	border-bottom: #DAD8D8 1px solid;
	margin-bottom: 24px;
}
	
#loginbox_cont {
	width: 100%;
	height: auto;
	text-align: center;
}

.loginbox { width: 50%; height: auto }

#quest {
	display: block;
	width: 460px;
	/*height: 404px;*/
	margin: 0px auto 0px auto;
	padding: 10px;
	text-align: center;
	border-top: #DAD8D8 5px solid;
	border-left: #777777 5px solid;
	border-right: #DAD8D8 5px solid;
	border-bottom: #777777 5px solid;
	color: #000000;
	background-color: #FFFFFF;
}

.prodbox {
	float: left;
	width: 250px;
	height: 90px;
	padding: 0px 0px 30px 10px; /* top, right, bottom, left */
}	

.prodbox1 {
	float: left;
	width: 300px;
	height: 90px;
	padding-bottom: 30px;
}

.prodimgbox {
	float: left;
	width: auto;
	height: auto;
	padding-right: 5px;
}

.prodimgbox1 {
	float: right;
	width: auto;
	height: auto;
	padding-left: 5px;
	text-align: right;
}

#tdwflashbox { width: 100%; height: 85px }

#footer {
	float: left;
	width: 100%;
	height: 18px;
	margin-top: 16px;
	padding: 8px;
	text-align: center;
	background:url(images/border_top_1.gif) no-repeat;
}