/**********   GENERAL STYLES   **********/
body, td, th, select, input, h3 { 
   font-family: Arial, Tahoma, Verdana, Courier, sans-serif; 
   color: #000000;
   font-size: 13px;
}
small {
   font-size: 10px;
}
a, a:hover {
   color: #244862;
   text-decoration: underline;
}
a:hover {
   color: #ff3700;
}
table {
   border: 0px; 
   border-collapse: collapse;
}
form, img, div, td {
   padding: 0;
   margin: 0;
   background: transparent;
   border: none;
}
p {
   padding: 0px 0px 10px 0px;
   margin: 0px;      
}
ul {
   padding: 0px 0px 6px 0px;
   margin: 0px 0px 0px 10px;
   list-style: none;
}
ul li {
   background: transparent url(images/li.gif) no-repeat 0px 2px;
   margin: 0;
   padding: 0px 0px 5px 20px;
}
h1 {
   font-family: arial;
   font-size: 22px;
   font-weight: bold;
   color: #283746;
   padding: 0px 0px 14px 0px;
   margin: 0px;
}
/**********   DESIGN ELEMENTS   **********/
body { 
	margin: 0; 
	padding: 0;
	min-width: 990px;    
   background: #ffffff url(images/bg_head.jpg) repeat-x 0px 0px;
}
#out {
   background: transparent url(images/bg_head_left.jpg) no-repeat 0% 0%;
	width: expression((document.body.clientWidth||document.documentElement.clientWidth)  > 1000 ? '100%' : '1000px');
}
#head {
   height: 100px;
   clear: both;
   width: 100%;
}
#logo {
   position: relative; 
   padding: 0px 0px 0px 45px; 
   float: left;
}
#logo img {
   position: relative; 
   bottom: -5px;
}
#content { 
	float: left; 
	width: 100%;
	margin: 0px 0 0 270px;    
} html>body #content { 
	margin: 0px -270px 0 270px;   
}
#main #content {
	width: 100%;
	margin: 0;
	/* width: expression(document.body.clientWidth > 800? "35em": "auto" ); */
   background: transparent url(images/bg_head_right.jpg) no-repeat 100% 0%;
}
#sidebar_left { 
	float: left; 
	width: 270px;
   background: transparent url(images/shadow.jpg) no-repeat 100% 0%;
   position: relative;
   z-index: 5;
   //margin-right: -270px;
}
#sidebar_left .indent {
   padding: 12px 20px 0px 50px;
   height: 400px;
}
.content_main {   
   padding: 20px 50px 0px 270px;   
}
.frameTop {
   background: #E7EDF1 url(images/border.gif) repeat-x 0px 0px;
}
.gradTop {
   background: #ffffff url(images/grad_foot.gif) repeat-x 0% 100%; 
   border-bottom: 1px solid #254963;
}
.frameIn {
   vertical-align: top;
   background: transparent url(images/grad_head.gif) repeat-x 0% 0%;
   padding: 0px 9px 31px 19px;
}
.full {
   width: 100%;
}
#foot {
   margin: 0px 10px;
   padding: 7px 0px 23px 0px;
   border-top: 10px solid #647382;
   text-align: right;
   font-family: Tahoma;
   font-size: 11px;
}
#foot p {
   padding: 0px 0px 7px 0px;
}
#foot .menuBtm a, #foot .menuBtm {
   color: #283746;
}
#foot a:hover, #foot .menuBtm b, #foot .menuBtm a:hover {
   color: #ff3700;
}
#foot .menuBtm {
   float: left;
}
#foot .menuBtm a {
   font-weight: bold;
}
/* menu */
.submenu, .submenu a {
   color: #14283c;
}
.submenu b, .submenu a:hover {
   color: #ff3700;
}
.submenu a {
   font-weight: bold;
}
.submenu {
   font-size: 11px;
   font-family: Tahoma;
   padding: 0px 0px 15px 0px;
   margin: 0px;
}
.menu {
   padding: 0px;
   margin: 0px 0px 19px 0px;
   border-top: 1px solid #647391;
}

.menu a {
   color: #14283c;
   text-decoration: none;
}
.menu a:hover {
   color: #ff3700;
   text-decoration: none;
}
.menu li {
   padding: 7px 0px 6px 21px;
   margin: 0px;
   background: transparent url(images/arrow_menu.gif) no-repeat 0px 9px;
   border-bottom: 1px solid #647391;
   font-family: Arial;
   font-size: 14px;
   font-weight: bold; 
   text-transform: uppercase;  
}
.menu li ul {
   padding: 11px 0px 0px 0px;
   margin: 0px;
   border: none;
}
.menu li li {
   line-height: 1.2em;
   padding: 0px 0px 7px 14px;
   margin: 0px;
   background: transparent url(images/arrow_submenu.gif) no-repeat 0px 6px;
   border-bottom: none;
   font-family: Tahoma;
   font-size: 11px;
   font-weight: bold; 
   text-transform: none;  
   color: #ff3700;
}
.str
{
    background: transparent url(images/arrow_submenu.gif) no-repeat 0px 6px;
    padding: 0px 0px 7px 14px;
}

