/* ------------------------------------------------------------------------- */
/* standard setup
/* ------------------------------------------------------------------------- */

* {
  border-style: none;
  margin: 0;
  outline: none;
  padding: 0;
}

input
{ 
  border: 1px solid #aaa;
}

textarea
{ 
  border: 1px solid #aaa;
}

body
{
  background-color: #ffffff;
  font : normal 12.5px/1.0 arial, sans-serif, helvetica;
  text-align: center;
}

.clear
{
  clear: both;
  font-size: 0;
  height: 0;
  line-height: 0.0;
}

h1, .h1
{
  font-size: 200%;
  text-transform: uppercase;
  color: #e96b10;
}

h2, .h2
{
  font-size: 110%;
  color: #e96b10;
}

h2 {
  line-height: 120%;
}

h1, h2, h3, h4, h5, h6
{
  margin-bottom: 20px;
}

p
{ 
  margin-bottom: 10px;
  line-height: 120%;
}

a
{
  text-decoration: none;
}

a:hover 
{
  text-decoration: underline; 
}

ol
{
  margin-left: 25px;
}

/* ------------------------------------------------------------------------- */
/* flash (session) messages
/* ------------------------------------------------------------------------- */

.flash
{
  background: #ffffff;
  padding: 5px 10px 5px 10px;
  color: #000000;
  font-weight: bold;
  line-height: 140%;
  font-size: 125%;
  border-bottom: 5px solid #fff;
}

.warning
{
  color: #fff;
  background: #f33;
}

.notice
{
  color: #fff;
  background: #8ac53f;
}

/* ------------------------------------------------------------------------- */
/* layout elements
/* ------------------------------------------------------------------------- */

div#pagecontainer
{
  background: #ffffff;
  margin: 18px auto;
  text-align: left;
  width: 760px;
}

.menubar
{
  font-weight: bold;
}

div#topmenubar
{
  text-transform: uppercase;
  background: #F98906;
  width: 750px;
  color: #FFE6B3;
}

div#topmenubar #links
{
  padding: 5px 10px 5px 10px;
}

.menubar ul 
{
  margin:0;
  padding:0;
  list-style:none;
}

.menubar li 
{
  display:inline;
  margin:0;
  padding:0;
}

div#topmenubar #contact
{
  background: #F98906;
  float: right;
  padding: 5px 10px 5px 10px;
}

div#topmenubar a
{
  color: #FFE6B3;
}

div#topmenubar .current a
{
  color: #ffffff;
}

div#topmenubar #contact a
{
  color: #FFE6B3;
}

div#bottommenubar
{
  margin-top: 10px;
  background: #ffffff;
  padding: 10px;
  color: #afaa91;
  font-size: 75%;
  float: left;
}

div#bottommenubar #bottommenubarlinks
{
  float: left;
  line-height: 130%;
}

div#bottommenubar #bottommenubarlinks ul
{
  float: left;
  display:inline;
  margin:0;
  padding:0;
  list-style:none;
}

div#bottommenubar #bottommenubarlinks ul li
{
  display:inline;
}

div#bottommenubar img
{
  float: right;
}


div#bottommenubar a
{
  color: #afaa91;
}

div#pagecontent
{
  padding-top: 10px;
}

div#pagecontent #leftcolumn
{
  width: 560px;
  float: left;
  margin: 0;
  padding: 0;
}

div#pagecontent #rightcolumn
{
  float: left;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 180px;
}

div#contentcontainer
{  
  _height: auto !important;
  height: auto !important;
  height: 651px;
  min-height: 623px;
  margin: 0;
  padding: 0;
  padding-left: 5px; 
  padding-right: 5px; 
  border: 1px solid #AEC3D0;
}

.white
{
  background: #fff;
}


.brown
{
  background: #fff url(../images/sidebar-bg.gif) left top repeat-y;
}

div#contentcontainer #contentsidebar
{
  position: relative;
  float: left;
  width: 150px;
  margin: 0;
  padding: 0;
  background: none;
}

div#contentcontainer #contentsidebar h3
{
  font-size: 100%;
  color: #e96b10;
  margin: 10px 10px 0 10px;
  padding: 0;
}

div#contentcontainer #contentsidebar .current
{
  font-weight: bold;
  color: #000;
}

