/* floatings are the boxes that reside along the right and left side of the content section.

They are positioned using negative magins based upon the type of floating they are.

.floating.left has a negative left magine, and .floating.right has a negative right margin.

It is essentially that there exsist a padding on the left side of .floating.left objects so that the text is not cut.

.floating can be created with any content inside, generally, for example 'quick links' are created like so:

<h2 class='top'>Quick Links</h2>
<ul>
<li></li>
<li class='heading'></li>
</ul>
*/
.floating
{
    margin: 0 15px 25px 15px;
    width: 200px;
    background: white url('bgs/miniheader.png') no-repeat 0px -4px;
    box-shadow: 0 0 15px rgba(0,0,0,.6);
    font-family: "trebuchet MS";
    font-size: 14px;
    color: Black;
}
/*.top refers to the h2 that is above the ul */
.floating .top
{
    margin: 0px auto 10px auto;
    color: white;
}
.floating .top h2
{
    margin-left: 18px;
}
.floating ul
{
    list-style: none;
    margin-bottom: 15px;
}
.floating li
{
}
.floating li ul
{
    margin-left:10px;
}
.floating li a
{
    display: inline-block;
    width:180px;
    height: 100%;
    padding-left:20px;
}
.floating li a:hover, .floating li.heading a:hover
{
    background: rgb(99,43,63);
    color: white;
    cursor: pointer;
}
/* .headings make the font larger, and invert colors */
.floating li.heading, .floating li.heading a
{
    background: rgb(99,43,63);
    color: white;
    font-size: 19px;
    border-bottom: solid white 1px;
    border-top: solid white 1px;
    padding-left:18px;
}
.floating.left
{
    float: left;
    margin-left: -35px;
    border-top-left-radius: 22px;
    border-bottom-right-radius: 22px;
}
.floating.right
{
    float: right;
    margin-right: -35px;
    border-bottom-left-radius: 22px;
    border-top-right-radius: 22px;
}
.floating.image
{
    width: 190px;
    padding: 6px 6px 0 6px;
}
/* should you wish to group multiple .floating together along one side, it is essential that you wrap them in the appropriate div */
.leftCol
{
    width: 201px;
    float: left;
    margin-left: -35px;
}
.leftCol .floating
{
    margin: 0 0 25px 0;
}
.rightCol
{
    width: 201px;
    float: right;
}
.floating p
{
    padding: 0 20px;
}