/*------------------*\
|* global interface *|
\*------------------*/
html,body {
 height:100%;
}
body {
  margin: 0px;
  padding: 0px;
  color: #33332e;
  background: #000066;
  font: normal 12px arial, helvetica;
  text-align: center;
}
img {
  border: 0px;
}

/* forms */
form {
  margin: 0px;
}
input, textarea {
  font: normal 13px tahoma, geneva, verdana, sans-serif;
}
input.text, input.password, textarea {
  padding: 1px 0px 1px 2px;
  border: 1px solid #57594b;
}

/* links */
a:link {color:#000088; }
a:visited {color:#B259CF; }
a:hover {color:#CD8531; }



/* headings */
h1 {
  font-size: 16px;
}
h2 {
  font-size: 15px;
  color:#996600;
}
h2.title {
 margin:10px 0;
 padding:0px;
}
#header h2 {
 font-family:georgia;
 font-size:16px;

}

h3 {
  font-size: 13px;
}
h4 {
  font-size: 12px;
}
h5 {
  font-weight: normal;
  font-size: 11px;
}
/* use this with text in headings you wish to make small */
.hsmall {
  font-weight: normal;
  font-size: 9px;
}

#accessibility {
  position: absolute;
  left: -9000px;
  width: 9000px;
}
#wrapper {
  margin: 0px auto;
  width: 759px;
  text-align: left;
  border:0px solid;
  min-height:100%;
  background:#FFF8E7 url(/images/ark_sub_left_tile.gif) top left repeat-y;
  padding-bottom:6px;
}
body#popup {
  background:#FFF8E7;
}
#home #wrapper {
  width: 823px;
  background:#FFF8E7 url(/images/ark_home_tile.gif) top left repeat-y;
}

.catHeader {
 font-weight:bold;
 color:#996600;
 font-size:14px;
 margin-bottom:14px;
}
.catDescription {
  padding-bottom:10px;
}

.catFooter {
 font-weight:bold;
 color:#996600;
 font-size:14px;
 margin-top:14px;
}



/*--------*\
|* header *|
\*--------*/
#logo {
  width: 151px;
  height: 136px;
  text-indent: -9999px;
  background:url(/images/ark_sub_logo.jpg) top left no-repeat;
}
#home #logo {
  width: 823px;
  height: 96px;
  text-indent: -9999px;
  background:url(/images/ark_home_topbar.jpg) top left no-repeat;
}



#logo h1, #logo a {
  margin: 0px;
  width: 100%;
  height: 100%;
}
#logo a {
  text-decoration: none;
  display: block;
  outline: none;
}
#header {
  position:relative;
}
#loginbar {

  text-align: right;
  position:absolute;
  right:10px;
  top:20px;
}
#loginbar a {
  margin-top: 25px;
  padding: 10px 30px 10px 0px;
  color: #212126;
  font-weight: bold;
  display: block;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
#loginbar a:hover {
  color: #5c5b66;
}
#loginbar a.in {
}
#loginbar a.out {
}

/*------------*\
|* navigation *|
\*------------*/
.navbar {
  margin-bottom: 1px;
}

.menubar {
  padding-top:10px;
  background: #FFF8E7;
}

.menu {
  padding:0px 8px;
 font-size:15px;
 font-weight:bold;
 font-family:georgia, times new roman;
}

.menu a {
 text-decoration:none;
 color:#000088;

}

.menu a:hover {
 text-decoration:none;
 color:#996600;
}


/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
  margin-bottom: 3px;
  padding: 5px 10px;
  border-bottom: 1px solid #57594b;
  background: #edf2cb;
}
.searchbar input.text, .searchbar input.submit {
  margin-right: 5px;
}
/* setting this in mozilla causes rendering issues */
* html .searchbar input.submit {
  height: 21px;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
.searchbar a {
  color: #212126;
  font-size: 10px;
}
.searchbar a:hover {
  color: #5c5b66;
}

/*--------*\
|* footer *|
\*--------*/
#footer {
  margin-top: 0px;
  padding-left: 102px;
  border-top: 0px solid #57594b;
  text-align:center;
  font-weight:bold;
  color:#996600;
  font-size:14px;
  padding-bottom:10px;
}

#home #footer {
  padding-left: 184px;

}

#footer img {
  float: right;
}
#popup #footer {
  padding-left: 0px;

}




/*---------------*\
|* contentheader *|
\*---------------*/
#contentheader {
  padding: 10px 10px 0px 10px;
}
#contentheader .error, #contentheader .message {
  margin: 0px 0px 0px 0px;
  padding: 4px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
}
#contentheader .error {
  background: #000066;
}
#contentheader .message {
  background: #000066;
}
#contentheader .error *, #contentheader .message * {
  margin: 0px;
  padding: 0px;
}

/*---------------*\
|* contentfooter *|
\*---------------*/
#contentfooter {
  background: #e2e1eb;
}



/*---------*\
|* content *|
\*---------*/
#ocwrapper {
/* background colour of left sidebar */
  padding-left:102px;
/* background colour of right sidebar */
  border-right: 0px solid #e2e1eb;
}
#home #ocwrapper {
/* background colour of left sidebar */
  padding-left:184px;
/* background colour of right sidebar */
  border-right: 0px solid #e2e1eb;
}



/*------------*\
|* leftsidebar *|
\*------------*/
#leftsidebar {
  margin-left: -102px;
  padding: 10px 5px 10px 3px;
  width: 92px;
  float: left;
  position: relative;
