@CHARSET "ISO-8859-1";

body{
	margin:0px;
	padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	background-color:#194DD1;
}

h1,h2,h3,h4,h5{
	font-size:18px;
}

a,a:visited,a:active,a:link,a:hover{
	border:0px;
	text-decoration: none;
	outline: none;
}

a,a:visited,a:active,a:link{
	color:white;
}

a:hover{
	text-decoration: underline;
}

img{
	border:0px;
}

ul{
	margin: 0px;
	padding: 13px 0px 13px 40px;
}

p{
	margin:2px 0px;	
}

#mainContainer{
	position:relative;
	background-color:#194DD1;
	min-height:800px;
	height:auto !important;
	height:800px;
}

#temp{
	margin-right:-7px;
	}

#comp h2{
	margin:0px;
}

#secondaryMenu{
	position: absolute;
	right:256px;
	top:-35px;
	}

#secondaryMenu ul{
	margin:0px;
	list-style-type: none;
	}
	
#secondaryMenu li{
	float:left;
	}
	
#secondaryMenu li a{
	font-size: 0px;
	display: block;
	background-color: transparent;
	background-repeat: repeat-y;
	height: 15px;
	padding: 0px 0px 0px 6px;
	background-position: center 17px;
	border-right:1px solid #fff100;
	}

#bottomNav{
	padding-left: 30px;
	padding-top: 25px;
	}
	
#secondaryMenu li a:hover,
#secondaryMenu li a.active{
	background-position: center 0px;
	border-right:1px solid #FFFFFF;
	}

.noText{
	font-size: 0px;
	}

/** ### Box ### **/
b.tl,b.tr,
b.bl,b.br{
	position:absolute;
	width:12px;
	height:12px;	
}

/** bottom **/
b.bl,b.br{
	bottom:0px;
}

/** top **/
b.tl,b.tr{
	top:0px;
}

/** left **/
b.bl,b.tl{
	left:-13px;
	.left:-12px;
}

/** right **/
b.br,b.tr{
	right:-13px;
}

b.br,
b.tr,
b.bl,
b.tl{
	background-repeat:no-repeat;
	display:block;
	width:13px;
	/*height:12px;*/
	/*height:9px;*/
	height: 4px;
	font:0px;
}

b.br{
	/*background-position:right bottom;*/
	background-position:right bottom;
}

b.tr{
	/*background-position:right top;*/
	background-position:right top;
}

b.bl{
	/*background-position: left bottom;*/
	background-position: left bottom;
}

b.tl{
	/*background-position: top left;*/
	background-position: top left;
}

.roundtop,
.roundbottom{
	/*height:9px;*/
	height: 4px;
	margin:0 12px;
	margin:auto;
	position: relative;
	font-size: 0px;
}

.containerBox{
	margin:auto;
	/*padding:0px 12px;*/
}

#leftPanel .containerBox h2{
	margin-top:0px;
	margin-bottom:20px;
	width:583px;
	}
	
#rightPanel .containerBox h2{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom:5px;
	}

/** end of box**/

/** yellow purple box **/
.purpleBox,
.yellowBox,
.whiteBox{
	position:relative;
}

/** PURPLE **/
.purpleBox b.br,.purpleBox  b.tr, .purpleBox b.bl,.purpleBox b.tl{
	background-image:url(../../../images/cr-pur.png);
}

.purpleBox .roundtop,
.purpleBox .roundbottom{
	background-color:#C90A84;
}

.purpleBox .containerBox{
	width: 100%;
	background-color: #C90A84;
}

/** YELLOW **/

.yellowBox b.br,.yellowBox  b.tr, .yellowBox b.bl,.yellowBox b.tl{
	background-image:url(../../../../images/cor-yellow.png);
}

.yellowBox .roundtop,
.yellowBox .roundbottom{
	background-color:#fff100;
}

.yellowBox .containerBox{
	width: 100%;
	background-color: #fff100;
}

/** white **/
.whiteBox b.br,.whiteBox  b.tr, .whiteBox b.bl,.whiteBox b.tl{
	background-image:url(../../../../images/cor-white.png);
}

.whiteBox .roundtop,
.whiteBox .roundbottom{
	background-color:#fff;
}

.whiteBox .containerBox{
	width: 100%;
	background-color: #fff;
	border-right:5px solid white;
}

.yellowBox .trans,
.purpleBox .trans,
.whiteBox .trans{
	background-color: transparent;
}

.purpleBox .trans{
	border-left:4px solid #C90A84;
	border-right:4px solid #C90A84;
}

.yellowBox .trans{
	border-left:4px solid #fff100;
	border-right:4px solid #fff100;
}

