* { padding: 0; margin: 0; }
.IE8Fix {z-index: 100;}
body {
 font-family: Tahoma, sans-serif;
 font-size: 11pt;
}
/*a:link{ text-decoration:none; color:#D1DBDB;}
a:hover { text-decoration:none; color:#FFF;}

*/


#wrapper { 
 margin: 0 auto;
 width: 922px;
}

#faux {
 background: url(images/faux-2-3-col.gif);
 margin-bottom: 0px;
 overflow: auto; 
 width: 100%
}

#faux2 {
 background: url(images/faux-3-2-col.gif);
 margin-bottom: 0px;
 overflow: auto; 
 width: 100%
}

#header {
 color: #336600;
 width: 920px;
 padding: 0;
 height: 250px;
 border: solid 1px #8DB135;
 margin: 0;
 background: #D1DBDB;
}
#navigation {
 color: #999;
 padding: 10px;
 margin: 0px 0px 0px 0px;
 background: #F8DF0C;
 
}
#navigation a:link,a:visited{ text-decoration:none; color:#2D521E;}
#navigation a:hover { text-decoration:none; color:#8DB135;}

#leftcolumn { 
 display: inline;
 color: #333;
 /*margin:10px;*/
 padding:0;
 width: 215px;
 float: left;
}

/* Begin Left Navigation */
#leftcolumn ul.mainnav { 
 margin: 0px;
 padding: 0;
 list-style: none;
}
#leftcolumn ul.mainnav .heading {
 background-color: #ABBEBE;
 padding: 5px;
 color: #fff;
 font-size: 16px;
}
#leftcolumn ul.mainnav li { 
 border-bottom: 1px dashed #ccc;
 border-right: 1px dashed #ccc;
 border-left: 1px dashed #ccc;
}
#leftcolumn ul.mainnav li a:link, #leftcolumn ul.mainnav li a:visited{ 
 color: #333;
 background-color: #F9F9F9;
 text-decoration: none;
 padding: 5px;
 display: block;
}
#leftcolumn ul.mainnav li a:hover{ 
 display: block;
 background-color: #EEF1ED;
 text-decoration: none;
 padding: 5px;

}
#leftcolumn .menu
{
 margin: 0px;
 padding: 0;
}
.menu h1{
 background-color: #679936;
 padding: 5px;
 color: #FFCC00;
 font-size: 16px;
 
	}
.StaticMenuItemStyle
{
 color: #333;
 background-color:  #F2F5C1;
 text-decoration: none;
 padding: 5px;
 display: block;
 border-bottom: 1px dashed #FFCC00 ;
 border-right: 1px dashed #FFCC00 ;
 border-left: 1px dashed #FFCC00 ;
    }

.StaticHoverStyle {
 display: block;
 background-color: #B0C489;
 text-decoration: none;
 padding: 5px;
 border-bottom: 1px dashed #ccc;
 border-right: 1px dashed #ccc;
 border-left: 1px dashed #ccc;
}

.DynamicMenuItemStyle
{
 color: #333;
 width:180px;
 background-color:  #B0C489;
 text-decoration: none;
 padding: 5px;
 display: block;
 border-bottom: 1px dashed #ccc ;
 border-right: 1px dashed #ccc ;
 border-left: 1px dashed #ccc ;
    }
.DynamicHoverStyle {
 display: block;
 background-color: #F2F5C1;
 text-decoration: none;
 padding: 5px;
 border-bottom: 1px dashed #FFCC00;
 border-right: 1px dashed #FFCC00;
 border-left: 1px dashed #FFCC00;
}
/* End Left Navigation */


#content { 
 float: left;
 color: #333;
 margin: 10px 13px;
 padding:0;
 width: 467px;
 display: inline;
 position: relative;
}
#content .msg_box{ border-bottom: solid 3px; border-bottom-color:#99CC66; padding-bottom: 10px;}
#content .msg_box .td { border-bottom: dashed 1px; border-bottom-color:#99CC66;}
#content h2{ margin : 10px 0 0 0; padding:5px 10px 5px 10px; background:URL(~/images/contentHeader.png) no-repeat; font-size:16px;}

#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin: 10px 10px 10px 0px;
 padding:0;
 width: 195px;
 float: right;
}

#rightcolumn2 { 
 float: right;
 color: #333;
 margin:10px;
 padding:0;
 width: 683px;
 display: inline;
 position: relative;
}
#rightcolumn2 .msg_box{ border-bottom: solid 3px; border-bottom-color:#99CC66; padding-bottom: 10px;}
#rightcolumn2 .msg_box .td { border-bottom: dashed 1px; border-bottom-color:#99CC66;}
#rightcolumn2 h2{ margin : 10px 0 0 0; padding:5px 10px 5px 10px; background:URL(~/../images/contentHeader.png) no-repeat; font-size:16px;}

#footer { 
 width: 902px;
 clear: both;
 color: #FFCC00;
 background: #679936;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
.clear { clear: both; background: none; }
.divCenter{text-align:center;}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 2px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px tahoma;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 2px 3px;
margin-right: 2px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../../images/tab/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px tahoma;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px tahoma;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* For Slider */
/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 100%; height: 180px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 380px; overflow: auto; height: 150px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 180px; width: 380px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 180px; width: 67px; background: url(../../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 70px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -30px; }
.anythingSlider .back                   { background-position: -67px 0; left: -30px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 200px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(../../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 200px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }
/* End Slider */