/* hide the left sidebar by default */
  border:0px solid;
  min-height:500px;
  background:url(/images/ark_sub_leftwater.jpg) top left no-repeat;
}
#home #leftsidebar {
  margin-left: -184px;
  padding: 10px 0px 10px 0px;
  width: 184px;
  float: left;
  position: relative;
/* hide the left sidebar by default */
  border:0px solid;
  min-height:500px;
  background:url(/images/ark_home_left_water.jpg) top left no-repeat;
}

#leftsidebar a {
  color:#D06048;
}
#leftsidebar a:visited {

}
#leftsidebar a:hover {

}

.leftnav {
  margin: 0px;
  padding: 10px 0 0 2px;
  display-type:block;
  list-style: none;
}

.leftnav li {
 padding:8px 0px 4px 0px
}

#rightsidebar {
  margin-right: -200px;
  padding: 10px 10px 10px 0px;
  width: 190px;
  float: right;
  position: relative;
}
#contentwrapper {
  width: 100%;
  float: left;
  position: relative;
}
#content {
  margin: 0px 10px 0 10px;
  padding: 10px 10px 10px 48px;
}

#home #content {
  margin: 0px 10px 0 10px;
  padding: 10px 10px 10px 120px;
}
/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #content {
  height: 1%;
}
/* end non ie/mac css */




/*-----------------*\
|* global elements *|
\*-----------------*/
.floatleft {
  float:left;
  margin-right:10px;
  margin-bottom:10px;

}
.floatright {
  float:right;
  margin-left:10px;
  margin-bottom:10px;
}


.shadowtop, .shadowbottom {
  height: 10px;
  font-size: 1px;
  display: inline-block;
/* ie/mac fix \*/
  display: block;
/* end fix */
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: 15px;
  height: 10px;
  font-size: 1px;
}
.shadowtop {
}
.shadowbottom {
}


#home .shadowleft {
  background:url(/images/ark_home_earthpiece2.gif) top left no-repeat;
}
.shadowright {
}
.shadowtopleft {
  float: left;
}
.shadowtopright {
  float: right;
}
.shadowbottomleft {
  float: left;
}
.shadowbottomright {
  float: right;
}

ul.categories {
  padding-top:0px;
  margin-top:0px;
  padding-bottom:15px;
  border:0px solid;
  float:left;
}

li.category {
  float:left;
  width:32%;
  border:0px solid;
  list-style:none;
}

.category ul {
  margin-left:0px;
  padding-left:15px;
}
.category li {
 list-style:none;
}

#subcategories {
  border:0px solid;
  text-align:center;
}

.subcategory {
  border:0px solid;
  clear:none;
  display:inline-block;
  text-align:center;
  padding-bottom:30px;
  padding-right:30px;
}

.subcategory .floatleft {
 margin-right:10px;
}


/* links */
.linklisting {
  margin: 0px 15px 20px 20px;
}
.linklisting h4.linktitle, .linklisting p.linkurl, .linklisting p.linkrating {
  overflow: hidden;
  width: 100%;
  margin: 2px 0px;
}
.linklisting h4.linktitle a {
  padding-bottom: 0px;
}
.linklisting p.linkurl a {
  font-size: 9px;
  text-decoration: none;
}
.linklisting p.linkrating {
  font-size: 9px;
}
.linklisting p.linkrating .linkexpired {
  color: #8c3030;
  font-weight: bold;
}
.linklisting .linkdescription, .review .reviewcontent {
  margin: 0px 0px 5px 0px;
  padding: 0px 10px 0px 0px;
  overflow: hidden;
}
/* overflow: hidden doesn't work in ie unless the width is set */
* html .linklisting .linkdescription, * html .review .reviewcontent {
  width: 96%;
}
.linklisting p.linkactions {
  margin: 0px;
}
.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {
  padding: 1px 4px;
  border: 1px solid #bbbfa1;
  font-size: 9px;
  text-decoration: none;
}
.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
  background: #e2e1eb;
}



/* paging */
.paging {
  text-align: right;
}
.paging img, .paging select, .paging input {
  vertical-align: middle;
}

.crumb {
  font-size: 9px;
}


dl {
  border:0px solid;
  margin-top:0px;
  padding-top:0px;
}
dt {float:left;
   padding:0 3px;
}
dd {display:none;}


/* forms */
.row {
  margin-bottom: 1px;
  padding: 4px;
}
.row label.name {
  padding-right: 5px;
  width: 25%;
  float: left;
}
.row label.name span {
  color: #8c3030;
}
.row .value.wrappedtext {
  margin-left: 25%;
  padding-left: 5px;
}
/* hack for ie 5.5 text/textarea resizing */
.row .value input.text, .row .value input.password, .row .value textarea {
  width: expression(this.parentNode.offsetWidth * 0.74 + 'px');
}
/* the previous style causes problems with long sidebars in ie6 */
.row .value input.text, .row .value input.password, .row .value textarea {
  w\idth: 72%;
}
.row .value input.text.shorttext {
  width: 100px;
}
.row.required {
  background: #e2e1eb;
}
.row.invalid {
  color: #8c3030;
  background: #eedddd;
  font-weight: bold;
}
.formsubmit {
  margin-top: 10px;
  text-align: right;
}

/* generic messages */
.errormessage {
  color: #8c3030;
  font-weight: bold;
}
.infomessage {
  color: #3a5841;
  font-weight: bold;
}


.hide {
  display: none;
}

.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */

/*---------------*\
|* page specific *|
\*---------------*/