/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; background:#ededed} 
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#969696;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top;}
.clear { clear:both;}
.fleft{ float:left;}
.floatleft{float:left; width: 350px; padding-right: 25px; margin: 5px;}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top; color:#FFF; font-size:15px; font-weight:bold;}
.btn{ color:#003; background: url(images/button1.gif); width:90px; height:26px; font: bold small 'trebuchet ms',helvetica,sans-serif; text-align:center;
	  border:2px thin #DDDEE8; } 

a{color:#383838; text-decoration:underline} 
a:hover{text-decoration:none}

.link{color:#000000; background:url(images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em  }
.link:hover{text-decoration:underline }

.link1{color:#008080; font-weight:bold; display:block; margin-bottom:9px; text-decoration:none; }
.link1:hover{text-decoration:underline }

.link2{color:#666;}

.link3{color:#969696; text-decoration:none;}
.link3:hover{text-decoration:underline}

.link4{line-height:20px;}
.link5{line-height:20px; text-decoration:none; color:#000;}

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:23px; padding-bottom:2px; }
#content2 ul li{margin-left:23px;}
#content ul li a{color:#383838; text-decoration: underline; line-height:2em; font-weight:bold} 
#content ul li a:hover { text-decoration:none; }

.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}


/*header*/
#header {font-size:0.875em; color:#969696; overflow:hidden }
#header .logo{margin:-95px 0 0 28px; }
#header .indent{padding:62px 0 0 317px; width:228px}
#header .indent1{margin:10px 0 0 552px; width:335px; xposition:absolute}
#header .indent2{margin:66px 0 0 336px; xposition:absolute}
#header h2{color:#202020; font-style:italic; font-weight:normal; font-size:1em; margin-bottom:13px;  }
#header .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:10px; margin-bottom:8px}
#header .title{  margin-bottom:10px; margin-left:70px}

#header .ul{margin:0; padding:0; list-style:none; display:block; width:560px; }
#header .ul li{ margin:0; display:inline; padding:0; list-style:none; float:left;}
#header .ul li a{color:#ffffff; text-decoration:none; margin:0; width:110px; background:url(images/bg_menu.gif) top left no-repeat; text-align:center; display:block; xfloat:left ; padding:21px 0; margin-right: 2px;} 
#header .ul li a:hover { text-decoration:none; width:110px; background: transparent url(images/bg_menu-act.gif) top left no-repeat; padding:17px 0 23px;}
#header .ul li .current{ text-decoration:none; width:110px; background: transparent url(images/bg_menu-act.gif) top left no-repeat; padding:17px 0 23px;  }
#header #bgtab { height:0px; padding-left:4px; padding-right: 4px; color:#FFF; background:#3a3a3a; text-align:left; width: 143px; border: solid 1px #3a3a3a;}
#header #bgtab:hover{font-weight:700; color:#FFF; background: url(images/bgbutton.gif);}


#header .ul1{margin:0; padding:0; list-style-type: none;}
#header .ul1 li{background:url(images/button-1.gif) top left no-repeat; padding-left:45px; line-height:41px; margin-left:50px;  min-height:40px;}
#header .ul1 .li1{background:url(images/button-2.gif) top left no-repeat; }
#header .ul1 .li2{background:url(images/button-3.gif) top left no-repeat; }
#header .ul1 .li2c{background:url(images/button-3current.png) top left no-repeat; margin-left:0;}
#header .ul1 .li3{background:url(images/button-4.gif) top left no-repeat; }
#header .ul1 .li4{background:url(images/button-5.gif) top left no-repeat; }
#header .ul1 .li4c{background:url(images/button-5current.png) top left no-repeat; margin-left:0;}
#header .ul1 .li5{background:url(images/button-6.gif) top left no-repeat; }
#header .ul1 .li5c{background:url(images/button-6current.png) top left no-repeat; margin-left:0;}
#header .ul1 li a{color:#b0b0b0; text-decoration:none; line-height:2em; text-transform:uppercase; font-weight:bold} 
#header .ul1 .li a{color:#008080;}
#header .ul1 li a:hover { text-decoration:none; color:#008080 }



/*content*/
#content, #content2, #userweb{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:0 0 0 0}
#content .indent-col{padding:28px 0 0 27px}
#content .title{  margin-bottom:30px}
#content .title1{  margin-bottom:21px}
#content .title2{  margin:20px 0 14px 26px} 
#content .img-left{ float:left; margin:0 14px 0 0}
#content .img-indent{ margin:0 0 16px 0}
#content p, #content2 p{ margin:0 0 17px 0}
#content .p, #content2 .p{ margin:0 0 17px 0}
#content .p1, #content2 .p1{ margin:0 0 7px 0}
#content .p2, #content2 .p2{ margin:0}
#content2 h2{color:#666}
#content h4{color:#009999; font-size:1em; margin-bottom:13px;  }
#content h3{color:#202020; font-style:italic; font-weight:normal; font-size:1em; margin-bottom:7px;  }
#content h5{color:#383838; font-size:1em; margin-bottom:3px; text-transform:uppercase  }
#content .tail{ background:url(images/tail1.gif) repeat-x bottom; padding-bottom:10px; margin:0 -20px 17px -26px;}
#content .tail1{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:10px; margin-bottom:10px}
#content .tail2{ background:url(images/tail1.gif) repeat-x bottom;}

#content .indent, #content2 .indent, #userweb .indent{padding:0 20px 0 26px}
#content .indent1, #content2 .indent1, #userweb .indent1{padding:17px 10px 20px 26px}
#content .indent2, #content2 .indent2, #userweb .indent2{padding:9px 2px 0 0}
#content .indent3, #content2 .indent3, #userweb .indent3{padding:17px 20px 20px 26px}

#content .lanparagraph { font-weight: bold; color: #000;}
#content .lanparagraph h3{font-size: 13px; text-align:center; width:170px;}
#content .lanparagraph h4{ margin-bottom:3px;}
#content .lanparagraph h5{ text-transform:none; font-weight:normal;}
#content .paragraph { font-weight:500; color:#333;}\
#content #paragraph{vertical-align:top; width:1px; xheight:18px; color:#000; text-align: left;}
#content #paragraph2{ vertical-align:top; width:192px; xheight:18px; color:#000; text-align: center;}
#content #colorbg {background-color: #008080; height:18px; vertical-align:top;}
#content .tcontentleft, .tcontentmiddle, .tcontentright {vertical-align:top; height:18px; font-size: 12px; color:#000; font-weight:500;}
#content .tcontentleft {width:129px;}
#content .tcontentmiddle {text-align:center; width:371px;}
#content .tcontentright {text-align:center; width:293px;}
/*box*/
.box{ background:#ededed; width:100%; line-height:1.33em; color:#383838}
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:20px 20px 15px 26px; }
/*box1*/
.box1{ background:#ededed; width:100%; color:#333333;}
.box1 .border-top {background:url(images/border_top1.gif) repeat-x top;}
.box1 .corner-top-left {background:url(images/corner_top_left1.gif) no-repeat left top;}
.box1 .corner-top-right {background:url(images/corner_top_right1.gif) no-repeat right top;}
.box1 .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box1 .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box1 .indent-box{ padding:20px 20px 18px 26px; }
.box1 .indent-box1{ padding:20px 0 18px 0; }


/*footer*/
#footer { color:#969696; font-size:0.875em; text-align:right; line-height:1.78em}
#footer .indent-footer{ padding:43px 19px 0 50px;}
#footer a {color:#969696; text-decoration:none}  
#footer a:hover {  text-decoration:underline}
#footer span {color:#005D53;}  
#footer span a {color:#005D53; text-decoration:none}  
#footer span a:hover {  text-decoration:underline}
#footer .current {color:#005D53; text-decoration:underline}  
#footer .current:hover {  text-decoration:underline}


.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:26px}
.block-contact span{ float:right; margin-right:80px}
input{
	background:#FFFFFF;
	width:235px; height:18px;
	font-size:11px;
	padding-left:5px;
	padding-top:2px
}
textarea{
	background:#FFFFFF;
	width:235px; height:52px;
	font-size:11px;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
/*About Us*/
#quotes{font-size:16px; font-weight:bold;font-family:"Arial Black", Gadget, sans-serif;}

/*Terms of Service*/
#termsofservice ul li{
	list-style-type: square;
	color: #333;
}
#tos{
	color: #333;
	font-style:italic;
	margin-left: 50px;
}
#tos ul li{ list-style-type:lower-alpha;}

/*PPP Setup*/
.ppp{
	line-height:20px;
}

/*Shareware Directory*/
.shareware{border:solid 2px; width:600px; }
.shareware thead{text-align:center; font-weight:bold;}
.shareware tr td{border: dotted 1px; padding:3px;}

.table td{ vertical-align:top; width:200px;}
.green thead{background-color:#008080; color:#fff; font-weight:bold; text-align:center; font-size:16px;}
.green td{margin:3px; padding:3px;}

/*Products*/
.products{ border: solid 1px #696868; padding:3px; width:100%;}
.products a{color: #000;}
#products h2 a{text-decoration:none;}
.products thead td{ background: #696868; color: #FFF; font-weight:500; padding:5px; text-align:center;}
.products .lightheader {background: #696868; color: #FFF; font-weight:500; padding:5px; margin:4px; text-align:center;}
.products td{padding-left:10px; width:150px; padding:5px; }

/*Sitemap*/
.column1, .column2, .column3{font-size:12px; margin: 2px; padding:2px; line-height:20px;}
.column1 h3, .column2 h3, .column3 h3{font-size:14px; color:#383838;}
.column1 ul li, .column2 ul li, .column3 ul li{list-style-image:none; list-style-position:outside; list-style-type:none;}
.column1 a, .column2 a, .column3 a{ text-decoration:none}
.column1 a:hover, .column2 a:hover, .column3 a:hover{ text-decoration: underline;}
.column1, .column2{ margin-top:8px; float:left; width:32%;}
.column1{margin-left:0 !important;}
.column2{margin-left: 1%;}
.column3{margin-top: 8px; float:right !important; width:32%; margin-left:0;}
.small { font-size:11px; text-decoration:underline;}

/*Breadcrumbs*/
.breadcrumbs{	width:auto;
				padding:0px 10px 20px; color:#666; font-size:12px; font-weight:700;
}
.breadcrumbs img{height:14px;}
.breadcrumbsimg{float:left;background: transparent url(images/breadcrumb_arrow.gif) no-repeat scroll right center; padding-right:16px;}
.separator{color:#666; font-size:12px; font-weight:700; text-decoration:none;float:left;}
.separator:hover{text-decoration:underline;}
.error{color: red;}

/*Security*/
.security{ border: outset 2px #696868; float:left;}

/*Hardware*/
#content .hardware1, #content .hardware2{ float:left; width:297px; height:1200px; background-color:#fff; padding:2px;}
#content .hardware1 h2, .hardware2 h2{color: #009999;}
#content .hardware1 h4, #content .hardware2 h4{color: #333;}

/*Community Web*/
.communitytable td{ padding:3px; color: #fff; background-color:#408080}
.communitytable {color:#fff; margin:3px;}

/*Support*/
#codntent .support ul li{ list-style:decimal; list-style-type:decimal;}

/*User Pages*/
.userpages{border:solid 2px; width:600px; }
.userpages tr td, .userpagesletters tr td{border: inset 1px; padding:3px; text-align:center;}
.userpagesletters{border:solid 2px; width:200px;}


