.foo{} /* W3C recommends style sheets start with an actual class */
/* CSS Document */
/**********************
This CSS does not load into the editor.  
This file should be used to define all styles used by the website that the 
developer would not want to expose to the user of the content editor such as styles used 
for shared templates etc.
***********************/

/**********************
Template ID's
***********************/
html
{
  height: 100%;
}

body
{
  background: #e5ebdf url(/_/img/design_template/wrapper_bg.gif) top left repeat-y;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Myraid Pro", "Trebuchet", "Trebuchet MS", Verdana, Arial, sans-serif;
}

#Container_Page
{
  min-height: 100%;
  margin-bottom: -30px;
  position: relative;
}

#Wrapper_Header
{
  background: url(/_/img/design_template/bg.gif) top left repeat-x;
  min-height: 90%;
  height: auto !important;
  height: 100%;
  position: relative;
}

#Wrapper_Content
{
  padding-bottom: 24px;
  margin-bottom: 0px;
  float: left;
  width: 980px;
  clear: both;
}

#Wrapper_Footer
{
  height: 24px;
  background: #EFEFEF;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 2px solid #000;
  clear: left;
  text-align: center;
  padding-top: 2px;
}

#Wrapper_Content .sidebar
{
  margin: 10px 0 0 50px !important;
  margin: 10px 0 0 25px;
  width: 170px;
  float: left;
  font-size: 14px;
  color: #465052;
}

#Wrapper_Content .sidebar h3
{
  color: #465052;
}

#Wrapper_Content .sidebar .content
{
  margin: 3px 0 3px 10px !important;
  padding: 0;
  width: auto;
  float: none;
  color: #465052;
}

#Wrapper_Content form input, #Wrapper_Content form textarea, #Wrapper_Content .sidebar select
{
  border: 1px solid #465052;
  background: #e0edf7;
  color: #465052;
  width: 100%;
}

#Wrapper_Content form input.submit
{
  width: auto;
  float: right;
}

#Wrapper_Content .sidebar ul.links
{
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
  list-style-image: none;
}

#Wrapper_Content .sidebar ul.links li
{
  padding: 0;
  border-bottom: #7c8c9b solid 1px;
  
}

#Wrapper_Content .sidebar ul.links li a
{
  padding: 2px 6px;
  display: block;
  color: #465052;
  text-decoration: none;
}

#Wrapper_Content .sidebar ul.links li a:hover
{
  background: #e0edf7;
}
 
#Wrapper_Content .content
{
  float: left;
  width: 710px;
  margin: 10px 0px 0px 30px;
  padding: 0 0 0 10px;
  color: #59452a;
}

#Wrapper_Content .content .byline
{
  font-variant:small-caps;
  font-size: .9em;
  font-weight: normal;
  font-style:italic;
}

#Wrapper_Content .content p
{
  margin: 0;
  padding: 0 0 1em;
}




#searchBar
{
  width: 250px;
  float: right;
  margin: 0 10px 0 0;
  padding: 0;
}
#searchBar .head
{
  margin: 2px 0 2px;
  padding: 0;
  color: #FFF;
  font-weight: bold;
  line-height: .8em;
}
#searchBar .content
{
  background: #FFF;
  margin: 0;
  padding: 0;
  height: 18px;
}
form
{
  margin: 0;
  padding: 0;
}
#searchBar .content form input.search
{
  background: #FFF;
  border: 0 none;
  margin: 0;
  padding: 0;
  width: 100px;
}
#searchBar .content form input.button
{
  margin: 1px 4px 0 0;
  padding: 0;
  width: 15px;
  height: 16px;
  float: right;
}

.icon
{
  width: 206px;
  height: 164px;
  margin: 0 15px 0 38px !important;
  margin: 0 15px 0 19px;
  padding: 0 ;
  /*background: #b2c979;*/
  background: #FFFFFF;
  float: left;
  text-align: center;
  vertical-align: middle;
  border: #465052 solid 3px;
}

.icon img
{
  margin: 15px 0 0;
}
/*
#title
{
  margin: 0;
  padding: 5px 0 0;
  clear: right;
  color: #e5ebdf;
  color: #FFF;
}
#title h1
{
  font-size: 24px;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
#title h2
{
  font-size: 10px;

  margin: 0;
  padding: 0;
  font-weight: normal;
}
*/
#navigation
{
  position: absolute;
  top: 122px;
  left: 260px;
  width: 700px;
}

#navigation ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  border: none;
}

#navigation ul li
{
  float: left;
  margin: 0 12px 0 0;
  padding: 0;
  width: 122px;
  /*height: 34px;*/
  vertical-align:middle;
  text-align: center;
}

#navigation ul li a
{
  display: block;
  width: 122px;
 /* height: 34px;*/
  margin: 0;
  padding: 10px 0 0;
  text-align: center;
  background: url(/_/img/design_template/tab_normal.gif) top left no-repeat;  
  color: #7c8c9b;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}

#navigation ul li a:hover
{
  color: #93a6b7;
  color: #EEE;
  background: url(/_/img/design_template/tab_over.gif) top left no-repeat;  
}

#navigation ul li a.selected, #navigation ul li a.selected:hover
{
  background: url(/_/img/design_template/tab_selected.gif) top left no-repeat;  
  color: #343434;
}

#navigation ul li a.selected:hover
{
  color: #000;
}


#Wrapper_Footer .container
{
  font-size: 9pt;
  width: 100%;
  height: auto;
}
#Wrapper_Footer .container table
{
  width: 95%;
}