*
{
margin: 0px;
padding: 0px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

#globalcontainer{
text-align:center;
margin: 0px auto;
width:1000px;
height: 596px;
}

body
{
background-color:#737373;
background-image:url(../images/bk.jpg);
background-position:50% 0%;
background-repeat:no-repeat;
text-align: center;
margin: 0px 0px;
font-size:12px;
}

#topbanner
{
	height:102px;
	width:1000px;
	overflow:hidden;
	text-align:left;
	background-image:url(../images/header.jpg);
}

#topmenu
{
	height:32px;
	width:1000px;
	background-image:url(../images/mainmenu.jpg);
	overflow:hidden;
	text-align:left;
}

#topmenu ul {list-style-type: none;padding-left:280px;}
#topmenu li {display:inline;line-height:27px;padding-right:20px;}
#topmenu li a {text-decoration: none;color:white;font-weight:700;}
#topmenu li a:hover {color:black;}
#topmenu li a.selected {color:#75b7cc;}

#submenu
{
	height:29px;
	width:1000px;
	background-image:url(../images/submenu.jpg);
	overflow:hidden;
	text-align:left;
	text-align:left;
}

#submenu ul {list-style-type: none;padding-left:280px;}
#submenu li {display:inline;line-height:22px;padding-right:20px;}
#submenu li a {text-decoration: none;color:white;font-weight:700;}
#submenu li a:hover {color:black;}
#submenu li a.selected {color:black;}


#bodycontainer
{
background-color: #ffffff;
width:1000px;
overflow:hidden;
}

#centerbody
{
	float:left;
	width:1000px;
	height:390px;
	overflow:hidden;
}

#featureimage
{
	background-image:url(../images/beckybodpic.jpg);
	float:left;
	width:280px;
	height:390px;
	overflow:hidden;
}

#contentpanel
{
	float:left;
	width:720px;
	height:390px;
	
	overflow:hidden;
}

body.home #contentpanel
{
background-image:url(../images/contentbk.jpg);
}

#frontimage
{
width:438px;
height:350px;
margin-top:18px;
float:left;
}

#contentimage
{
width:219px;
height:350px;
margin-top:18px;
float:left;
}

#contenttext
{
width:471px;
padding-left:10px;
padding-right:20px;
height:350px;
margin-top:18px;
float:left;
text-align:left;
overflow-y:scroll;
}

#contenttext h3 a {color:#646567;}

body.noimage #contenttext
{width:690px;padding-left:10px}

#frontselectors
{
width:282px;
height:350px;
margin-top:18px;
float:left;
text-align:left;
}

#frontselectors ul
{
padding-left:8px;
}

#frontselectors li
{
width:235px;
height:95px;
margin-top:5px;
margin-bottom:28px;
list-style-type:none;
position:relative;
}

#newsfront { position:absolute;top:5px;right:5px;}

#frontselectors li h2{ padding-left:10px;padding-top:40px; }
#frontselectors li p{ padding-left:10px; }

#frontselectors li.front1{background-color:#bfbfbf;}
#frontselectors li.front2{background-color:#885a11;}
#frontselectors li.front3{background-color:#75b7cc;}

#newsticker
{
	background-image:url(../images/newsticker.jpg);
	color: white;
	height:37px;
	width:1000px;
	overflow:hidden;
	position:relative;
}

.club
{
width:160px;
height:270px;
margin-right:5px;
float:left;
}

.tickercontainer { /* the outer div with the black border */
width: 700px; 
height: 20px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 22px;
paddint-right: 22px;
top: 1px;
width: 860px;
height:18px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 904px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #000000;
font: bold 10px Verdana;
margin: 0 25px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}
#TICKER{margin-left:270px;margin-top:10px;}


#footer
{
	text-align: right;
	color: white;
	height:60px;
	width:1000px;
	overflow:hidden;
}