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



.shadetabs{

padding: 3px 0;

margin-left: 0;

margin-top: 1px;

margin-bottom: 0;

font: bold 12px Verdana;

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: 3px 7px;

margin-right: 3px;

border: 1px solid #d9d4c8;

color: #4593cd;

background: white url(../images/gore-bg.gif) bottom left repeat-x;

}



.shadetabs li a:visited{

color: #4593cd;

}



.shadetabs li a:hover{

text-decoration: underline;

color: #4593cd;

}



.shadetabs li a.selected{ /*selected main tab style */

position: relative;

top: 1px;

}



.shadetabs li a.selected{ /*selected main tab style */

background: url(../images/selected.gif) top left repeat-x;

border-bottom-color: white;

border-top: 1px solid #d9d4c8;

border-left: 1px solid #d9d4c8;

border-right: 1px solid #d9d4c8;

color:#2d2d2d;

}



.shadetabs li a.selected:hover{ /*selected main tab style */

text-decoration: none;

color:#2d2d2d;

}



.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 Arial;

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 Arial;

width: 100%; /*leave this value as is in most cases*/

}



.indentmenu ul{

margin: 0;

padding: 0;

float: left;

 font: 13px/34px tahoma, verdana, sans-serif;

 color: #4593cd;

 width: 436px;

 font-weight:700;

 letter-spacing: +1px;

 border:#e5e5e5 1px solid;

 background:url(../images/gore-bg.gif) left top repeat-x;

}



.indentmenu ul li{

display: inline;

}



.indentmenu ul li a{

float: left;

color: #4593cd; /*text color*/

padding-left:10px;

padding-right:10px;

text-decoration: none;

border-right:#e5e5e5 1px solid; /*navy divider between menu items*/

}



.indentmenu ul li a:hover{

text-decoration:underline;

}



.indentmenu ul li a:visited{

color: white;

}



.indentmenu ul li a.selected{

color: white !important;

background-color:#4593cd;

}





.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;

}

}


/*  ################################################################  */
/*Default style for SPAN icons. Edit if desired: */

.iconspan{
float: right;
margin:0;
cursor:pointer;
width:86px;
height:38px;
border-bottom:#d8eaed 1px solid;
background-color:#d8eaed;
font-size: 14px;
color: #c0dde2;
text-align: right;
font-style: italic;
letter-spacing: normal;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
background-color: #EEF5D3;
font-weight: bold;
border: 1px solid black;
padding: 3px;
}

div.eg-bar{
width: 500px;
}

.icongroup1{
width: 575px;
}