/* CSS Document */

body {
	background: #CCCCCC url("images/pattern.jpg") repeat;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.shadow {
	text-shadow: black 1px 1px 2px;
}

/*layout*/

div#container {
	position: absolute;
	top: 4px;
	left: 100px;
	width: 800px;
	height: 777px;
	padding-left: 25px;
	background: white url(images/edgeShadow.jpg) repeat-y;
}

div#homecontainer {
	position: absolute;
	top: 4px;
	left: 100px;
	width: 734px;
	padding-left: 25px;
	height: auto;
	background: #5d5d5d url(images/edgeShadow.jpg) repeat-y;
}


div#header {
	position: relative;
	top: 1px;
	left: 0px;
	width: 798px;
	height: 95px;
	background-color: #393939;
}

div#homeheader {
	position: relative;
	top: 1px;
	left: 0px;
	width: 732px;
	height: 95px;
	background-color: #393939;
}

div#homelogin, div#login {
	font-size: 10px;
	position: absolute;
	top: 4px;
	right: 6px;
	text-align: right;
	vertical-align: top;
	z-index: 50;
}

div#qlinks {
	padding-top: 13px;
/*	background-image: url("images/sidebg_repeat.gif");*/
	background-repeat: repeat-y;
	display: block;
	background-color: #EAEAEA;
	width: 165px;
	overflow: hidden;
	padding-left: 9px;
	float: left;
}

div#qlinkscontent {
	vertical-align: top;
	width: 145px;
}

div#qlinksban {
	position: relative;
	top: 0px;
	left: 1px;
	width: 175px;
}

div#homecontent {
	float: left;
	width: 550px;
	vertical-align: top;
}

td#supportcontbg {	background: url("images/indexgraybg_repeat.gif") repeat-x; }


div#supportcontent {
	margin: 10px 0px 4px 10px;
}
		
div#topic {
	position: absolute;
	top: 108px;
	left: 203px;
	vertical-align: top;
}

div#content {
	position: absolute;
	top: 155px;
	left: 150px;
	border: 1px solid white;
	padding-left: 27px;
	padding-right: 48px;
	width: 543px;
	margin-left: 54px;
	height: 528px;
	overflow: auto;
	z-index: 20;
}

div#border {
	position: absolute;
	top: 680px;
	left: 200px;
}
#container #border {
	display: none;
}

div#ftline {
	position: relative;
	top: 68px;
	left: 0px;
	width: 7px;
}

div#footer {
/*	float: left;*/
	position: relative;
	border: 1px solid white;
	background-color: #3a3a38;
	width: 797px;
	text-align: center;
	vertical-align: top;
}

div#homefooter {
	float: left;
	background-color: #3a3a38;
	width: 729px;
	border: 2px solid white;
	text-align: center;
	vertical-align: top;
}
.left {
	float: left;
}

/*internal pg*/

div#container2 {
	position: absolute;
	top: 0px;
	left: 100px;
	width: 741px;
	background-color: #fff;
	padding-left: 25px;
	background: #5d5d5d url(images/edgeShadow.jpg) repeat-y;
}

div#header2 {
	position: relative;
	top: 1px;
	left: 0px;
	width: 740px;
	background-color: #393939;
}

div#sidesec {
	position: relative;
	top: 0px;
	left: 0px;
}

div#sidecontent {
	width: 240px;
	height: 400px;
	overflow: auto;
}

div#sidecontent .maintxt {
	display: block;
	padding-right: 10px;
	padding-left: 10px;
}

div#sidebar-gallery {
	display: block;
	padding-right: 0px;
	padding-left: 0px;
}

div#sidebanner {
	width: 240px;
	overflow: hidden;
}

div#sidebanner-home {
	position:  relative;
	top: 0px;
	left:-9px;
	width: 174px;
	overflow: hidden;
	z-index: 150;
}

div#sidebanner-gallery {
	position:  relative;
	top: 0px;
	left: 0px;
	width: 179px;
	overflow: hidden;
	z-index: 150;
}


div#content2 {
	width: 445px;
	height: 481px;
	overflow: auto;
}

#container2 #righttd, #container2 #centertd {
	background: white url(images/outline_bot.gif) bottom left repeat-x;
}

div#border2 {
	position: absolute;
	top: 680px;
	left: 312px;
	width: 448px;
	overflow: hidden;
	display: none;
}

div#footer2 {
	position: relative;
	top: 0px;
	left: -3px;
	background-color: #3a3a38;
	border: 2px solid white;
	width: 737px;
	text-align: center;
	margin-left: 3px;
	vertical-align: top;
}


/*affiliate menu*/
td#affmenu {
	position: relative;
	top: 25px;
	left: 103px;
	display: inline;
	padding: 5px;
	margin: 3px;
	width: 400px;
}

td#affmenu ul { /*crossbar*/
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	display: inline;
	padding: 0;
	border: 1px solid black;
	margin: 0;
	list-style: none;
}
td#affmenu ul li a { /*crossbar anchor*/
	margin: 4px;
	text-decoration: none;
	font-size: 13px;
	color: white;
}
td#affmenu ul li { /*crossbar list item*/
	float: left;
	border-right: 1px solid #222;
}
td#affmenu ul li ul { /*dropdown list*/
	font-size: 24px;
	position: absolute;
	z-index: 150;
	display: none; /*gets overridden later*/
	background: white;
	width: 170px;
	border: 3px solid black;
	padding-left: 0;
	margin-left: 0;
	font-size: small;
}
td#affmenu ul li a:HOVER { /*any list item hover*/
	background-color: #555;
}
td#affmenu ul li:HOVER ul, div#menu ul li.iehover ul { /*dropdown menu*/
	display: block; /*makes dropdown visible*/
}
td#affmenu ul li ul li { /*dropdown item*/
	display: block;
	float: none;
	border: 0.1em solid #000;
	margin: 0;
	padding: 0;
}
td#affmenu ul li ul li a { /*dropdown item anchor*/
	display: block;
	color: black;
	padding-left: 2px;
	padding-right: 0.2em;
	padding: 2px 6px;
	margin: 0;
}
td#affmenu ul li ul li a:HOVER {
	background-color: #DDD;
}



