

* { padding: 0; margin: 0; }

body {
 font-family: "Trebuchet MS", sans-serif;


font-size: 80%;
background-color: #F1F1F0;

}
a{
color: #8A6CB3;
font-weight: normal;
font-weight: bold;
text-decoration: none;
}
a:hover{

text-decoration: underline;
}
p {
margin-bottom: 17px; 
line-height: 150%

} 




#wrapper { 
 margin: 0 auto;
 width: 900px;
  background: url(wrapper_bg.png);
  background-repeat: repeat-y;
 padding-right: 25px;
  padding-left: 25px;

}
#faux {
 background: url(faux-2-2-col.gif);
 margin-bottom: 5px;
 overflow: auto; 
 width: 100%
}

#header {
 padding: 0 0px 0 10px;
 height: 125px;
 border-top: 12px solid white;
 border-right: 12px solid white;
 border-left: 12px solid white;
 background-color: #8A6CB3;
 position: relative;

}

#logo
{
padding-top:12px;
}

#tagline
{
float: right;
position: relative;
bottom: 76px;
}


#navigation {

 color: #333333;
 padding: 10px 10px 0px 10px;
 background: #fff;
 border-right: 12px solid white;
 border-left: 12px solid white;
}

#sub_nav a{
color: 8A6CB3;
font-weight: normal;
font-size: 100%;
}

#sub_nav a:hover{
text-decoration: underline;
}

#image_container {
 color: #333;
 padding: 0px;
 background: #fff;
 border-top: 12px solid white;
 border-right: 12px solid white;
 border-left: 12px solid white;
}

#indent{
margin-left: 20px;
}

h2{
font-size: 140%;
margin-bottom: 6px;
margin-top: 35px;
color: #8A6CB3;
}

#content_header {
 color: #fff;
 font-size: 145%;
 font-weight: lighter;
 padding: 5px 10px 5px 10px; 
 border-right: 12px solid white;
 border-left: 12px solid white;
 border-top: 6px solid white;
background-color: #8A6CB3;
}

#main_content {
 color: #333333;
 padding: 10px;
 font-size: 100%;
 background: #F4F4F4;
 border-right: 12px solid white;
 border-left: 12px solid white;
}

#main_content ul{
padding-left: 40px;
}

#main_content li{
padding-bottom: 10px;
}


#rightcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 195px;
 float: right;
}

#leftcolumn { 
 float: left;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 683px;
 display: inline;
 position: relative;
}

#footer { 
 font-size: 90%;
 clear: both;
 color: #fff;
 padding: 10px;
 padding-bottom: 50px;
 background-color: #8A6CB3;
 border: 12px solid white;
}

#footer a {
color: #fff;
font-weight: normal;
text-decoration:underline;
}

.clear { clear: both; background: none; }

#header a:hover
{
color: #fff;
text-decoration: none;
}

#tabs1
{
  position: absolute;    left: 10px;    bottom: -2px;
}

#tabs2
{
 position: absolute;    left: 155px;    bottom: 0px;
}

#tabs3
{
  position: absolute;    left: 155px;    bottom: 0px;
}

#tab_holder1
{
  position: absolute;    left: 10px;    bottom: 0px;
  font-size: 130%;
  font-weight: 100;
  z-index:1;
}

#tab_text1
{
  position: absolute;    left: 20px;    bottom: 8px;
  font-size: 100%;
  font-weight: 90;
  z-index:2;
}

#tab_holder2
{
  position: absolute;    left: 10px;    bottom: -3px;
  font-size: 130%;
  font-weight: 100;
  z-index:1;
}

#tab_text2
{
  position: absolute;    left: 15px;    bottom: 5px;
  font-size: 130%;
  font-weight: 100;
    z-index:2;
}

#nav a span
{
background: url("images/tab_right.png"); right top no-repeat;
padding-right: 10px
}

#nav a, #navigation a span
{
display: block;
float: left
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#nav a, #navigation a span
{
float: none
}
/* End IE5-Mac hack */

#nav a:hover
{
color: #fff;
background: #26a url("left-tab-hover.gif") left top no-repeat;
text-decoration: none;
padding-left: 10px
}

#nav a:hover span
{
background: url("right-tab-hover.gif") right top no-repeat;
padding-right: 10px
}

#nav
{
list-style: none;
padding: 0px;
margin: 0px;
}

#nav li
{
float: left;
display: block;
margin: 2px;
padding: 0
}

#sub_nav li
{
display: inline;
list-style-type: none;
padding-right: 3px;
}


    
#slidetabsmenu {
float:left;
width:100%;
line-height:normal;

position:absolute;
bottom:0px;


}

* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 2px; /*Shifts tabs left & right*/
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(images/tabs/tab-left4.gif) no-repeat left top;
margin:0;
padding:0px 3px 0px 9px; /*Right will space out the tabs*/
text-decoration:none;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(images/tabs/tab-right4.gif) no-repeat right top;
padding:3px 14px 3px 5px; /*Changes width and height of tabs*/
font-weight:normal;
/*color:#3B3B3B;*/
color: #565656;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: #565656;
}

#slidetabsmenu #current a {
background-position:0 -125px;

}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: #8A6CB3;
font-weight: bold;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}
