/*=== 3-Column with JS Tab Nav ===*/
body {
    font-size:100%;
    background:#FFF url(../img/body-bg.jpg) repeat-x 0 0;
    margin:0;
    padding:0 0 20px;/*IE needs this for #wrapper bottom margin*/
}
html {overflow-y:scroll;} /*keep scrollbar present in FF*/

/*==== Begin Layout Structure ====*/
#wrapper {
    width:950px;
    margin:20px auto 0;
    background:#DDD url(../img/wrpr.jpg) repeat-x;
    border:1px solid #000; 
}
#header {
    height:6em;
    background:#565656 url(../img/wrpr.jpg) repeat-x;
    text-align:center;
    color:#FFF;
}

/*=== Begin Columns ===*/
#innerwrap {
    min-height:0;/*IE7 haslayout/float containment*/
    margin-left:190px;
    margin-right:190px;
    background:#FFF;/*#main BG color*/
    border-left:1px solid #000; 
    border-right:1px solid #000;
}
* html #innerwrap {height:1%;}/*IE6 haslayout/float containment*/

#innerwrap:after {/*clearfix adaption to contain floats in modern browsers*/
    clear:both;
    content:"";
    display:block;
    height:0;
    font-size:0;
}
#inner {
    float:left;/*nest #main & #left together and bring them first in source*/
    width:100%;
    position:relative;/*IE6/7 need this with fluid width #wrapper*/
}
#main {
    float:right;/*bring right float first in source*/
    width:100%;/*prevent shrinkwrapping of float*/
}
#left {
    float:left;/*float left to shift it left into #innerwrap left margin*/
    width:190px;
    margin-left:-190px;/*shift left into #innerwrap left margin*/
    position:relative;/*IE6 needs this with neg margin shift out of the parent*/
    right:1px;/*position past #innerwrap left border*/
    padding-top:.5em;
}
#right {
    float:right;
    width:190px;
    margin-right:-190px;
    position:relative;/*IE6 needs this with neg margin shift out of the parent*/
    left:1px;/*position past #innerwrap right border*/
    padding-top:.5em;
}
#footer {
    clear:both;
    height:1.75em;
    line-height:1.75em;
    background:#333;
    color:#FFF;
}

/*=== JS Tabs Div ===*/
.tabset_content {
    width:100%;/*haslayout with js off*/
	border-bottom:1px solid #000;
	background:#EEF;
	position:relative;
	z-index:1;
}
.tabset_content p {margin:0 .5em;padding-bottom:.5em;}

/*=== JS Tabs Nav Links ===*/
.tabset_tabs {
    width:100%;/*haslayout*/
	margin:0;
	padding:0;
	position:relative;
	z-index:2;
	text-align:center;
    background:#333;
    border-bottom:1px solid #000;
}
.tabset_tabs li {
	display: -moz-inline-box;/* for FF2 (inline-box must be used for shrink wrapping)*/
    display:inline-block;/* for modern browsers */
    vertical-align:bottom;
	list-style:none;
	border:1px solid #000;
	border-bottom:none;
}
* html .tabset_tabs li {display:inline;margin:0 2px;}/* inline-block trigger for IE6 */
*+html .tabset_tabs li {display:inline;margin:0 2px;}/* inline-block trigger for IE7 */

.tabset_tabs a {
    float:left;/* IE6/7 haslayout*/
	text-decoration: none;
	padding:2px 10px;
	background:#99C;
	font-weight:bold;
	font-size:.8em;
	color:#000;
}
.tabset_tabs a:hover {
	background:#EFF;
	color:#000;
}
.tabset_tabs a.active {
    position:relative;
    margin-bottom:-1px;
	background:#EEF !important;
	border-bottom:1px solid #EEF;
	color:#000;
}

/*=== Demo Typography ===*/
h1,h2,h3,p{margin:0 .5em .5em; font-size:1.5em;}
h1{padding-top:.3em; margin-bottom:.15em}
h2{font-size:1.2em;}
h3{font-size:1.1em;}
p{font-size:1em;}

#main h2,
#main h3{padding-top:.3em;}

#footer p{
    margin:0;
    font-size:.8em;
    font-weight:bold;
    text-align:center;
}
p.expand{
    font-size:.75em;
    font-weight:bold;
    padding:.75em 0;
}
p.expand a{ 
    text-decoration:none;
    color:#00F;
}
p.expand a:hover{
    display:block;
    height:250px;
    color:#FFF;
    background:#555;
}