.menu li li.active {
   background: transparent url(images/arrow_submenu_a.gif) no-repeat 0px 6px;
}
.menu li li a, .menu li li a:hover {
   text-decoration: underline;
}

/* login form : begin */
.boxLogin {
   float: right; 
   margin: 20px 0px 0px 0px;
   padding: 0px 50px 0px 30px; 
   background: transparent url(images/t_login.gif) no-repeat 0px 0px;
}
.boxLogin div.frames {
   background: #E4EAEF; 
   border: 1px solid #647391;
   padding: 9px 0px 0px 9px;
}
.boxLogin form {
   width: 219px;
   height: 69px;
}
.boxLogin, .boxLogin form, .boxLogin input {
   font-family: Tahoma;
   font-size: 11px;
}
.boxLogin p {
   padding: 0px;
   margin: 0px;
}
.boxLogin div.button {
   float: left;
}
.boxLogin ul {
   float: left;
   padding: 0px;
   margin: 0px 0px 0px 10px;
   font-weight: bold;
}
.boxLogin ul li {
   background: transparent url(images/arrow_blue.gif) no-repeat 0px 2px;
   padding: 0px 0px 7px 15px;
   margin: 0px;
}
.boxLogin ul li.blue a:hover {
   color: #ff4b00;
}
.boxLogin ul li.red a {
   color: #ff4b00;
}
.boxLogin ul li.red a:hover {
   color: #244862;
}
.boxLogin ul li.red {
   background: transparent url(images/arrow_red.gif) no-repeat 0px 2px;
}
.boxLogin input.field {
   width: 100px;
   height: 20px;
   border: 1px solid #244862;
   background: #ffffff;
   padding-left: 3px;
   margin: 0px 9px 7px 0px;
}

input
{
    border: 1px solid #244862;
    margin-top: 3px;
    background: #ffffff;
}

.button {
   margin: 2px 0px 0px 0px;
   border: 1px solid #244862;    
   background: #ffffff; 
}
.button input {   
   border: none;
   border-collapse: collapse;
   background: #ffffff url(images/bg_btn.gif) repeat-x 0% 100%;
   font-family: Tahoma;
   color: #244862;
   font-weight: bold;
   font-size: 11px;
   text-align: center;
   padding: 0px;
   margin: 1px;
   height: 16px;
}
.boxLogin .button input {
   width: 56px;
}
/* login form : end */
/* content table styles : begin */
.table th, .table td {
   font-size: 10px;
   font-family: Tahoma;
   text-align: left;
   padding: 3px 10px 5px 0px;
   background: #ffffff;
}
.table tr.odd td {
   background: #e4eaef;
}
.table td.first, .table th.first {
   padding-left: 10px;
}
#sidebar_left .table td.first, #sidebar_left .table th.first {
   padding-left: 20px;
}
/* content table styles : end */
/* ads box styles : begin */
.ads {
   padding: 4px 10px 0px 0px;  
   font-size: 12px;
}
.ads h5 {
   padding: 0px 0px 4px 0px;
   margin: 0px;
   font-size: 12px;
   font-family: Arial;
}
.ads p {
   padding: 0px 0px 9px 0px;
   margin: 0px;
}
.ads p small a {
   color: #647382;
   text-decoration: none;
}
.ads p small a:hover {
   color: #ff3700;
   text-decoration: none;
}
.ads small a, .ads a small {
   color: #647382;
   text-decoration: underline;
}
.ads small a:hover, .ads a:hover small {
   color: #ff3700;
   text-decoration: underline;
}
/* ads box styles : end */
.more {
   text-align: right;
   background: transparent url(images/arrow_red.gif) no-repeat 100% 6px;
   font-weight: bold;
   padding: 0px 29px 12px 0px;
   margin: 0px;
}
.more a {
   color: #ff3700;
}
.more a:hover {
   color: #244862;
}
.banner {
   padding: 0px 0px 20px 5px;
}
.title {
   background: transparent url(images/crn_title.gif) no-repeat 100% 100%;
   height: 30px;
   padding: 0px 10px 0px 0px;
}
.title div {
   background: transparent url(images/bg_title.gif) repeat-x 0% 100%;
}


.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
}

.glossymenu li{
position: relative;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
filter:alpha(opacity=100);
-moz-opacity:1;
}

.glossymenu li a{
font: bold 12px Verdana, Helvetica, sans-serif;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: black;
}

.glossymenu li a:hover{

}

.lyrics {
   font-family: tahoma;
   font-size: 13px;
   font-weight: bold;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */