/* General styles */
html
{
  width: 100%;
}
body
{
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  border: 0; /* This removes the border around the viewport in old versions of IE */
  width: 100%;
  background: #fff;
  min-width: 600px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */
}
form
{
  margin: 0;
  padding: 0;
}
a
{
  color: #e07b10;
  text-decoration: none;
}
a:hover
{
  background-color: #AAA;
  color: #000;
  text-decoration: none;
}
h1, h2, h3
{
  margin: .8em 0 .2em 0;
  padding: 0;
}
p
{
  margin: .4em 0 .8em 0;
  padding: 0;
}
a img
{
  border: 0;
}

/****************************** column container *******************************/
.colmask
{
  position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear: both;
  float: left;
  width: 100%; /* width of whole page */
  overflow: hidden; /* This chops off any overhanging divs */
}

/* 1 Column Settings */
.onecol
{
  background: #e5e5e5; /* Right column background colour */
}
.onecol .colmid
{
  float: left;
  width: 200%;
  margin-left: -30px; /* Width of right column */
  position: relative;
  right: 100%;
  background: #f0f0f0; /* Centre column background colour */
  border-right: dotted 1px #AAAAAA;
}
.onecol .colleft
{
  float: left;
  width: 100%;
  margin-left: -50%;
  position: relative;
  left: 60px; /* Left column width + right column width */
  background: #e5e5e5; /* Left column background colour */
  border-right: dotted 1px #AAAAAA;
}
.onecol .col1wrap
{
  float: left;
  width: 50%;
  position: relative;
  right: 30px; /* Width of left column */
}
.onecol .col1
{
  margin: 0 30px; /* Centre column side padding:                              Left padding = left column width + centre column left padding width                              Right padding = right column width + centre column right padding width */
  position: relative;
  left: 200%;
  overflow: hidden;
}
.onecol .col2
{
  float: left;
  float: right; /* This overrides the float:left above */
  width: 30px; /* Width of left column content (left column width minus left and right padding) */
  position: relative;
  right: 0px; /* Width of the left-had side padding on the left column */
}
.onecol .col3
{
  float: left;
  float: right; /* This overrides the float:left above */
  width: 30px; /* Width of right column content (right column width minus left and right padding) */
  margin-right: 0px; /* Width of right column right-hand padding + left column left and right padding */
  position: relative;
  left: 50%;
}

/* 3 Column Settings */
.threecol
{
  background: #e5e5e5; /* Right column background colour */
}
.threecol .colmid
{
  float: left;
  width: 200%;
  margin-left: -300px; /* Width of right column */
  position: relative;
  right: 100%;
  background: #f0f0f0; /* Centre column background colour */
  border-right: dotted 1px #AAAAAA;
}
.threecol .colleft
{
  float: left;
  width: 100%;
  margin-left: -50%;
  position: relative;
  left: 600px; /* Left column width + right column width */
  background: #e5e5e5; /* Left column background colour */
  border-right: dotted 1px #AAAAAA;
}
.threecol .col1wrap
{
  float: left;
  width: 50%;
  position: relative;
  right: 300px; /* Width of left column */
}
.threecol .col1
{
  margin: 0 310px; /* Centre column side padding:                              Left padding = left column width + centre column left padding width                              Right padding = right column width + centre column right padding width */
  position: relative;
  left: 200%;
  overflow: hidden;
}
.threecol .col2
{
  float: left;
  float: right; /* This overrides the float:left above */
  width: 280px; /* Width of left column content (left column width minus left and right padding) */
  position: relative;
  right: 10px; /* Width of the left-had side padding on the left column */
}
.threecol .col3
{
  float: left;
  float: right; /* This overrides the float:left above */
  width: 280px; /* Width of right column content (right column width minus left and right padding) */
  margin-right: 30px; /* Width of right column right-hand padding + left column left and right padding */
  position: relative;
  left: 50%;
}


/* 2 Column (Right) Settings */
.rightcol
{
  background: #e5e5e5; /* Right column background colour */
}
.rightcol .colleft
{
  float: left;
  width: 200%;
  margin-left: -300px;
  position: relative;
  right: 100%;
  background: #f0f0f0; /* Centre column background colour */
  border-right: dotted 1px #AAAAAA;
}
.rightcol .col1wrap
{
  float: left;
  width: 50%;
  position: relative;
  left: 50%;
  padding-bottom: 1em;
}
.rightcol .col1
{
  margin: 0 10px 0 310px;
  overflow: hidden;
}
.rightcol .col2
{
  float: right;
  width: 280px;
  position: relative;
  left: 290px;
}

/* 2 Column (Left) Settings */
.leftcol
{
  background: #e5e5e5; /* Left column background colour */
}
.leftcol .colright
{
  float: left;
  width: 200%;
  position: relative;
  left: 300px;
  background: #f0f0f0; /* Centre column background colour */
  border-left: dotted 1px #AAAAAA;
}
.leftcol .col1wrap
{
  float: right;
  width: 50%;
  position: relative;
  right: 300px;
  padding-bottom: 1em;
}
.leftcol .col1
{
  margin: 0 10px 0 310px;
  position: relative;
  right: 100%;
  overflow: hidden;
}
.leftcol .col2
{
  float: left;
  width: 280px;
  position: relative;
  right: 290px;
}
/******************** End of column style ***********************/


