#container
{
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    width:805px;
    position:relative;
    height:100%;
    
}
body 
{
        background:url("images/bg.jpg");
        text-align:center;
        margin:50px 0 20PX 0;
}
p
{
    padding-left:8px;
    padding-right:8px;
    text-align:left;
}
.ul-links
{
    margin:0px;
    margin-bottom:0px;
    margin-right:0px;
    margin-top:10px;
    margin-bottom:3px;
    padding:0px;
}
.li-links
{
    list-style:none;
    text-indent:10px;
    cursor:pointer;
    text-decoration:underline;
}
.top
{
        width:805px;
        margin:0px;
}
div
{
    font-size:11px;
    font-weight:bold;
    color: #666633;
    font-family:arial,verdana, helvetica,sans-serif;
    width:395px;
    height:245px;
}
div.logo
{
    background-image:url("images/quadrants-topleft-logo.jpg");
    float:left;
    border-top-style:solid;
    border-top-width:1px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
    -moz-border-radius:5px 0px 0px 0px;
    
}
div.q2Div
{
   /* background-image:url("images/q2-1.jpg");*/
    float:left;
    margin:0px;
    padding:0px;
    width:395px;
    height:245px;
}
div.q3Div
{
    background:rgb(181,183,132);
    float:left;
    line-height:25px;
    z-index:10;
}
div.q4Div
{
    color:White;
    background-color:#63614A;
    font-size:12px;
    font-family:sans-serif;
    font-style:normal;
    float:left;
    line-height:20px;
    z-index:10;
}
div.q5Div
{
    background-color:#63614A;
    width:14px;
    float:left;
    text-align:center;
    border-left-color:rgb(181,183,132);
    border-left-style:solid;
    border-left-width:thin;
    z-index:10;
}
div.multiSelector
{
    background-color:#D9D0B7;
    height:15px;
    color:#666633;
    text-align:right;
    vertical-align:middle;
    float:left;
    border-bottom-style:solid;
    border-bottom-width:1px;
    webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
    -moz-border-radius:0px 0px 0px 5px;    
}
div.controls
{
    height:15px;
}
.hoverMultiSelectorSpan
{
    cursor:pointer;
    width:15px;
    color:white;
    background-color:Black;
    vertical-align:middle;
    padding-bottom:2px;
    padding-right:5px;
    padding-left:5px;
    padding-top:1px;
}
.multiSelectorSpan{
    width:15px;
    color:"#666633";
    padding:5px;
    vertical-align:middle;
}
.h1Q4
{
    margin:3px 0 0 0;
    font-size:13px;
    font-weight:bold;
    text-align:center;
}
.h1Q4-center
{
    margin:3px 0 0 0;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    padding-top:100px
}
.ulQ4
{
   display:inline;
   float:left;
   margin:0 4px 0 0;
}
.pQ4
{
    margin:0;
    color:White;
    font-size:12px;
    font-weight:bold;
    font-family:arial,verdana, helvetica,sans-serif;
    padding-top:20px;
    padding-left:10px;
    padding-right:5px;
    
}
.liQ4
{
    margin:0px;
    display:inline;
    padding-right:5px;
    text-align:left;
}
div.q7Div
{
    background-color:#63614A;
    height:14px;
    float:left;    
    border-top-color:rgb(181,183,132);
    border-top-style:solid;
    border-top-width:thin;
    vertical-align:middle;
    text-align:right;
}
div.q8Div
{
    background-color:#63614A;
    width:15px;
    height:14px;
    float:left;    
    border-bottom-style:solid;
    border-bottom-width:1px;
    webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-radius:0px 0px 5px 0px;
}
.toolTippedObject
{
    /*position:relative; */
    cursor:pointer;
    color:white;
    font-size:14px;
    font-family:sans-serif;
    font-weight:lighter;
    font-variant:normal;
    font-style:normal;
    padding-left:15px;
    padding-right:15px;
} 
.hoveredToolTippedObject
{
    /*position:relative;*/
    cursor:pointer;
    color:white;
    font-size:14px;
    font-family:sans-serif;
    font-weight:lighter;
    font-variant:normal;
    font-style:normal;
    padding-left:15px;
    padding-right:15px;
} 
.toolTipText
{
    display: none;
} 
.hoveredToolTipText
{ 
 /* position:relative; */
  display:block; 
  border:1px solid black; 
  top:1.3em; 
  left:5px; 
  background-color:gray; 
  color:white; 
  text-align: center; 
} 
div.rotator
{
	position:absolute;
}
div.rotator ul li 
{
	float:left;
	position:absolute;
    left:0px;
    top:0px;
    margin:0px;
	list-style: none;
}
div.rotator ul li img 
{
    width:395px;
    height:246px;
}
div.rotator ul li.show 
{
	z-index:-1;
}
div.imageSelector
{
    background-color:#D9D0B7;
    width:15px;
    float:left;
    text-align:center;
    vertical-align:text-bottom;
    z-index:10;
    border-top-style:solid;
    border-top-width:1px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
    -moz-border-radius:0px 5px 0px 0px;    
}
.hoverImageSelectorSpan
{
    cursor:pointer;
    width:15px;
    background-color:Black;
    color:white;
    text-align:center;
    padding-bottom:2px;
    padding-right:5px;
    padding-left:5px;
}
.imageSelectorSpan
{
    cursor:pointer;
    width:15px;
    text-align:center;
    padding-bottom:10px;
    padding-right:5px;
    padding-left:5px;
    float:none;
}
span.paragraphCounter
{
    color:white;
    font-size:10px;
    padding-bottom:2px;
    margin-bottom:2px;
    vertical-align:text-top;
}