/* Start of CMSMS style sheet 'Slam CSS' */
/* CSS Document */

BODY{
background-image:url(uploads/sc_images/bg.png);
background-attachment:scroll;
background-repeat:repeat-x;
font-family: Trebuchet MS, Helvetica, sans-serif;
background-color:#63737A;
}

a:linked img {border:0;}
a:visited img {border:0;}

.calTable{margin-top:0;}

.header{
margin:0 auto;
width:800px;
background-image:url(uploads/sc_images/header.gif);
height:69px;}

.mid_column{
margin:0 auto;
width:800px;}

.block_btm{
margin:0 auto;
width:800px;
height:45px;}

.block_btm a{text-decoration:none;}

.blocks1{
width:169px; 
height:35px;
background-color:#333333; 
float:left;
color:#C2F203;
padding:5px;
padding-left:15px;
padding-right:15px;
font-weight:bold;
font-size:11px;}

.blocks2{
width:169px; 
height:35px;
background-color:#333333; 
float:left;
color:#C2F203;
padding:5px;
padding-left:15px;
padding-right:15px;
font-weight:bold;
font-size:11px;}

div.breadcrumbs {
top:0;
padding:0px 0px 5px 0px; /* CSS short hand rule first value is top then right, bottom and left */
font-size: 70%; /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
margin:0px 20px 0px 20px;  /* css shorthand rule will be opened to be "0 1em 0 1em" */
border-bottom: 0px dotted #000;
}

div.breadcrumbs span.lastitem {
font-weight:bold;
}

.main_content_area{
margin:0 auto;
background-color:#FFFFFF;
width:800px;
padding-top: 15px;
}

.footer{
margin:0 auto;
width:800px;
}

.title{
color:#FFFFFF;
padding-top: 18px;
float:left;
width:270px;
height:50px;
font-weight: bold;
text-align: center;
font-size: 24px;
}

.navigation{
float:right;
padding-top:35px;
padding-right:15px;
color:#FFFFFF;}

.content_areaa{
width:600px;
float:left;
border-right: 1px #CCFF00 solid;
}

.content_areab{
width:800px;
float:left;
border-right: 0px #CCFF00 solid;
}

/* RIGHT SIDE */

.sub_content_1{
background-image:url(uploads/sc_images/home/home_classic_logo.jpg);
background-repeat:no-repeat;
width:184px;
min-height:210px;
float:right;
color: #FFFFFF;
margin-right:8px;
}

.sub_content_2{
width:184px;
min-height:250px;
float:right;
color: #FFFFFF;
margin-right:8px;
overflow:hidden;
clip:0px 0px 20px 0px;

}

.sub_content_3{
width:184px;
min-height:300px;
float:right;
color: #FFFFFF;
margin-right:8px;
overflow:hidden;
clip:0px 0px 20px 0px;
}

.sub_nav{
width:180px;
padding:8px;
color:#49555B;
border-right: 1px #CCFF00 solid;
}
*:first-child+html .sub_nav {font-size:75%;} /* Fix text in IE7 Only */
* html .sub_nav {font-size:75%;} /* Fix text in IE6 Only */
html>/**/body .sub_nav {font-size:80%;} /* Text for all non-IE modern browsers */

h2{
margin:0px;
}

.content_area2a{
width:384px;
float:right;
padding-right:8px;
padding-left:8px;
}

.content_area2b{
width:580px;
float:right;
padding-right:14px;
padding-left:8px;
}


a:link {color: #006699; text-decoration:none;}   
a:visited {color: #006699; text-decoration:none;}
a:hover {color: #003b5f; text-decoration:underline;}  
a:active {color: #006699; text-decoration:none;} 

.scroller{
overflow:auto;
width:150px;
height:200px;
border: solid 1px #CCCCCC;
list-style:none;}

.nav{
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
font-size:10px;}
.nav:link, .nav:visited {color:#C2F203; text-decoration:none;}
.nav:hover{color:#FFFFFF; text-decoration:underline;}

.tags{
   border-left:1px  dotted #49555B;
   margin:10px 0px 0px 10px;
   padding:0px 8px 0px 8px;
   font-size:90%;
   color: #49555B;
   background: transparent;
}
.tags a{text-decoration: none; color: #49555B; line-height:100%;}
.tags a:hover{text-decoration: none; color: #E7AB0B; line-height:100%;}

ul.menu{
margin:0px;
padding:5px;
list-style:none;
width:110px;}

img.screenshot{
width:60px;
height:50px;
float:right;}

.style1 {color: #FFFFFF;}
.style2 {color: #C2F203;}
.style4 {color: #EC008C;}

.partnerspage a{font-decoration:none;}

.content3col{
	width:576px; height:;
	clear:both;
}
*:first-child+html .content3col{font-size:75%;} /* Fix text in IE7 Only */
* html .content3col{font-size:75%;} /* Fix text in IE6 Only */
html>/**/body .content3col{font-size:80%;}  /* Text for all other modern browsers */

.content3colAB{
	float:left;
	width:388px; height:;
	padding:0;
}

.content3colA{
	float:left;
	width:188px;
}
.content3colB{
	float:right;
	width:188px;
	margin-left:10px;
}
.content3colC{
	float:right;
	width:176px;
}

.content2col{
	float:left;
	width:388px; height:;
	padding:0;
}
*:first-child+html .content2col{font-size:75%;} /* Fix text in IE7 Only */
* html .content2col{font-size:75%;} /* Fix text in IE6 Only */
html>/**/body .content2col{font-size:80%;}  /* Text for all other modern browsers */


/* Voting Script */

*:first-child+html #myframe { height: 280px; }
* html#myframe { height: 285px; }
html>/**/body #myframe { height: 280px; }

*:first-child+html #voting{height: 280px;}
* html #voting{height: 285px;}
html>/**/body #voting{height: 312px;}

#poweredby {color:#FFFFFF;}

/* End of 'Slam CSS' */