* {
padding:0px;
margin:0px;
}

img {
border:0px;
}

body {
font-family:Trebuchet MS, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
background:white url("images/bodyBgGreen.png") repeat-x;
}

h2 {
font-size:14px;
}

h3 {
font-size:14px;
}

p {
margin-bottom:15px;
}

/* main page structure */
#mainWrapper {
min-width:900px;
width:94%;
background:white;
float:left;
position:relative;
left:50%;
margin-left:-47%;
}

/*min-width fix for Internet Explorer 6 - introduces 2 new divs on our page */
* html .minwidth {border-left:900px solid #fff; position:relative; float:left; z-index:1;}
* html .container {margin-left:-900px; position:relative; float:left; z-index:2; text-align:left;}
/* end of fix */

#header {
background:url("images/bodyBgGreen.png") repeat-x;
height:162px;
float:left;
width:100%;
}

#logo {
margin:39px 0 0 25px;
background:url("images/logoGreen.png") no-repeat;
float:left;
width:315px;
height:83px;
}

#logo h1 {
display:none;
}

#avaLogo {
background:url("images/avaLogoGreen.gif") no-repeat;
width:238px;
height:105px;
float:left;
clear:none;
margin:25px 0 0 5px;
}

#nav {
height:39px;
width:100%;
float:left;
clear:both;
margin-top:-7px;
}

#nav ul li {
display:inline;
}

#nav ul li.selected a {
background:url("images/navBg.gif") repeat-x;
color:white;
padding:0 20px 0 20px;
}

#nav ul li a {
clear:none;
float:left;
color:#669933;
text-decoration:none;
font-size:12px;
font-weight:bold;
display:block;
margin-left:20px;
line-height:39px;
padding:0 20px 0 20px;
}

#nav ul li a:hover {
color:white;
background:url("images/navBg.gif") repeat-x;
}

.quickSearch {
margin:5px 15px 0 0;
float:right;
display:block;
line-height:15px;
}

.quickSearch label {
display:none;
}

.quickSearch input.inputText {
width:123px;
line-height:16px;
height:16px;
vertical-align:middle;
}

.quickSearch button.search {
width:24px;
height:24px;
background:url("images/icons/search.png") no-repeat;
border:0px;
vertical-align:middle;
cursor:pointer;
}

.quickSearch button span {
display:none;
}

#leftCol {
float:left;
width:20%;
padding-bottom:10px;
font-size:11px;
font-weight:bold;
}

#leftCol .mHL, #leftCol h2 {
margin-top:10px;
height:35px;
}

#leftCol .mHL {
background:url("images/leftColHeaderLeft.gif") no-repeat #cef1fc;
width:10px;
float:left;
clear:both;
}

#leftCol h2 {
background:url("images/leftColHeaderRight.gif") no-repeat top right #cef1fc;
color:#1590aa;
width:90%;
float:left;
clear:none;
line-height:42px;
padding-left:5px;
font-size:14px;
}

/*fix the padding and margin issues on IE 6 with the menu*/
* html #leftCol .menu li a {padding-left:0px;margin-left:10px;margin-right:-10px;}
* html #leftCol .menu li.selected {padding-left:0px;}
* html #leftCol .menu li.selected .catChildren {margin-left:0px;padding-left:15px;padding-right:-15px;}
* html #leftCol .menuContent {margin-top:-7px;}
* html #leftCol .menu .catChildren  {padding-left:0px;margin-left:18px;margin-right:-18px;}
/* end of menu fix */

#leftCol .menuContent {
background:#cef1fc url("images/leftColBotLeft.gif") bottom left no-repeat;
float:left;
width:90%;
padding:0 0px 3px 15px;
}

#leftCol .menuContent .botRight {
background:#cef1fc url("images/leftColBotRight.gif") bottom right no-repeat;
float:right;
height:12px;
width:12px;
position:relative;
top:3px;
}

#leftCol .menu {
margin-left:-15px;
padding-right:5px;
}

#leftCol .menu li a {
padding-left:15px;
}

#leftCol .menu .selected{
background:white url("images/mainMenuSelected.gif") right top no-repeat;
}

#leftCol .menu .selected a, #leftCol .menu .catChildren .selected a {
color:#cc3333;
font-weight:bold;
}