/* Header styles */
#header
{
  clear: both;
  width: 100%;
  background-color: #8a2205;
  background-image: url("nav_bg.gif");
  background-repeat: repeat-y;
  border-top: solid 1px #444444;
  border-bottom: solid 1px #444444;
  margin: 0;
}
#header #siteTitle
{
  font-family: Tahoma, Arial;
  font-size: 26px;
  font-weight: bold;
  color: White;
  margin: 10px 10px 0px 10px;
}
#header #siteTitle a
{
  color: White;
}
#header #siteSlogan
{
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  font-style: italic;
  color: White;
  margin: 0px 10px 10px 10px;
}

/** Page Style **/
#ContentArea h1
{
  font-family: Tahoma, Arial;
  font-size: 1.5em;
  font-weight: bold;
  color: #444444;
}

#ContentArea
{
  font-family: Arial, Sans-Serif;
  font-size: 1em;
}

.Breadcrumb
{
  
}

.Breadcrumb a
{
  
}

.BreadCrumbDivider
{
  
}


/** Element Styles **/

.ElementTitle
{
  font-family: Arial, Sans-Serif;
  font-size: 0.8em;
  font-weight: bold;
  color: #666666;
  border-bottom: dotted 1px #888888;
  padding: 10px 0px 5px 0px;
  margin: 0px 0px 5px 0px;
}
.ElementTextHTML
{
  font-family: Arial, Sans-Serif;
  font-size: 0.9em;
  color: #444444;
  margin: 8px 0px 10px 10px;
}
#ContentArea .ElementTextHTML
{
  font-family: Arial, Sans-Serif;
  font-size: 1.2em;
  color: #444444;
  margin: 0px 0px 0px 0px;
}
.ElementTextHTML h1
{
  font-size: 1.0em;
  font-weight: bold;
}
.ElementTextHTML p
{
  
}

.TextList
{
}
.TextListItem
{
  font-family: Verdana;
  font-size: 0.9em;
  font-weight: bold;
  color: #444444;
  padding: 5px 0px 0px 10px;
}
.TextListItem a
{
  font-family: Verdana;
  font-size: 0.9em;
  color: #444444;
  text-decoration: none;
}

.FormTable
{
  margin: 5px 5px 5px 30px;
}
.FormLabel
{
  background-color: #e5e5e5;
  text-align: right;
  font-size: 0.8em;
  padding: 5px;
  white-space: nowrap;
}
.FormValue
{
  font-size: 0.75m;
  padding: 5px;
}
.FormFooter
{
  text-align: right;
  font-size: 0.9em;
  padding: 5px;
}
.FormFooter input
{
  font-size: 0.8em;
  padding: 5px 15px 5px 15px;
}

.FormValidation
{
  color: Red;
  padding: 3px 7px 3px 7px;
  margin-left: 5px;
  white-space: nowrap;
}

.FormValidation.Invalid
{
  border: 1px solid Orange;
  background-color: LemonChiffon;
}

.FormResult
{
  text-align: center;
  padding: 10px;
  width: 500px;
}
.FormResult.Success
{
  background-color: #cce5cc;
  border: dotted 1px #88aa88;
}
.FormResult.Failure
{
  background-color: #e5cccc;
  border: dotted 1px #aa8888;
}

.TagLarge, .TagMediumLarge, .TagMedium, .TagMediumSmall, .TagSmall
{
  font-family: Verdana;
  color: #444444;
  font-weight: bold;
  text-decoration: none;
  line-height: 0.8em;
  white-space:nowrap;
}

.TagLarge
{
  font-size: 2.5em;
}
.TagMediumLarge
{
  font-size: 2.1em;
}
.TagMedium
{
  font-size: 1.75em;
}
.TagMediumSmall
{
  font-size: 1.3em;
}
.TagSmall
{
  font-size: 1.0em;
}

/* Navigation Area */
#navigationArea 
{
  width: 60%;
  float: right;
}
#navigationArea ul
{
  float: right;
  padding: 0;
  margin: 0;
}

#navigationArea ul li
{
  display: inline;
  font-family: Tahoma, Helvetica;
  color:white;
  margin:0;
  padding:0;
}
#navigationArea ul li a
{
  color: #ccc;
  float: left;
  margin:0 6px; 
  padding: 15px 3px 5px 3px; 
  text-decoration: none; 
  font-size: 1.1em;
  border-bottom: 2px solid #886666;
  background: none;
}
#navigationArea ul li a:hover
{
  color: white;
  border-bottom: 2px solid #aa8888;
  padding-bottom: 5px;
  background: none;
}
#navigationArea ul li.selected a
{
  color: white;
  border-bottom: 2px solid #fff;
  padding-bottom: 5px;
  background: none;
}

/* Side Navigation */
.NavigationElement ul
{
  list-style-type: square;
}
.NavigationElement ul li a
{
  list-style-image: none;
  text-decoration: none;
  font-family: Verdana;
  font-size: 0.9em;
  line-height: 1em;
  text-align: right;
  color: #444444;
}

/* Footer styles */
#footer
{
  clear: both;
  float: left;
  background-color: #8a2205;
  background-image: url(   "nav_bg.gif" );
  background-repeat: repeat-y;
  width: 100%;
  text-align: right;
  border-top: solid 1px #333333;
  margin: 0;
}
#pageFooter
{
  color: #fff;
  font-size: 1em;
  padding: 5px;
}
#pageFooter .ElementTextHTML
{
  color: #fff;
}
#siteFooter
{
  clear: both;
  float: left;
  width: 100%;
  text-align: right;
  font-size: 0.9em;
}