/*styles*/

img { border: none; }

#logintxt {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #ccc;
}

#savetxt {
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 9px;
	letter-spacing: 0px;
}

span.qlinktxt {
	color: #000;
	font-size: 10px;
	letter-spacing: 0px;
	line-height: 16px;
}

a.qlink:link, a.qlink:visited {
	font-size: 10px;
	letter-spacing: 0px;
	line-height: 16px;
	text-decoration: none;
	color: #bd0101;
}

a.qlink:hover {
	font-size: 10px;
	letter-spacing: 0px;
	line-height: 16px;
	text-decoration: underline;
	color: #bd0101;
}

span.homemaintxt {
	color: #cccccc;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 16px;
	font-weight: bold;
}

span.hometxt {
	color: #999999;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 16px;
	font-weight: bold;
}	

a.hometxtlink:link, a.hometxtlink:visited {
	color: #999999;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: underline;
}	

a.hometxtlink:hover {
	color: #999999;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
}	

span.homesubtxt {
	color: #999999;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 13px;
	font-weight: bold;
}	

a.homesubtxtlink:link, a.homesubtxtlink:visited {
	color: #000;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 13px;
	text-decoration: none;
	font-weight: bold;
}

a.homesubtxtlink:hover {
	color: #000;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 13px;
	text-decoration: underline;
	font-weight: bold;
}

span.smalldiv {
	color: #000;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 13px;
	text-decoration: none;
	font-weight: bold;
}
	

span.maintxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 13px;
}

a.subnav:link, a.subnav:visited, #private_nav a {
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	letter-spacing: 0px;
	text-decoration: none;
}

a.subnav:hover, #private_nav a:hover {
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	letter-spacing: 0px;
	text-decoration: underline;
}

span.minidivi {
	font-size: 13px;
	color: #fff;
	letter-spacing: 0px;
	text-decoration: none;
}

span#subtxt {
	
	font-size: 11px;
	color: #999999;
	letter-spacing: 0px;
	text-decoration: none;
}

a.sublink:link {
	font-size: 11px;
	color: #999999;
	letter-spacing: 0px;
	text-decoration: underline;
}

a.sublink:visited, a.sublink:hover {
	font-size: 11px;
	color: #999999;
	letter-spacing: 0px;
	text-decoration: none;
}

span#sidetxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 20px;	
}

span#subhead {
	font-size: 14px;
	line-height: 18px;
	color: #000;
	letter-spacing: 1px;
	font-weight: bold;
}

span#contactxt {
	font-size: 13px;
	line-height: 18px;
	color: #666666;
}


a:link, a:visited {
	font-size: 13px;
	line-height: 18px;
	color: #000;
	text-decoration: underline;
}

a:hover {
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	text-decoration: underline;
}

span.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 22px;
	font-style: italic;
}
	

/*form*/

form { vertical-align:top; font-size: 10px; }

label {
	width: 11em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ccc;
	font-weight: bold;
}
.login {
	font-size: 10px;
}

input.username, .password {
	border: 1px solid #adadad;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	width: 120px;
	background-color: #ccc;
}

/*main menu*/
div#menu {
	position: absolute;
	top: 70px;
	left: 300px;
	display: block;
	padding: 5px;
	margin: 0;
	width: 400px;
	z-index: 100;
}
/* main menu for contnet2 style pages*/
div.c2menu#menu {
	top: 12px;
	left: 335px;
}
div#menu ul { /*crossbar*/
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	
	display: inline;
	padding: 0;
	border: 1px solid black;
	margin: 0;
	list-style: none;
}
div#menu ul li a { /*crossbar anchor*/
	margin: 4px;
	text-decoration: none;
	font-size: 13px;
	color: white;
}
div#menu ul li { /*crossbar list item*/
	float: left;
	border-right: 1px solid #666;
}
div#menu ul li ul { /*dropdown list*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24px;
	position: absolute;
	display: none; /*gets overridden later*/
	background: white;
	width: 175px;
	border: 3px solid black;
	padding-left: 0;
	margin-left: 0;
	font-size: small;
}
div#menu ul li a:HOVER { /*any list item hover*/
	background-color: #555;
}
div#menu ul li:HOVER ul, div#menu ul li.iehover ul { /*dropdown menu*/
	display: block; /*makes dropdown visible*/
}
div#menu ul li ul li { /*dropdown item*/
	display: block;
	float: none;
	border: 0.1em solid #000;
	margin: 0;
	padding: 0;
}
div#menu ul li ul li a { /*dropdown item anchor*/
	display: block;
	color: black;
	padding-left: 2px;
	padding-right: 0.2em;
	padding: 2px 6px;
	margin: 0;
}
div#menu ul li ul li a:HOVER {
	background-color: #DDD;
}

/*login area*/

#private_nav {
	position: relative;
	top: 6px;
	background-image: url(images/sidebar_illus_blank.jpg);
	border-left: 2px solid #666666;
	background-repeat: repeat-y;
	color: white;
	width: 160px;
	height: 574px;
	padding: 10px;
}
#private_nav ul {
	list-style: none;
	margin-left: 0px;
	padding: 0px;
}
#private_nav li {
	display: block;
	margin: 4px;
}