#leftCol .menu .catChildren {
background:#cef1fc;
margin:0px;
padding:0 0 0 20px;
}

#leftCol .menu .catChildren li {
padding:0 0 0 0;
margin:0px;
background:url("images/subMenu.gif") no-repeat left;
line-height:20px;
}

#leftCol .menu .catChildren li a {
color:#666666;
font-weight:normal;
font-size:11px;
}

#leftCol ul {
clear:both;
}

#leftCol ul li {
list-style:none;
color:#666666;
line-height:28px;
display:block;
}

#leftCol ul li a {
color:#666666;
text-decoration:none;
display:block;
font-size:12px;
font-weight:normal;
width:100%;
}

#leftCol ul li a:hover, #leftCol .menu .catChildren li a:hover {
color:#1590aa;
font-weight:bold;
}

#leftCol .quickLogin {
padding:8px 10px 10px 0;
color:#333;
}

#leftCol .quickLogin label {
display:block;
margin-bottom:2px;
font-size:11px;
font-weight:bold;
color:#666666;
}

#leftCol .quickLogin input.inputText{
margin:0px 0px 5px 0px;
width:123px;
}

#leftCol .quickLogin input.inputSubmit{
margin:5px 0px 2px 0px;
}

#leftCol .quickLogin label.rem{
display:block;
font-size:11px;
font-weight:normal;
line-height:16px;
padding:1px 0px 3px 0px;
}

#leftCol .quickLogin a {
display:block;
}

#leftCol ul li.lbUsername {
color:#993333;
}

.dropbox {
margin-right:10px;
display:block;
background:#ffffcc;
height:100px;
}

.dropactive {
height:100px;
}

.drophover {
background:#ffff99;
height:100px;
display:block;
}

.dropbox .info {
padding:15px;
font-weight:normal;
text-align:center;
}

.loading {
background:#ccff99;
height:100px;
display:block;
}

#mainContent {
float:left;
clear:none;
width:75%;
padding-left:10px;
}

#mainContent h1 {
font-size:18px;
margin:10px 0 0 7px;
color:#006699;
}

#mainContent h2.red {
background:url("images/contentHeaderBg.gif") no-repeat;
color:white;
width:144px;
height:32px;
line-height:32px;
margin:10px 0 0 7px;
padding-left:10px;
float:left;
clear:both;
font-size:14px;
}

#mainContent .contentBox {
border:#a71b1b 5px solid;
padding:10px;
float:left;
clear:both;
width:100%;
}

#footer {
background:url("images/footerBg.gif") repeat-x #016598 top;
width:100%;
float:left;
clear:both;
text-align:center;
color:white;
font-size:10px;
margin-top:15px;
padding:5px 0 5px 0;
}

#footer p {
margin-top:15px;
}
#footer p a.cube {
margin-left:0px;
}

#footer a {
color:white;
text-decoration:none;
margin-left:15px;
}

#footer a:hover {
text-decoration:underline;
}

/* generic classes */
.clearBoth {
clear:both;
}

.clearNone {
clear:none;
}

.bold {
font-weight:bold;
}

a.noline {
text-decoration:none;
}

a.small {
font-size:10px;
font-weight:bold;
}

.left {
float:left;
}

.right {
float:right;
clear:none;
}

.smallprint {
font-size:10px;
}

.padLeft {
padding-left:15px;
}

div.howto {
background:#ffffcc;
margin-top:15px;
padding:15px 15px 15px 15px;
line-height:20px;
width:50%;
display:block;
clear:both;
border:2px dashed #cccc00;
}

div.howto p.info {
background:url("images/icons/info.png") no-repeat;
padding-top:50px;
}

/* welcome block on the home page */
.welcomeBlock {
background:url("images/welcomeBg.png") repeat-x #cc3333;
float:left;
width:100%;
border:#990000 2px solid;
color:white;
margin-top:15px;
padding:10px 10px 10px 10px;
}

.welcomeBlock h2 {
color:white;
margin-bottom:15px;
text-transform:uppercase;
}

.welcomeBlock h2 a, .welcomeBlock h2 a:visited, .welcomeBlock h2 a:hover {
color:white;
text-decoration:none;
}

.welcomeBlock h2 a:hover {
text-decoration:underline;
}

