/*define the default font characteristics*/
body		{ font-style:normal; font-variant:normal; font-weight:normal; font-size:9pt; letter-spacing:0.2pt; font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#c86624; }
p			{ margin-top:6px; margin-bottom:8px; }
ul			{ margin:0 0 0 16px; padding: 0 0 0 16px; color:#c86624; }
li			{ margin-bottom:2px; }
ol			{ margin:0 0 0 20px; padding: 0 0 0 16px; color:#c86624; }
h1			{ font-style:normal; font-variant:normal; font-weight:bold; font-size:14pt; font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#c86624; margin-bottom:8px; margin-top:4px; }
h2			{ font-style:normal; font-variant:normal; font-weight:bold; font-size:12pt; font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#c86624; margin-bottom:8px; margin-top:4px; }
h3			{ font-style:normal; font-variant:normal; font-weight:bold; font-size:10pt; font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#c86624; margin-bottom:0; margin-top:0px; }
tt, pre		{ font-family:monospace; font-size:12px }
.smaller	{ font-size:10px }
hr			{ height:1px; color:#ccc; background-color:#ccc; border-width:0px; }

/*define some special display options*/
div.justify			{ text-align:justify; }
div.container		{ position:relative; margin:0; padding:0; }
div.clear			{ clear: both; display: block; height:0; overflow:hidden; margin: 0; padding: 0; }
.altimgborder		{ border:1px solid #ddd; }
.quote				{ color:#882287; font-style:italic; font-weight:bold; }
.showerror			{ color:#c00; }
.showsuccess		{ color:#00c; }
.listheader			{ margin:10px 0 10px 0; border-bottom:2px dotted #c35ff2; padding:0; color:#c86624; font-size:125%; font-style:italic; letter-spacing:1px; }
.requiredstar		{ font-size:10px; color: #f00; }
div.nodbitem		{ margin:40px 0 40px 0; border-top:2px dotted #c35ff2; border-bottom:2px dotted #c35ff2; padding:20px 0 20px 0; text-align:center; }
span.z				{ font-size:120%; font-weight:bold; }

/*define the page body colours and sections - height is so FF displays the scrollbar all the time*/
html				{ min-height:100%; margin-bottom:1px; }
body.mysite			{ margin:12px 0 20px 0; border:0; padding:0; background:#fff; text-align:center; }
div#pagebox			{ position:relative; margin:0 auto; border:0; padding:0; text-align:left; width:777px; }

/*define the standard anchor link behaviour*/
a                   { text-decoration:none; color:#823135; font-weight:bold; }
a:hover             { text-decoration:none; color:#c35ff2; }

div#logo			{ margin:0; border:0; padding:0; }

/*the menu*/
div#menubox			{ position:relative; margin:0; border:0; padding:0; text-align:left; white-space:nowrap; }
div#menubox ul		{ margin:15px 0 20px 0; padding:0; }
div#menubox li		{ margin:0 14px 0 0; padding:0; display:inline; list-style:none; }
div#menubox li#last	{ margin:0; }

/*styles used on multiple pages*/
div#contentbox					{ position:relative; margin:0; padding:0; }
div#leftcoltextbox				{ margin:0 220px 20px 0; border:0; padding:0; }
div#rightcolimgbox				{ position:relative; float:right; margin:0; border:0; padding:0; text-align:right; }
div#rightcolimgbox img			{ margin:0 0 20px 0; padding:0; }
div#rightcolimgbox img.zoom		{ position:absolute; bottom:9px; right:0; margin:0; border:0; padding:0; background-color:#efefef; width:34px; height:9px; }
div#rightcolimgbox img.change	{ position:absolute; top:0; left:0; margin:0; border:1px solid #f00; padding:0; }
div#rightcolimgbox img.large	{ left:24px; }

/*home page*/
div#homeimg-l		{ position:absolute; top:0; left:0; margin:0; padding:0; width:350px; height:367px; }
div#homeimg-r		{ position:absolute; top:0; right:0; margin:0; padding:0; width:241px; height:341px; }
div#hometext		{ position:relative; margin:0 260px 0 260px; padding:0; text-align:justify; height:auto !important; height:400px; min-height:400px; }

/*news and events page*/
div.newsbox				{ margin:20px 0 0 0; border:0; padding:0; }
div.newsdate			{ margin:0; border:0; padding:0; text-align:right; font-size:90%; font-style:italic; letter-spacing:1px; color:#882287; background:url('/images/icons/news-arrow.gif') no-repeat bottom left; }
div.newshead			{ margin:0; border-top:2px solid #399dc5; border-bottom:2px solid #c35ff2; padding:3px 2px 3px 2px; color:#666; font-size:100%; letter-spacing:1px; cursor:hand; cursor:pointer; }
div.newshead a			{ color:#333; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
div.newshead a:hover	{ color:#000; text-decoration:none; }

/*define Event Display
img left = box width - 160 - (4*2)
dd With Image = img left -20 (or so)
dd No Image = box width - border - dd margin*/
div.eventbox			{ position:relative; margin:20px 0 18px 0; padding:0; width:775px; }
div.eventimg			{ position:absolute; top:8px; left:607px; width:160px; text-align:right; }
div.eventimg img		{ border:1px solid Gray; padding:4px; background-color:#eee; }
div.eventimg img.zoom	{ position:absolute; top:0; left:-11px; margin:0; border:1px solid Silver; padding:0; background-color:#efefef; width:9px; height:34px; }
div.eventbox dl			{ margin:0 0 10px 0; border:1px solid #ccc; padding:0; width:773px;  background:#eee; }
div.eventbox dt			{ margin:0; border-bottom:1px solid #fff; padding:4px 6px 4px 6px; color:#fff; background:#c35ff2 url('/images/icons/news-header.jpg') no-repeat top left; text-align:left; font-size:120%; font-weight:bold; letter-spacing:1px; }
div.eventbox dd			{ position:relative; margin:0; padding:2px 4px 3px 4px; color:#333; font-family:Verdana, Arial,Helvetica,Sans-Serif; height:auto !important; height:176px; min-height:176px; }
div.eventbox dd#wi		{ width:580px; }
div.eventbox dd#ni		{ width:765px; }
div.eventbox span		{ display:block; text-align:right; margin:4px 0 0 0; border-top:1px solid #ccc; padding:4px 0 0 0; font-family:Arial, Helvetica, Sans-Serif; font-size:90%; letter-spacing:1px; }

p#backbtnright			{ margin-top:20px; text-align:right; }
p#backbtnleft			{ margin-top:20px; text-align:left; }
span#backbtn			{ border-top:2px solid #ccc; border-right:2px solid #999; border-bottom:2px solid #999; border-left:2px solid #ccc; padding:1px; font-size:85%; }
span#backbtn img		{ border:0; }

/*for the galleries layout*/
div#gallerybox				{ position:relative; margin:0; border:0; padding:0; }
div#gallerybox ul			{ position:relative; margin:20px 0 0 0; padding:0; }
div#gallerybox li			{ position:relative; margin:0 49px 0 0; padding:0; display:inline; float:left; width:152px; list-style:none; overflow:hidden; }
div#gallerybox li.last		{ margin:0; }
div#gallerybox div.gitem	{ position:relative; margin:0; border:0; padding:0; width:152px; height:219px; }
div#gallerybox img			{ position:absolute; top:0; left:0; margin:0; border:0; padding:0; }
div#gallerybox img.gallery	{ padding:1px; }
div#gallerybox img.item		{ border:1px solid #999; }
div#gallerybox img.change	{ position:absolute; top:0; left:0; margin:0; border:1px solid #f00; padding:0; }
div#gallerybox div.linktext	{ position:absolute; bottom:0; left:0; margin:2px 2px 10px 2px; border:0; padding:0; height:55px; overflow:hidden; }

/*for the item layout*/
div#itembox					{ position:relative; margin:20px 0 20px 0; border:0; padding:0; }
div#itembox img				{ margin:0; border:1px solid #999; padding:0; }
div#itembox div#backto		{ margin:0 0 20px 0; border:0; padding:0;  font-size:80%; color:#888; }
div#itembox div#itemimage	{ position:relative; float:left; margin:0 20px 0 0; border:0; padding:0; }
div#itembox div#iteminfo	{ position:relative; margin:0; border:0; padding:0; color:#888; }
div#itembox h1#itemtitle	{ font-size:10pt; font-weight:bold; font-style:italic; color:#888; }
div#itembox div#iteminfo p	{ margin:0 0 5px 0; font-size:80%; }
div#itembox div#iteminfo span		{ display:block; float:left; width:82px; margin:0 4px 4px 0; border:0; padding:0; font-weight:bold;  }
div#itembox div#iteminfo p#buyart	{ font-size:80%; }
div#itembox div#itemdesc	{ clear:left; margin:0; border:0; padding:20px 0 20px 0; }

/*contact page*/
div#contacttextbox		{ margin:0 220px 20px 0; border:0; padding:0; }
form#frmcontact			{ position:relative; margin:25px 0 25px 0; border:0; padding:0; overflow:hidden; }
div#contactinfobox		{ position:relative; float:left; margin:0 15px 0 0; width:220px; overflow:hidden; }
div#contactinfobox h3	{ margin:0 0 25px 0; text-decoration:none; }
div#contactinfobox p	{ margin:0; font-family:"Courier New", Courier, Monospace; font-size:120%; letter-spacing:1px; }
div#contactinfobox img	{ margin:0 10px 0 0; padding:0; vertical-align:middle; }
div#contactformbox		{ position:relative; float:left; margin:0; border:0; padding:0; width:320px; overflow:hidden; }
div#contactformbox h3			{ margin:0 0 4px 0; text-decoration:none; }
div#contactformbox label		{ display: block; float: left; width:60px; text-align:right; margin:0 8px 0 0; }
div#contactformbox #contactme	{ margin-left:68px; font-size:10px; width:55px; font-weight:normal; font-family:Verdana,Arial,Helvetica,Sans-Serif; }

/*the footer link for CubeConnection*/
div#siteby				{ position:relative; clear:both; margin:0; border-top:1px solid #eee; padding:0; width:777px; font-size:80%; background:#fff; color:#888; }
div#siteby p			{ margin:0 6px 0 0; padding:4px 0 0 0; text-align:right; }
div#siteby span#copyrite{ float:left; margin:0 0 0 6px; text-align:left; }
div#siteby a#cube		{ text-decoration:none; color:#888; font-weight:bold; }
div#siteby a#cube:hover	{ color:#089CB1; }

/*define form styles*/
.inputlong			{ font-size:8pt; background-color:#FFFFFF; width:240px; border-left:1px solid #666699; border-bottom:1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family:Verdana,Helvetica,Sans-Serif; }
.button				{ font-size:8pt; width:55px; font-weight:normal; font-family:Verdana,Arial,Helvetica,Sans-Serif; }

/*Image Thumbnail Viewer*/
#loading			{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; margin:0; border:2px solid #900; padding:5px; background-color:#eee; color:#009; font-family:Verdana,Helvetica,Sans-Serif; font-size:8pt; }
#zoomimage			{ position:absolute; top:0; left:0; z-index:15; cursor:hand; cursor:pointer; visibility:hidden; margin:0; border:1px solid Gray; padding:4px; background-color:#efefef; }
#zoomclose			{ position:absolute; top:1px; right:1px; width:45px; height:13px; background-color:#efefef; }

/*================================*/
/* define all the admin style bits*/
/* needed on user pages           */
/*================================*/
div#adminmenu		{ width:775px; height:16px; text-align:left; padding:1px; overflow:hidden; }
div.editlink		{ color:#00f; font-size:10px; font-weight:normal; background-color:#ffb; padding:0 1px 1px 1px; border:1px solid #ccc; margin:0 0 8px 0; }
div.editlink a		{ text-decoration:none !important; color:#d00 !important; font-weight:normal !important; }
div.editlink a:hover{ text-decoration:underline !important; color:#00f !important; }
div#adminnotes		{ clear:both; margin:0; border-top:2px dotted #c00; padding:4px 0 0 0; color:#c00; font-style:italic; }