.whiteBox .trans{
	border-left:4px solid #FFF;
	border-right:4px solid #FFF;
	}

.purpleBox .trans,
.yellowBox .trans,
.whiteBox .trans{	
	width: 97%;
}

/** width **/


/** left **/
.fullWidth b.bl,.fullWidth b.tl{
	left:-8px;
}

/** right **/
.fullWidth b.br,.fullWidth b.tr{

	right:-13px;
}

.boxRatio{
	width: 100%;
}

#leftPanel .boxRatio .roundtop,
#leftPanel .boxRatio .roundbottom{
	width: 96%;
}

#rightPanel .boxRatio .roundtop,
#rightPanel .boxRatio .roundbottom{
	width: 92%;
}
	
/** ## end of boxes ## **/

#shoutOut li div.pBig{
	font-size: 12px;
	line-height: 17px;
	}	

#sky{
	top:0px;
	right:0px;
	position:absolute;
	/*background-image:url(../../../../images/skyblog.jpg); background-position: right top; background-repeat:no-repeat; */
	/*width:100%;*/
	height:668px;
	z-index: 2;
}

#logo{
	display:block;
	height:200px;
	margin-bottom:24px;
}

#logo div{
	background:transparent url("/images/sun_main_bg.png") no-repeat;
	width:443px;
	height:179px;
	z-index: 10;
	position: absolute;
	}

#logo a{
	display:block;
	height:110px;
	left:87px;
	position:absolute;
	top:30px;
	width:185px;
	z-index:3;
}

#sponsors{
	margin-top:20px;
	width: 896px;
	}
	
#sponsors h2{
	margin-top:0px;
	margin-bottom: 5px;
	margin-left: 25px;
	}

#outterWrapper{
	z-index: 4;
	position:absolute;
	width: 100%;
	background-color:#194DD1;
}


.jScrollPaneContainer{
	width: 256px !important;
	.width: 255px ;
	_width: 256px !important;	
	}
	
#rightPanel .jScrollPaneContainer{
	width: 246px !important;
	.width: 246px !important;
	_width: 246px !important;	
	}


#innerWrapper{
	margin:auto auto 60px 67px;
	width: 894px;
	display:inline-block;
	position:relative;
	z-index:9;
}

#leftPanel{
	width: 633px;
	float: left;
}

#leftPanel .purpleBox .containerBox{
	min-height: 299px;
	height: auto !important;
	height: 299px;
	}

#rightPanel{
	width: 254px;
	float: right;	
}

#listen a{
	background-image: url("../images/listen.png");
	background-repeat: no-repeat;
	display: block;
	width:160px;
	height: 39px;
}

#pager{
	position: relative;
	width:190px;
	bottom:0px;	
	height:20px;
	padding:8px 10px 2px;
	line-height:24px;
	z-index: 10;
	}
	
#shoutOut{
	border-bottom: 3px #C90A84 solid;
}

#marquee{
	margin-top:20px;	
}

.padIt{
	padding:20px;
}

/** navMenu **/

ul#navMenu{
	padding:0px;
	margin:0px;
	height:26px;
	margin-left:22px;
	padding-top:5px;
}

ul#navMenu li{
	float:left;
	list-style-type:none;
}

ul#navMenu a{
	padding:2px 3px;
	border-right: 2px solid #C90A84;
	position: relative;
	display: block;
	height:16px;
	background-repeat: no-repeat;
	background-position: center -18px;
	/*border-left:1px solid #C90A84;*/
}

ul#navMenu a:hover{
	border-right: 2px solid #404041;
	background-position: center 0px;
	/*border-left:2px solid #404041;*/
}

ul#navMenu a.active{
	border-right: 2px solid #404041;
	background-position: center 0px;
	}

/** classes **/

.white{
	color:white;
}

p.yellowRect{
	color: #C90A84;
	font-family: verdana;
	padding:10px 5px;
	background-color: #fff100;
	width:180px;
	margin-top:3px;
	margin-bottom:25px;
}

div.pagination .next,
div.pagination .prev,
div#pager .next,
div#pager .prev{
	display: block;
	background-color: transparent;
	background-repeat: repeat-y;
	background-position: center top;
	height:13px;
	float: left;
	overflow: hidden;
	font-size: 0px;
	}
div.pagination .next,
div#pager .next{
	background-image: url("/images/next_im.png");
	width:36px;
	}
div.pagination .prev,
div#pager .prev{
	background-image: url("/images/prev_im.png");
	width: 62px;
	}
div.prev,
div.next{
	background-position: center -13px !important;
	}

.spaceDown{
	margin-bottom:6px;
}

.spaceDownX2{
	margin-bottom:12px;
	}

/** scroller **/