.welcomeBlock p.marg {
margin-bottom:15px;
}

.welcomeBlock .intro, .welcomeBlock .register {
width:45%;
padding:8px 15px 8px 15px;
float:left;
}

/*disable the PNG images for IE6 - otherwise it screws up transparency*/
* html .welcomeBlock .intro, * html .welcomeBlock .register {background:none !important;}
/* end of fix */

.welcomeBlock .intro {
background:url("images/Picture.png") no-repeat bottom right;
}

.welcomeBlock .register {
background:url("images/Profile.png") no-repeat bottom right;
border-left:#990000 2px solid;
}

.welcomeBlock .register ul {
margin:10px 0 0 20px;
}

.advert {
text-align:center;
}

/* avatar gridview */
.avatarListing {
width:100%;
text-align:center;
margin:auto;
}

.avatarListing a {
display:inline;
margin:0 10px 0 auto;
}

.avatarListing a img {
border:3px solid #99ccff;
height:90px;
width:90px;
}

.avatarListing a:hover img {
border:3px solid #6699CC;
}

/* avatar detailview */
.detailView {
float:left;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #6699CC;
width:32%;
}

.detailView img {
float:left;
margin-right:15px;
border:3px solid #99ccff;
height:90px;
width:90px;
}

.detailView dl {
float:left;
clear:left;
}

.detailView dt.name {
display:none;
}

.detailView dd.name {
clear:left;
}

.detailView dd {
line-height:2em;
}

.detailView a:hover img {
border:3px solid #6699CC;
}

/* sub category listing */
ul.subcategories {
width:100%;
}

ul.subcategories li {
list-style:none;
width:30%;
display:block;
float:left;
line-height:24px;
background:url("images/icons/folder.png") no-repeat left;
padding-left:25px;
}

ul.subcategories li a {
text-decoration:none;
color:#6699cc;
font-weight:bold;
font-size:12px;
}

ul.subcategories li a:hover {
color:#003366;
}

div.catoptions {
float:left;
width:100%;
}

.catoptions a {
color:#003399;
}

.pagination {
font-size:11px;
padding-bottom:10px;
margin:5px 0 15px 0;
border-bottom:1px solid #6699CC;
float:left;
width:100%;
}

.pagination a {
width:30px;
margin-left:10px;
color:#003399;
text-decoration:none;
}

.pagination span.selected {
color:#003399;margin-left:10px;
font-weight:bold;
}

/* single avatar display */
.avaInfo {
float:left;
clear:none;
width:50%;
border-right:1px solid #ccc;
}

.avaInfo img{
display:block;
}

.avaInfo .bold {
font-weight:bold;
}

.avaInfo dl {
width:95%;
}

.avaInfo dd {
border-bottom:1px solid #6699CC;
line-height:2em;
}

.avaInfo dt, .detailView dt {
font-weight:bold;
float:left;
display:block;
width:100px;
line-height:2em;
}

.avaInfo dd, .detailView dd {
text-align:left;
display:block;
}

.avaInfo img {
vertical-align:middle;
}

.avaInfo ul {
list-style:none;
width:90%;
}

.avaInfo ul li {
border-bottom:1px solid #6699CC;
line-height:2em;
padding-left:5px;
}

.avaInfo .rate {
margin-top:3px;
line-height:20px;
}

.avaInfo .rate label.title {
width:100px;
display:block;
float:left;
margin-right:0px;
font-weight:bold;
}

.avaInfo .rate label{
margin-right:5px;
vertical-align:middle;
}

.avaInfo .rate input {
vertical-align:middle;
}

.useAvatar {
float:left;
clear:none;
margin-left:15px;
}

.useAvatar h3 {
background:none;
font-size:12px;
margin-bottom:5px;
}

.useAvatar .send, .useAvatar .host, .useAvatar .add {
margin:5px 0 5px 0;
padding:5px;
}

.useAvatar .send {
border:1px solid #cccc99;
background:#ffffcc;
}

.useAvatar .add {
border:1px solid #336600;
background:white;
}

.useAvatar .host {
border:1px solid #cccccc;
background:#99cc66;
}

.useAvatar .host select {
width:123px;
}