div#contentcontainer #content
{
  padding: 15px;
}

div#contentcontainer #content ul
{
  margin-left: 20px;
  margin-bottom: 10px;
}

 .hassidebar
{
  float: right;
  width: 360px;
}

.imageonly
{
  text-align: center;
}

.imageonly img
{
  border: 0px;
  margin-top: 10px;
}


div#content a
{
  color: #e96b10;
  font-weight: bold;
}
/* ------------------------------------------------------------------------- */
/* highlighted content boxes - jargon buster and blog entry
/* ------------------------------------------------------------------------- */

div#highlights
{
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #ffffff;
  float: left;
}

div#highlights a
{
  color: #f7931d;
}

div#highlights h1
{
  color: #ffffff;
  background-color: #f7931d;
  font-size: 110%;
  margin-bottom: 10px;
  padding: 5px 10px 5px 10px;
}

div#highlights h2
{
  color: #f7931d;
  font-size: 100%;
  margin-bottom: 5px;
  padding: 5px 10px 5px 10px;
  line-height: 120%;
}

div#highlights p
{
  padding: 5px 10px 5px 10px;
}

.highlightcolumn
{
  float: left;
  width: 280px;
}

/* ------------------------------------------------------------------------- */
/* right hand navigation boxes
/* ------------------------------------------------------------------------- */

.sidebarbox
{
  margin: 10px 0 10px 0;
  padding: 0 0 10px 0;
  background: #F7F9FA;
  clear: both;
  font-size: 90%;
}

.sidebarbox h1
{
  color: #ffffff;
  font-size: 105%;
  margin: 0px;
  padding: 5px 10px 5px 10px;
}

.sidebarbox p
{
  margin: 0;
  padding: 10px 10px 0 10px;
  line-height: 150%;
}

.sidebarbox ul
{
  margin: 0;
  padding: 10px 10px 0 10px;
  line-height: 150%;  
}

.sidebarbox ul li
{
  color: #e96b10;
  margin: 0 0 0 20px;
}

.sidebarbox .cyan
{
  background: #F98906;
}

.sidebarbox .green
{
  background: #F98906;
}

.sidebarbox .orange
{
  background: #F98906;
}

.sidebarbox a
{
  color: #e96b10;
  font-weight: bold;
}

.sidebarbox input.textbox
{
  padding: 3px;
  border: 1px solid #dfdbc7;
  width: 140px;
  color: #868686;
  margin-bottom: 3px
}

.sidebarbox input.checkbox
{
  border: none;
}

input.button
{
  border: none;
  background: url(../images/button-100.gif);
  width: 100px;
  height: 24px;
  font-size: 90%;
}

.sidebarbox input.button
{
  border: none;
  background: url(../images/button-70.gif);
  width: 70px;
  height: 24px;
  font-size: 90%;
}

.sidebarbox input.radio
{
  border: none;
}

.loginbox
{
  color: #e96b10;
  margin-top: 0px;
  background: #FDD78B;
}

.gallerybox_link
{
  color: #e96b10;
  background: #fff;
}

.gallerybox_link a
{
  color: #e96b10;
}

.loginbox a
{
  color: #e96b10;
}

.loginbox h1
{
  color: #e96b10;
}

.loginbox p.restrictwidth
{
  width: 130px;
}

.gallerybox
{
  background: none;
  padding-bottom: 0px;
}

