﻿* {
	margin: 0;
}
body {
	height: 100%;
}
html {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -18px; /* the bottom margin is the negative value of the footer's height */
}
.push {
	height: 18px; /* .push must be the same height as .footer */
}


.footer {
	height: 18px; /* .push must be the same height as .footer */
}


/* CSS Document */
body{padding:0px; margin:0px; background:url(images/main-bg.gif) 0 0 repeat-x #fff; color:#5F7A77; font:13px/19px Arial, Helvetica, sans-serif;}
img{padding:0px; margin:0px;}
h2{padding:0px; margin:0px;}
ul{padding:0px; margin:0px;}
p{padding:0px; margin:0px;}
div{padding:0px; margin:0px;}
ul{list-style-type:none}
a{color:#5F7A77; text-decoration:none;}
a:hover{color:#5F7A77; text-decoration:none;}

/*----MAIN PANEL----*/
#mainPan{width:780px; position:relative; margin:0 auto;}


/*----HEADER PANEL----*/
#headerPan{width:900px; height:153px; background:url(images/header.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding:11px 0 0 92px;}

#headerPan p.caption{width:270px; color:#76C1C1; position:absolute; top:45px; left:350px;}

#headerPan ul.leftmenu{width:87px;}
#headerPan ul.leftmenu li{width:87px; height:22px; border-bottom:1px dashed #AECCCA;}
#headerPan ul.leftmenu li a{width:72px; height:22px; display:block; background:url(images/bullet-normal.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#headerPan ul.leftmenu li a:hover{background:url(images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#headerPan ul.leftmenu li.Solutions{width:72px; height:22px; display:block; background:url(images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#headerPan ul.leftmenu li.clients{width:87px; height:22px; border-bottom:none;}

#headerPan img.banner{position:absolute; top:0px; left:237px; height:163px; width:723px;}
#headerPanRadio{width:300px; height:30px; display:block; position:absolute; top:122px; left:645px;}


#headerPan ul.botton{position:absolute; top:120px; left:365px;}
#headerPan ul.botton li{float:left; height:30px;}
#headerPan ul.botton li.winamp a{width:40px; height:30px; display:block; background:url(stream/winamp_norm.png) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
#headerPan ul.botton li.winamp a:hover{background:url(stream/winamp.png) 0 0 no-repeat;}

#headerPan ul.botton li.wmp a{width:40px; height:30px; display:block; background:url(stream/wmp_norm.png) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
#headerPan ul.botton li.wmp a:hover{background:url(stream/wmp.png) 0 0 no-repeat;}

#headerPan ul.botton li.real a{width:42px; height:30px;display:block; background:url(stream/real_norm.png) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
#headerPan ul.botton li.real a:hover{background:url(stream/real.png) 0 0 no-repeat;}

#headerPan ul.botton li.quick a{width:40px; height:30px; display:block; background:url(stream/quick_norm.png) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
#headerPan ul.botton li.quick a:hover{background:url(stream/quick.png) 0 0 no-repeat;}

#headerPan ul.botton li.radio {width:300px; height:64px; display:block; text-indent:-200000px; margin:0px;}


/*----/HEADER PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:900px; position:relative; margin:0 auto; padding:10px 0 0 30px;}
/*----Body Left Panel----*/
#leftPan{width:114px; float:left;}

#leftPan h2{width:114px; height:34px; background:#fff; color:#5F7A77; font-size:18px; line-height:34px;}

#leftPan ul{width:114px;}
#leftPan ul li{width:114px; height:24px;}
#leftPan ul li a{width:102px; height:24px; display:block;  background:url(images/bullet2-normal.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:24px; padding:0 0 0 12px;}
#leftPan ul li a:hover{background:url(images/bullet2-hover.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none;}
#leftPan ul li span{text-decoration:underline;}

#leftPanDonations{width:100px; height:50px; display:block; position:absolute; top:350px; left:15px;}
/*----/Body Left Panel----*/
/*----Body Right Panel----*/
#rightPan{width:560px; height:780px; float:left; border-left:1px solid #C8E8E2; margin:28px 0 0; padding:0 30px; overflow:hidden;}
#rightPan p{padding:0 0 10px 0;}
#rightPan p.more{width:502px; height:25px; float:left; background:url(images/sky-color-bg.gif) 0 10px repeat-x; padding:0 0 20px 0;}
#rightPan p.more a{width:92px; height:21px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#958201; line-height:21px; text-transform:uppercase; text-decoration:none; margin:0 0 0 328px; padding:4px 0 0 50px;}
#rightPan p.more a:hover{background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#645804; text-decoration:none;}

#rightPan h2{width:96px; height:77px; float:left; display:block; background:url(images/icon3.jpg) 8px 38px no-repeat #B1DED5; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px; margin:0 0 5px 0;}


#rightPan h4{width:96px; height:77px; float:left; display:block; background:url(images/icon4.jpg) 8px 38px no-repeat #DFD79C; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px;  margin:0 0 5px 0;}

#rightPan ul.events{width:305px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px;}

#rightPan ul.events li.captionthree{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;}

#rightPan ul.events li{width:305px; height:20px;}
#rightPan ul.events li a{width:293px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#959595; text-decoration:underline; line-height:20px; padding:0 0 0 12px;}
#rightPan ul.events li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:underline;}

/*----/Body Right Panel----*/
/*----/BODY PANEL----*/
/*----/MAIN PANEL----*/

/*----FOOTER PANEL----*/
#footermainPan{height:18px; background:url(images/footerbg.gif) 0 0 repeat-x #D3F0F0; color:#2F5958; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:36px 0 0;}



#footerPan{width:725px; position:relative; left:71px; top:-10px; margin:0 auto;}
#footerPan a{padding:0 10px 0; color:#2F5958; background:#EBF8F7; text-decoration:none; font-size:13px;}
#footerPan a:hover{text-decoration:underline;}
/*----/FOOTER PANEL----*/