.useAvatar a.reportavatar, .useAvatar a.downloadavatar , .useAvatar button.addlightbox, .useAvatar button.remlightbox, .useAvatar button.setavatar {
line-height:25px;
padding-left:25px;
display:block;
font-weight:bold;
text-decoration:none;
margin-top:10px;
}

.useAvatar button.addlightbox {
background:url("images/icons/add.png") left no-repeat;
color:#339900;
}

.useAvatar button.remlightbox {
background:url("images/icons/remove.png") left no-repeat;
color:#993333;
}

.useAvatar button.setavatar {
background:url("images/icons/users.png") left no-repeat;
color:#993333;
}

.useAvatar button.addlightbox span, .useAvatar button.remlightbox span, .useAvatar button.setavatar span {
line-height:25px;
}

.useAvatar button.addlightbox, .useAvatar button.remlightbox, .useAvatar button.setavatar  {
text-align:left;
border:0px;
cursor:pointer;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
cursor:pointer;
}

.useAvatar a.downloadavatar {
background:url("images/icons/download.png") left no-repeat;
color:#339900;
}

.useAvatar a.reportavatar {
background:url("images/icons/report.png") left no-repeat;
color:#993333;
}

.useAvatar a.reportavatar:hover, .useAvatar a.downloadavatar:hover, .useAvatar button.addlightbox:hover, .useAvatar button.remlightbox:hover, .useAvatar button.setavatar:hover {
text-decoration:underline;
}

.avatarlinks {
border:0px;
padding:0px;
text-align:left;
width:100%;
}

.avatarlinks thead {
display:none;
}

.avatarlinks td input {
width:100%;
margin-left:5px;
}

.avatarlinks td.desc  {
width:175px;
text-align:right;
}

/* error/success message display */

.errorBlock {
width:50%;
background:#ffcccc;
border:#cc3333 dashed 2px;
padding:10px;
display:block;
margin-bottom:15px;
}

.errorBlock ul {
background:url("images/icons/error.png") no-repeat top left;
padding-top:50px;
}

.errorBlock ul li {
list-style:none;
margin-left:20px;
font-weight:bold;
}

.successBlock {
width:50%;
background:#ccffcc;
border:#339933 dashed 2px;
padding:10px;
display:block;
margin-bottom:15px;
}

.successBlock ul {
background:url("images/icons/success.png") no-repeat top left;
padding-top:50px;
}

.successBlock ul li {
list-style:none;
margin-left:20px;
font-weight:bold;
}

.successBlock a.successLink {
margin-top:15px;
display:block;
}

/* forms */

.defForm {
width:100%;
display:block;
margin-top:15px;
float:left;
}

.defForm fieldset {
border:0px;
float:left;
}

.defForm legend {
display:none;
}

.defForm label {
clear:left;
}

.defForm label span {
float:left;
display:block;
clear:left;
width:140px;
text-align:right;
margin-bottom:10px;
}

.defForm input, .defForm select, .defForm textarea{
width:100px;
margin:0 0 10px 15px;
float:left;
clear:none;
}

.defForm input.rem {
width:1em;
height:1em;
}

.defForm input.sub {
width:auto;
clear:both;
float:left;
margin-left:155px;
}

.defForm textarea.comments {
width:300px;
height:100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

form.search div.radio {
float:left;
}

/* search form */
form.search select, form.search input {
width:200px;
}

form.search input.radio {
width:auto;
margin:0px 0 0 15px;
float:none;
}

form.search label.radio {
margin-left:5px;
}

/*make sure the radio boxes line up properly in IE6*/
* html form.search label.radio, * html form.search input.radio {float:left;clear:none;line-height:18px;}
/* end of menu fix */

/* categories map */
ul.catParents li.parent {
margin:15px;
color:#666;
list-style:none;
font-weight:bold;
font-size:14px;
}

ul.catParents li.parent a {
color:#006699;
text-decoration:none;
}

ul.catParents li.parent a:hover {
text-decoration:underline;
}

ul.catChildren {
margin-top:10px;
}

ul.catChildren li.child {
margin-left:30px;
font-weight:normal;
font-size:11px;
color:#333;
}

/* faq and contact pages */
.faq p.question {
color:#006699;
cursor:pointer;
}

.faq .ans {
background:#f8f7f7;
border:1px solid #ececec;
padding:10px 10px 0 10px;
margin:10px 0 10px 10px;
display:block;
}