@charset "UTF-8";
/* CSS Document */

body { 
	color: black;
	background-color: #f3f3f3;
	margin: 0px;
	padding: 0px;
	font: 72%/10pt Arial, Helvetica, sans-serif;
}

img {
border:none;
}

.search input {
border:1px solid #6cdef3;
color:#fff;
background-color:#13a2ce;

}

a {
color: #27a3d0;
	text-decoration: none;
}

.top, .content, .footer {
float:left;
width:100%;
	font-size: 12px;
}

.topcontent, .bottomcontent {
float:left;
width:100%;
}

.topmenu {
float:left;
width: 100%;
height: 30px;
background-image:url(../images/topmenu.jpg);
background-repeat:no-repeat;
	bottom: 0;
}

.topmenu ul.menu, .topmenu ul.menu li {
padding:0;
margin:0;
list-style:none;
float:left;
border:none;
}

.topmenu ul.menu {
margin-top:2px;
}

.topmenu ul.menu li a:link, .topmenu ul.menu li a:visited {
display:block;
float:left;
padding: 8px;
color: #000;
font-size: 1em;
text-decoration:none;
border:none;
border-right:1px solid #16a7d3;
width:auto;
}

.topmenu ul.menu li a:hover {
border:none;
border-right:1px solid #16a7d3;
	/*background: #2acdf4 0 0;*/
}

ul.menu, ul.menu li {
padding:0;
margin:0;
list-style:none;
}

ul.menu {
border-top:1px solid #e4e4e4;
}

ul.menu li a:link, ul.menu li a:visited {
text-decoration:none;
padding: 18px;
border-bottom:1px solid #e4e4e4;
border-left:1px solid #fff;
border-right:1px solid #fff;
display:block;
margin:0 0 1px 0;
}

ul.menu li a:hover {
border-left:1px solid #e4e4e4;
border-right:1px solid #e4e4e4;
}

.top {
background-image:url(../images/headerbck.jpg);
background-repeat:repeat-x;
background-color:#2acdf4;
	width: 100%;
}

.int {
margin:0px auto;
width:863px;
}

.content {
background-color:#fff;
border-bottom:1px solid #e4e4e4;
padding: 5px 0 10px;
background-image:url(../images/mainbck.jpg);
background-repeat:repeat-x;
}

.logo {
float:left;
width:auto;
	top: 0;
	bottom: 0;
}

.topbox {
float: left;
width: 100px;
	padding-top: 0;
	padding-left: 10px;
}

.left {
width:67%;
float:left;
border-right:1px solid #e4e4e4;
padding-right:12px;
}

.right {
float:right;
width:30%;
	/*background: url(../images/r_col_bg.png) repeat-x;*/
}

.rightfull {
width:67%;
float:right;
border-left:1px solid #e4e4e4;
padding-left:12px;
}

.leftfull {
float:left;
width:30%;
}

.leftsmall {
float:left;
width:23%;
padding-right:2%;

}

.centersmall {
float:left;
width:46%;
padding:0 1.6%;
border-left:1px solid #e4e4e4;
border-right:1px solid #e4e4e4;
}

.rightsmall {
float:left;
width: 75%;
padding-left:2%;

}

.footer {
padding:24px 0;
font-size:.88em;
color:#999;
}

h1 {
font-size: 12px; 
font-weight: normal; 
margin: 0 0 5px;
border-bottom:1px solid #e4e4e4;
padding:8px 0;
}

h2, .contentheading {
color:#14a4d0;
font-weight: lighter;
margin:6px 0 6px 0;
padding:8px 0 12px 0;
border-bottom:1px solid #e4e4e4;
	font-size: 1.5em;
}

h3, .componentheading {
font-weight: bold;
	top: 4px;
	font-size: 11pt;
	padding: 6px 0 0 4px;
	background: white url(../images/col_bg.jpg) repeat-x;
	height: 20px;
	margin: 0;
	text-shadow: #000000 0 0 0;
	list-style-position: outside;
	opacity: 1;
	color: #2acdf4;
}

.footer h3 {
font-size:1.1em;
font-weight:bold;
padding:0 0 0 0;
color:#555;
}

.teaser {
font-size:14px;
color:#555;
line-height:28px;
padding:12px 0;
}

ul.subcontent {
padding:0;
margin:0;
}

ul.subcontent li {
float:left;
width:31%;
padding:1%;
list-style:none;
}

.header {
margin:0 0 24px 0;
}

ul.footercontent {
padding:0;
margin:0;
}

ul.footercontent li {
float:left;
width:21%;
padding:0 2%;
list-style:none;
}

.topbox {
color:#cceff7;
margin:20px 10px 0 0;
text-align:right;
font-size:.9em;
}

.topbox .big {
color:#5dd8f6;
font-size:2em;
font-weight:lighter;
}

.small {
font-size:.8em;
color:#888;

}

img.image {
border:1px solid #e4e4e4;
padding:4px;
margin:0 4px 0 0;
}

.credits {
border-top:1px solid #e4e4e4;
width:96%;
margin:12px 2%;
padding:4px 0;
font-size:0.9em;
float:left;
}

.contentpaneopen {
  width: 100%;
}




/**** BOF Added by Watt Media (9-20-11) JZ ****/

#twocols{ /* The columns that gets dropped down over yours might be different. */
  z-index:20;
}
 
#leftcol{  /* The columns that gets dropped down over yours might be different. */
  z-index:10;
}
 
.moduletablemainnav { /* I have absolutely positioned the module, you might have a different scheme. */
  position:absolute;
  top:187px;
  left:20px;
  z-index:100;
  font:0.9em Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
}
 
#mainlevelmainnav,#mainlevelmainnav ul {
  float:left;
  list-style:none;
  line-height:1em;
  background:transparent;
  font-weight:700;
  margin:0;
  padding:5px 0 5px 0;
}
#mainlevelmainnav ul li:first-child{
	border-left:1px solid #ccc;
	margin-left:0;
}
#mainlevelmainnav ul li ul li{
	border:none;
}
#mainlevelmainnav ul li ul li:first-child{
	border:none;
}

#mainlevelmainnav a {
  display:block;
  color:#fff;
  text-decoration:none;
  margin-right:5px;
  margin-left:5px;
  padding:2px;
}
#mainlevelmainnav a:hover{
	background:#fffcd9;
	color:#000;
}
#mainlevelmainnav li {
  float:left;
  padding:0;
  border-right:#ccc solid 1px;
}
 
#mainlevelmainnav li ul  {
  position:absolute;
  left:-999em;
  height:auto;
  width:11em;
  font-weight:400;
  background:#14a5d1;
  border:#00C 1px solid;
  margin:0;
}
 
#mainlevelmainnav li li {
  width:11em;
}
 
#mainlevelmainnav li ul a {
  width:11em;
  color:#fff;
  font-size:0.9em;
  line-height:1em;
  font-weight:400;
}
 
#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
  left:-999em;
}
 
#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover
  ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul {
  left:auto;
  z-index:6000;
}
 
#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover {
  background:#039 url(../images/soccerball.gif) 98% 50% no-repeat;
}


#mainlevelmainnav ul li.sublevelmainnav:hover{
	background:transparent;
}


/**** EOF add ****/