/* -------- LAYOUT -------- */
body {
margin: 15px 0 15px 0;
padding: 0;
text-align:center;

background: url(images/layout/background.jpg) no-repeat top center;
background-color: #3A87D7;
}
#wrapper {
margin: 0 auto;
padding: 0;
width: 775px;
text-align:left;

background-color: #fff;
}
#header {
margin: 0;
padding: 0;
height: auto;

background: url(images/layout/headerbackground.jpg) top left;
background-color: #005BC3;
}
#spacer {
margin: 0; padding: 0 10px 0 0;
float: left;
height: 162px;
width: 165px;

xbackground-color: #663399;
}
#minorlinks { float: right; width: 170px; padding: 5px 8px 0 0; text-align: right; }

* html #nav { height: 40px; }
#nav {
clear: left;

margin: 0;
padding: 0;
height: 41px;
background-color: none;
border-bottom: solid 2px #cc0000;
}
#content {
clear: both;
margin: 0;
padding: 0;
border-right: solid 1px #B3CFEA;
border-left: solid 1px #B3CFEA;

background-color: #6699FF;
}


#subnav {
float: right;
width: 131px;
margin: 0;
padding: 20px;
border-left: solid 1px #fff;
}

#maincontent {
float: left;
width: 600px;
margin: 0;
padding: 0;
}

#lcolum {
float: left;
width: 345px;
margin: 0;
padding: 20px 40px 20px 40px;
}

#rcolum {
float: right;
width: 135px;
margin: 0;
padding: 20px;
}

#clear {
margin: 0;
padding: 0;
clear: both;
height: 5px;
}
#foot {
	margin: 0;
	padding: 10px;
	height: 23px;
	clear: both;
	background: url(images/layout/headerbackground.jpg);
	background-position: 0 -163px;
}

.block {
margin: 0; padding-bottom: 30px;
}

/* -------- NAVIGATION -------- */
#nav ul {
margin: 0;
padding: 0px;
text-align: left;
background-color: #FF9900;
}
#nav li, .spacer {
float: left;
list-style-type: none;
margin: 0 2px 0 0;
padding: 21px 0px 5px 0px;
}
#nav a, .spacer {
text-decoration: none;
background-color: #cc0000;
margin: 0;
padding: 20px 5px 5px 5px;
border-top: solid 1px #fff;

background: url(images/layout/nav-backgrounds.jpg) top left;

}
#nav #active {
padding: 3px 5px 4px 5px;
border-top: none;
border-bottom: solid 1px #fff;
text-decoration: none;
}
#nav a {
color: #fff;
}
#nav a:hover {
text-decoration: underline;
}


a {
color: #136FCE;
}

a:hover {
text-decoration: none;
color: #136FD3
}
#foot a {color: #fff; text-decoration: none;}
#foot a:hover {text-decoration: underline;}


/* -------- TYPOGRAPHY -------- */
body {
font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #436181;
}

h1,h2 {
font-size: 1.6em;
margin: 0 0 2px 0; padding: 0;
}
h3,h4,h5,h6 { 
margin: 0;
padding: 0;
line-height: 1.5em;
}
h3 { 
padding: 0 0 0 9px;

}
h1,h2,h3,h4,h5,h6 { 
font-family: Garamond, Times, Bodoni MT; 
color: #1670CF;
}
h4 {
margin: 0; padding: 3px 0 3px 0;
color: #85B3E0;
border-bottom: solid 1px #85B3E0;
}

p { 
margin: 2px 0 9px 0;
padding: 0;
line-height: 1.5em;
}

#spacer {
text-align: right;
color: #fff;
font-size: 1.9em;
font-family: Trebuchet MT, Arial, Trebuchet;
}
#minorlinks, #minorlinks a {
	font-size: 0.9em;
	color: #3380CC;
	text-decoration: none;
	text-transform: capitalize;
}

* html #nav #logininfo #login {
	height: 10px; padding: 1px 4px 2px 5px;
}
#nav #logininfo #login {
float: left;
color: #fff;
font-size: .8em;
background: url(images/layout/loginon_button.gif) top right;
background-color: none;
height: 14px;
margin: 0 3px 0 0; padding: 3px 8px 1px 7px;
text-decoration: none;
border: 0;
clear: none;
}



#rcolum ul {
margin: 0; padding: 2px 0 0 20px;
}
#rcolum li {
	list-style-image: url(images/layout/bullet2.gif);
	list-style-position: outside;
	list-style-type: square;
	margin: 6px 0 0 0;
}


#foot {
color: #fff;
padding-left: 40px;
font-size: .8em;
font-family: verdana;
}

.message {
	color:#cc0000;
}


/* -------- FORMs -------- */
#logininfo {
float: right;
width: 161px;
padding: 13px 0 0 10px;
}
#logininfo input {
	float: left;
	width: 40px;
	height: 18px;
	font-size: .8em;
	color: #146FCB;
	border: 0;
	margin: 0 3px 0 0;
	padding: 0 5px 5px 3px;
	background-color: #D2E5F0;
	}
#form1 { margin: 0; padding: 0; }


/* -------- MISC -------- */
img { border: 0;}
#content img {padding-right: 5px;}
.address {float: left; width: 550px;}
.codeing {text-align: right; float: right; width: 130px;}


/* -------- FORMs -------- */

#tradebuyingform { padding-top: 30px; }
.formrow, .formrow-odd, .formrow-spacer { float: left; clear: both; padding: 3px 0 3px 10px; width: 505px; border-top: 2px #E6E6E6 solid; }
.formrow-odd { background-color: #E6E6E6; }
.formrow-spacer { padding-top: 20px; }
.formlabel { float: left; width: 200px; text-align: left; padding-top: 2px; }
.forminput { float: left; width: 200px; text-align: left; padding-left: 10px; }

/* -------- ADMIN -------- */

.admin_block {
	margin: 10px 0 10px 0;
	padding: 3px 0 3px 5px;
	color: #fff;
	background-color: #3A85CF;
}
.admin_block a, .admin_block a:hover { text-decoration: none; color: #fff;}
.admin_edit a, .admin_edit a:hover { text-decoration: none; color: #cc0000;}
.admin_edit { 
	padding: 3px 5px 3px 5px; 
	text-align: right;
	color: #cc0000;
	background: url(images/layout/admin_div_background.gif);
	text-decoration: none;
}



.metaRow {
	clear:both;
	height:20px;
	padding:8px 0 8px 0;
}

.metaRow span.text {

	float:left;
	width:160px;
	text-align:left;
}

.metaRow span.field {
	float:left;
	width:100px;
	text-align:left;
}

#popupInfo {
	padding:20px;
	display:none;
}

textarea {
	font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

input {
	font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.downloadHolder {

	float:left;
	text-align:center;
	
}

.downloadImage {

	border: 1px solid #e60004;
	width:200px;
	height:150px;
	
}

.downloadAddress {
	width:200px;
}

.downloadDescription {
	float:right;
	width:280px;
}

.downloadImageSmall {

	border: 1px solid #e60004;
	width:114px;
	height:27px;
	margin:5px 0 5px 0;
	
}

.downloadHolderSmall {

	text-align:left;
	padding-bottom:10px;
	font-size:10px;
	
}