.scroll-pane{
	height:260px;
	overflow:auto;
	width:213px;
	.width:214px;
}

.turnPurple  #pane2{
	background-color: #C90A84;
	}

.turnPurple h2{
	background-color: #C90A84;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	}
	
.turnPurple a{
	color: #fff100;
	text-decoration: underline;
	}

a.jScrollArrowUp {
	background:transparent url(../images/up.png) no-repeat scroll left -1px;
	height:30px;
}

a.jScrollArrowDown {
	background:transparent url(../images/down.png) no-repeat scroll left 0px;
	height:23px;
	_bottom: -1px;
}

.jScrollPaneDrag {
	background:transparent url(../images/drag.png) no-repeat scroll 0 8px;
	height:30px !important;
	width: 30px !important;
}

.jScrollPaneDragTop {
	background:transparent url(../images/arrowUp.png) no-repeat scroll 0 0;
	width: 30px !important;
}

.jScrollPaneDragBottom {
	background:transparent url(../images/arrowDown.png) no-repeat scroll 0 0;
	width: 30px !important;
}

.jScrollPaneDragBottom,
.jScrollPaneDragTop{
	height:8px;
}

.jScrollPaneTrack{
	background:transparent url(../images/track.png) repeat-y scroll left 0;
	width: 24px !important;
}

/** end scroller **/

#pane2{
	padding: 15px 10px 0px;
	line-height:17px;
	font-size:12px;
	width:218px !important;
}

#pane2 p{
	}

ul.ajax_comments{
	padding:0px;
}
ul.ajax_comments li{
	list-style-type: none;
}

.noMargin{
	margin: 0px;
	}

.pagination{
	position: absolute;
	bottom:0px;
}

.relative{
	position: relative;
}

.box{
	padding-right: 15px;
	padding-left: 15px;
}

.clear{
	clear: both;
}

.noFont{
	font-size: 0px;
	}


/** news ticker **/

.tickercontainer {
	height:15px;
	margin:0;
	width:572px;
}
.tickercontainer .mask {
	left:6px;
	overflow:hidden;
	position:relative;
	top:2px;
	width:615px;	
}

ul.newsticker {
	font-family: Georgia;
	font-size:13px;
	left:550px;
	line-height:normal;
	list-style-type:none;
	padding:0px;
	position:relative;	
}

ul.newsticker li{
	.float:left;
}

ul.newsticker li span{
	border-right:1px solid white; 
	cursor: default;
	float:left;
	color:white;
	margin:0 12px 0 0;
	padding:0 12px 0 0;
	white-space:nowrap;
}

.spaceTop20{
	padding-top:14px;
	}

#controller{
	width:10px;
	height:10px;
	float: left;
	margin-top:5px;
	}
.play,
.stop{
	cursor: hand;
	cursor: pointer;
	background-image: url("../images/playController.png");
	background-repeat: no-repeat;
	font-size: 0px;
	}

.play{
	background-position: center -10px;
}

.stop{
	background-position: center 0px;
}

.fullWidth .trans{
	width:892px;
}

.fullWidth .roundtop,
.fullWidth .roundbottom{
	width:880px;
}

#leftPanel .trans{
	width:623px;
	}

#rightPanel .boxRatio .roundtop,
#rightPanel .boxRatio .roundbottom{
	left:0px;
	position:relative;
	width: 230px;
	.width: 229px;
	}

.left{
	float:left;
}

.right{
	float:right;
}

.pushLeft{
	padding-left: 15px;
	}
	
.pushRight{
	padding-right: 15px;
	}

.cell155{
	width:155px;
	}
	
.event .cell155{
	width:140px;
	}
	
.cell160{
	width: 160px;
	}
	
.event .cell160{
	width:145px;
	}

.cell170{
	width:170px;
	}
	
.event .cell170{
	width:155px;
	}

.cell236{
	width:236px;
	}
	
.event .cell236{
	width:221px;
	}
	
.cell225{
	width: 225px;
	}
	
.event .cell225{
	width:210px;
	}
	
.cell117{
	width: 117px;
	}
	
.cell110{
	width: 110px;
	}
	
.event .cell117{
	width:102px;
	}
	
.cell290{
	width: 290px;
	}
	
.event .cell290{
	width:275px;
	}
	
.cells .purpleBg div{
	height:5px;
	}
	
.cell61{
	width:61px;
	height: 75px;
	}
	
.event{
	border-bottom:1px solid #778CBF;
	height: 75px;
	}
	
.borderWhite{
	border-bottom:1px solid #FFF;
	}

.event h2{
	margin:0px;
	font-family: Georgia;
	font-size: 18px;
	line-height: 21px;
	}

.event .cell{
	padding-top: 12px;
	}