.gallerybox ul
{
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gallerybox ul li
{
  padding: 1px;
  float: left;
  font-size: 0px;
  line-height: 100%;
  width: 52px;
  height: 52px;
  background: #FDD78B;
  color: #d7d5c8;
  margin: 8px 8px 0 0;
}

.gallerybox ul li.lastonrow
{
  margin-right: 0px;
}

.pollbox ul
{
  margin: 0px;
  line-height: 100%;
  list-style: none;
}  

.pollbox ul li
{
  margin: 0px;
  list-style-type: none;
  margin-bottom: 5px;
  color: #000;
}

.pollbox ul label
{
  margin-left: 5px;
}

/* ------------------------------------------------------------------------- */
/* assets
/* ------------------------------------------------------------------------- */

div#contentcontainer #content #assets
{
  margin-top: 20px;
}

div#contentcontainer #content #assets ul
{
  margin: 0;
}

#assets h1
{
  margin-top: 10px;
  border-bottom: 1px solid #ddd;
  font-size: 90%;
  margin-bottom: 10px;
}

#assets p
{
  font-size: 90%;
}

#assets .files, #assets .images
{
  list-style: none;
  float: left;
}

#assets .images li
{
  list-style-type: none;
  float: left;
  padding: 0 5px 5px 0;
  margin: 0;  
}

#assets .fileicon
{
  float: left;  
}

#assets .images img
{
  padding: 1px;
  border: 1px solid #bbb;
}

#assets .filedescription, #assets .link
{
  padding-left: 15px;
  float: left;
}

/* ------------------------------------------------------------------------- */
/* comments
/* ------------------------------------------------------------------------- */

#comments, #commentform, #contact-form
{
  margin-top: 20px;
}

#comments h1, #commentform h1, #contact-form h1
{
  margin-top: 10px;
  border-bottom: 1px solid #ddd;
  font-size: 90%;
  margin-bottom: 10px;
}

#comments h2, #commentform h2, #contact-form h2
{
  font-size: 90%;
  margin-bottom: 10px;
}

#comments p, #commentform p, #contact-form p
{
  font-size: 85%;
}

#comments .comment
{
  background: #eee;
}

#commentform .commentbox
{
  width: 500px;
  height: 100px;
  border: 1px solid #ccc;
}

#commentform .commentboxsb
{
  width: 355px;
  height: 100px;
  border: 1px solid #ccc;
}

#commentform .errorExplanation ul
{
  margin-left: 20px;
}

#commentform .errorExplanation li
{
  font-size: 85%;
  color: #ff0000;
}

.spacer
{
  color: #eee;
  background-color: #eee;
  height: 1px;
  margin-bottom: 20px;
}

#pagination, 
#wikieditbar
{ 
  margin-top: 30px;
}

#pagination hr,
#wikieditbar hr
{ 
  color: #eee;
  background-color: #eee;
  height: 1px;
}

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

.titleeditsb
{
  font-size: 200%;
  text-transform: uppercase;
  color: #66cef5;
  width: 345px;
  margin: 0px;
}

#content .errorExplanation
{
  margin-bottom: 20px;
}

#content .errorExplanation ul
{
  margin-left: 20px;
}

#content .errorExplanation li
{
  font-size: 85%;
  color: #ff0000;
}

.thumbnail 
{
  margin-bottom: 10px;
  margin-right: 10px;
  border: 1px solid #d7d5c8;
  padding: 1px;
  float: left;
}

.man
{
  text-align: center;
}

/* ------------------------------------------------------------------------- */
/* file type list items
/* ------------------------------------------------------------------------- */

#assets .files li
{
  list-style-type: none;
  padding: 3px 0 12px 20px;
  margin: 0;
  clear: both;
  font-size: 90%;
}

li.file-type-image
{
  background: #fff url('../images/file-type-image.png') left top no-repeat; 
  padding-left: 20px;
}

li.file-type-pdf
{
  background: #fff url('../images/file-type-pdf.png') left top no-repeat; 
  padding-left: 20px;
}

li.file-type-text
{
  background: #fff url('../images/file-type-text.png') left top no-repeat; 
  padding-left: 20px;
}

li.file-type-other
{
  background: #fff url('../images/file-type-other.png') left top no-repeat; 
  padding-left: 20px;
}

#banner
{
  clear: both;
  margin-bottom: 20px;
  width: 360px;
}

.hTagcloud .popularity 		{ margin-left: 10px; margin-right: 10px; padding:0; }
.hTagcloud ul { margin: 0; padding: 0; }
.hTagcloud .popularity li	{ display:inline; text-decoration:none; margin:0; padding:0; }
.hTagcloud .popularity .popular				{ font-size:1.0em; }
.hTagcloud .popularity .v-popular 		{ font-size:1.2em; }
.hTagcloud .popularity .vv-popular 		{ font-size:1.4em; }
.hTagcloud .popularity .vvv-popular		{ font-size:1.6em; }
.hTagcloud .popularity .vvvv-popular	{ font-size:1.8em; }