
#btable ul
{
    padding: 2px 0px 0px 0px;
    margin: 0px;
    list-style-type: none; 
}

#btable li {margin: 0; padding: 0;}

#btable h2 
{
    margin: 0;
	padding: 0;
}


#box > h2
{color: #d10163;
 vertical-align: top;
}

#box 
{
    width: 525px; 
	padding: 0 17px;
	line-height: 18px;
}



.b2, .b1 {
width: 187px;
}

.b3 {
width: 185px;
}


.b1, .b2, .b3 
{
	font-family: 8px;
    padding: 0px;
    vertical-align: top;
    
}

h1
{
    color: #d10163;
	line-height: 22px
}

h3
{
    font-size: 16px;
    color: #663399;
}

h2 {color: #d10163;}
h2.title {margin: 0; padding: 0; color: #E50028 !important; font-size: 20px; font-family:Arial;}


.left, .lastleft 
{
    float: left;
    width: 186px;
    height: 250px;
}

.lastleft{
    width: 187px;
}

#column1 {background-image: url(images/Columns-Indoor.png);}
#column2 {background-image: url(images/Columns-Outdoor.png);}
#column3 {background-image: url(images/Columns-Events.png);}


#column1, #column2
{
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 250px;
    width: 186px;
}

#column3 
{
        display: block;
        width: 187px;    
        background-position: 0 0;
        background-repeat: no-repeat;
        height: 250px;
}

#column1:hover, #column2:hover, #column3:hover 
{
    background-position: 0 -250px;
}

.hidden {display: none;}

.bold {font-weight: bold;}

.thum2 {background-color: #E9E9E9; width: 224px; height: 260px; padding: 15px; float: right; margin-bottom: 20px;}
.thum {background-color:#E9E9E9; width: 224px; height: 260px; padding: 15px; float: left; margin-bottom: 20px;}


.textlink a:link, .textlink a:visited {
color: #663399;
margin-top: 2px; 
bottom-top:5px;
font-size: 12px
}

.textlink a:hover, .textlink a:active {
text-decoration: none;
color: #663399;
margin-top: 2px; 
bottom-top:5px;
font-size: 12px
}

.note {color: #000000; font-weight: bold; font-size: 11px; font-family: arial; line-height: 15px; margin-top: 2px; bottom-top:5px}

hr {width: 100%; height: 2px; margin: 20px auto; color: #F0F0F0; background-color: #F0F0F0; border: none}

.none{list-style: none; text-align: left; left-margin: 0px; margin: 0px; padding: 0;}


/* New */

#cc_menu {
    height: 26px;
    -moz-border-radius: 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px;
    list-style-type: none;
    padding: 0;
    background-color: #ddd;
    margin: 10px 0;
}

#cc_menu li {
    float: left;
    margin: 0 19px;
    line-height: 24px;
}

#cc_menu li.active {
    background-color: #444;
    line-height: 24px;
    -moz-border-radius: 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px;
    vertical-align: middle;
    padding: 0 21px;
    color: #fff;
    margin: 0;    
}

#cc_menu li a{
    font-size: 11px;
    font-weight: bold;
    color: #222;
    text-decoration: none;
}

#cc_menu li.active a{    
        color: #fff;
}

#cc_content {

    width: 505px;
    background-color: #ddd;
    border-radius: 5px 5px 5px;
    -moz-border-radius: 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px;
    padding: 10px;
    overflow: auto;
}

#cc_banner {
    width: 100%;
    height: 65px;
    
}

#sample_bar {
    width: 200px;
    margin-right: 10px;
    float: right;
    background-color: #fff;
    -moz-border-radius: 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px;
    padding: 5px;
    margin-left: 10px;
    text-align: center;
}

#sample_bar img {
    margin: 0 auto;
}

#clip_options {


}

#clip_options td {
    text-align: center;
    width: 50%;
    background-color: #fff;
    border-radius: 5px 5px 5px;
    -moz-border-radius: 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px;
    padding: 10px;
}

#clip_options td p {
    font-size: 11px;
    font-weight: bold;
    padding: 10px 0 0 0;

}