.event .cell61{
	width:75px;
	padding-left:0px;
	}
	
.cells .header{
	padding-top:3px;
	height:22px;
	}
	
#rows{
	font-family:verdana;
	font-size:11px;
	cursor: hand;
	cursor: pointer;
	}
	
.borderRwhite{
	border-right: 1px white solid;
	height:8px;
	font-size: 1px;
}

.closeIt{
	position:relative;
	right:-797px;
	top:-16px;
	z-index: 9;
	}

.eventFullView{
	padding-bottom:40px;
	padding-left:75px;
	cursor: default !important;
	border-bottom: 1px solid #778CBF;
	display: table;
	padding-top:15px;
	padding-right:30px;
	/*position: relative;*/
}
	
.compBlock{
	position: relative;
	border-top: 4px #C90A84 solid;
	padding-top: 40px;
	display: inline-block;
	}

.msg{
	font-family:Georgia;
	font-size:11px;
	font-weight:bold;
	left:-20px;
	padding:5px 20px;
	position:absolute;
	top:-4px;
	width:583px;
}

.msgPull{
	height: 77px;
	.height: 72px;
	}
.msgPush{
	height: 48px;
	.height: 45px;
	}
#commentsForm .msg{
	position:static;
	}
	
.borderW{
	border: 7px solid white;
	}

.italic{
	font-style: italic;
	}

ul.sideBySide{
	list-style-type: none;
	display: table;
	padding:0px;
	margin:10px 7px;
	.padding-bottom:20px;
	}

ul.sideBySide li{
	float:left;
	padding:0px 20px;
	border-right: 1px #C90A84 solid;
}

ul.sideBySide li.lastItem{
	border-right: 0px none;
}



/** form **/

#comp input,
#comp select {
	border-color:#FFFFFF;
	border-style:solid;
	border-width:2px;
	margin-bottom:15px;
	width: 180px;
	float:left;
}

#comp input.submit{
	width: 138px;
	border:0px solid;
	padding:0px;
	padding-left:45px;
	margin-bottom:0px;
	padding-bottom:15px;
	font-size: 0px;
}

#comp input.submitComment{
	border:0 solid;
	float:right;
	font-size:0;
	margin-bottom:11px;
	.margin-bottom:0px;
	margin-right:135px;
	margin-top:0;
	padding:0;
	width:138px;
}

#comp textarea{
	height: 113px;
	width: 443px;
	.height: 95px;
	}

#comp label{
	width:115px;
	padding-left:12px;
	color:white;
	font-family: Georgia;
	font-size: 14px;
	display: block;
	padding-top:2px;
	float:left;
}

#comp label.error{
	float:right;
	width:200px;
	font-size:12px;
	font-style:italic;
	}
	
form#comments label.error{
	width:5px;
	display:none !important;
	}

#comp input.error{
	border-color:#C90A84;
}

.ver560{
	width: 560px;
	}

.ver237{
	width: 238px;
	}
	
.ver252{
	width: 252px;
	}
	
.ver256{
	width: 256px;
	}
	
.ver256 .roundtop,
.ver256 .roundbottom{
	width: 230px;
	.width: 231px;
	}
	
.ver190{
	width:190px;
	}
	
.ver237 .roundtop,
.ver237 .roundbottom{
	width: 214px;
	.width: 213px;
	}
	
.ver252 .roundtop,
.ver252 .roundbottom{
	width: 226px;
	.width: 227px;
	_width: 227px;
	}

.hor80{
	height: 80px;
}

.hor40{
	height: 40px;
}

.hor25{
	height: 25px;
}

.hor30{
	height: 30px;
}

.hor20{
	height: 20px;
}

.videoWithPicture embed,
.videoWithPicture object{
	height: 249px;
}


#innerWrapper div.ver560 p{
	line-height:20px;
	font-size: 15px;
	}

/** TEXT AND BGs **/

.purpleBg{
	background-color: #C90A84;
}

.yellowText{
	color: #fff100;
}

.yellowBg{
	background-color: #fff100;
}
	
.purpleText{
	color: #C90A84;
}

.txtP{
	font-size: 10pt;
	}

.verd{
	font-family: Verdana;
	font-size: 13px;
}

.verd11 {
	font-family:verdana;
	font-size:11px;
}

.p{
	font-family: Georgia;
	font-size: 11px;
}

.bold{
	font-weight: bold;
	}


.pBig{
	font-family: Georgia;
	font-size: 14px;
	/*font-weight: bold;*/
	}

.G28{
	font-family: Georgia;
	font-size: 28px;
	text-transform: capitalize;
}

.G16{
	font-family: Georgia;
	font-size: 16px;
}

h2.G28{
	margin:0px;
	margin-bottom:12px;
}