body {
  background:url(img/top-image.png) repeat-x top #fff;
  padding:0;
  margin:0;
  font-family: Helvetica, Arial sans-serif;
  text-align: center;
  color:#333;  }

html {
    height: 101%;
}
  
/******************/
/*   BANNER   */
/******************/

#banner {
	padding:10px;
	margin-top:5px;
	margin-bottom: 5px;
	border: solid 1px #FDDD9E;
}

#logo {
	padding: 0 0 0 100px;
}

#logo a:hover {
	text-decoration:none;
	background:none;
}

/*********************************/
/*   Mootools Accordion Styles   */
/*********************************/

#accordion {
	padding-left:6%;
}
/* Season Styles */
.seasonToggler  { 
	cursor: pointer; 
	font-weight:bold; 
	color:#3399FF; 
	margin: 0; 
	padding:3px;
	margin: 3px; 
	font-size:16px; 
	font-family:Arial, sans-serif; 
}
	
.seasonToggler:hover	 { 
	background:#56A5EC; 
}
.seasonElement	 { 
	padding:0 5px 0 20px; 
}

/* Team Styles */
.toggler  { 
	cursor: pointer; 
	font-weight:bold; 
	color:#000; 
	margin: 0; 
	padding:3px;
	margin: 3px; 
	font-size:14px; 
	font-family:Arial, sans-serif; 
}
	
.toggler:hover	 { 
	background:#56A5EC; 
}
.element	 { 
	padding:0 5px 0 20px; 
}

 /******************/
/*   New Styles   */
/******************/

#trans-logo {
	position: absolute;
	top: 20px;
	left: 1%;
	z-index: -1;
}

#topnav_border {
  border-top:solid 1px #FDDD9E;
  border-bottom:solid 1px #FDDD9E;
  margin: 0 0 0 0;
}

.main_image {
	padding: 5px;
	background-color:#FFFFFF;
	border:solid 1px #9cf;
	width:95%;
	margin-left:2%;
	height:auto;
}

.lrg {
	width: 80px;
}

.mdm {
	width: 50px;
}

.sml {
	width: 20px;
}

#error {
	width: 80%;
	margin: 10px 0 10px 10%;
	background-color:#f66;
	color:#FFFFFF;
	padding: 2px;
	border: solid 1px #600;
}

#reportTextarea {
	width: 80%;
	font-size: 12px;
	font-family: Helvetica, Arial sans-serif;
}

.photoList {
	list-style-image: url(img/arrow.png);
}

.loader {
	width:100%;
	padding-left: 50%;
}

/******************/
/*   CONTAINERS   */
/******************/
#container_header {
  display:block;
  padding:20px 0;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  /*border-top:solid 20px #603;
  width:761px;*/
  width: 80%;  }
#container_topnav {
  background-color: #3399FF;
  margin:20px 0 3px 0;
  height:22px;
  padding: 1px 0 1px 0;
  width: 100%;
  clear:left; }
#container_main {
  border-top: solid 1px #FDDD9E;
  border-bottom:solid 1px #FDDD9E;
  padding:20px 0;
  margin:3px 0;
  display:block;
  width: 100%; }  
#container_galleryheader {
  display:block;
  padding:20px 0;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  border-top:solid 20px #603;
  width:880px;  }
#container_gallery {
  border-bottom:solid 1px #FDDD9E;
  padding:20px 0;
  margin:3px 0;
  display:block; }  
#container_leftcol {
  width:60%;
  position: relative;
  padding-right: 15px;
  float: left;  }  
#container_rightcol {
  position: relative;
  float: left;
  width: 35%;
  border-left:solid 1px #FDDD9E;
  padding-left:15px; }
#footer {
  margin:0;
  padding:10px 10px 10px 120px;
  clear:both;
  background-color:#8D2048;
  border-top:solid 1px #fff;
  border-bottom:solid 1px #fff;
  background-image:url(images/bg_footer.gif);
  background-repeat:no-repeat;
  background-position:10px center;  }	
#credits {
  text-align:right;
  padding:10px;
  font-size:.7em;
  color:#5785FA;  }	

/*****************/
/*   NAV LISTS   */
/*****************/
#container_topnav ul{
  font-size:.75em;
  margin:3px 0;
  padding:0;
  list-style:none; }
#container_topnav li {
  display:inline;
  padding:0 10px 0 0; }
#container_topnav a {
  padding:2px 10px;
  color:#FFFFFF;
  text-decoration:none; }
#container_topnav a:hover{
  background-color: #ffc;
  color:#3399FF; }
/*****************/
/*   HEADINGS    */
/*****************/
h1 {
  font-size:2em;
  color:#39f;
  margin:0 5px .5em 0;
  padding:0;
  font-weight:normal;}
h1.h1_rightcol {
  border-top:solid 1px #FDDD9E;
  font-size:1.3em;
  margin:0 5px 1em 0;
  padding-top:10px;
  font-weight:normal;}
h2 {
  font-size:1.1em;
  color:#39f;
  padding:1em 0 .3em 0;
  margin:0;
}
h3 {
  font-size:.9em;
  font-family:Arial, Helvetica, sans-serif;
  padding:0;
  margin:10px 0 0 5px;
  font-weight:bold;
  text-transform:uppercase;
}

/*****************/
/*  TEXT STYLES  */
/*****************/

p {
  font-size:1em;
  line-height:1.3em;}
.date {
  font-size:.95em;
  font-weight:bolder;
  color:#5785FA;}
#container_rightcol p {
  font-size:.85em;
  line-height:1.3em;}
.newsdate {
  font-size:.7em;
  font-style:italic;
  color:#5785FA;}
#footer p {
	line-height:15px;
	color:#5785FA;
	padding:5px;
	margin:0;}
p.caption  {
  font-size:.75em;
}
p.quote {
  line-height:1.7em;
  font-size:.8em;
  background:#113694;
  padding:10px 20px;
  margin:10px 20px;
}
/*****************/
/*  LIST STYLES  */
/*****************/
li {
  padding:.3em 0;} 
/*****************/
/*  LINK STYLES  */
/*****************/
a {
  color:#06c;}
a:visited {
  color:#06c;} 
a:hover {
  color:#39f;
  background-color: #ffc;}
a.subtle {
  color:#5785FA;}

/*****************/
/****  images  ***/
/*****************/
.img_crestmain {
  margin:0 0 10px 0;
  border:none; 
  width:438px;
  height:81px;
}
.img_newsstory {
  border: 1px solid #01237A;
  float:left;
  margin:10px;
}
.img_sponsor {
  border: none;
  float:left;
  margin:20px 0 0 0;
}
#gallery img {
	border: solid 1px;
	margin:0 7px 10px 0;
	padding:0;
}
.img_r_caption {
  border: 1px solid #01237A;
  float:right;
  width:200px;
  background: #0833A0;
  padding:1px;
  margin:10px 0 20px 20px;
}
.img_news_caption {
  border: 1px solid #01237A;
  float:right;
  width:300px;
  background: #0833A0;
  padding:1px;
  margin:10px 0 20px 20px;
  clear:both;
}
.info_box_r {
  width:200px;
  float:right;
  margin:10px 0 10px 10px;
  padding:0 10px 10px 10px;
  background-color:#000;
}
.img_r_noborder {
  border: none;
  float:right;
  margin:10px 0 20px 20px;
}

/*****************/
/****  tables  ***/
/*****************/
.fixtures  {
  font-size:.7em;
  border-collapse:collapse;
  border-top:solid 1px #9cf;
  margin:0 0 2em 0;
  width: 100%;
}
.fixtures tr.header {
  background-color:#39f; 
  color:#FFFFFF; 
  text-align: left;
}
.fixtures td {
  margin: 0;
  padding:5px 7px;
  border-bottom:solid 1px #9cf;
  /*background-color:#fff;*/
}

/*****************/
/****  forms  ****/
/*****************/
.formfield  {
  font-size:11px;
  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
  border:solid 1px #3564DC;
  padding:2px 5px;
}
.formbutton  {
  font-size:11px;
  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
  border-top:solid 1px #f66;
  border-bottom:solid 1px #600;
  border-left:solid 1px #f66;
  border-right:solid 1px #600;
  padding:2px 5px;
  background-color:#c00;
  color:#fff;
  font-weight:bold;
  margin:10px 0;
}
.form td {
  margin:0;
  padding:5px;
}

/*****************/
/*****   hr   ****/
/*****************/
.hr_style_1  {
	border-bottom:solid 1px #01237A;
}

/*********************************/
/*****   Follow images   ****/
/*********************************/

#follow {
	padding-left: 20px;
}

#follow img {
	margin: 5px 20px 5px 5px;
	border: none;
}

/*********************************/
/****** @group Accordion *********/
/*********************************/

dl.accordion
{
	width: 100%;
}

/* @group Ebene 1 */

dl.accordion dt
{
	position: relative;
	height: 20px;
	padding: 5px 0 2px 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	
	color: white;
	background: #3399FF url(img/icon_accordion_closed.png) no-repeat;
	
	cursor: pointer;
}

* html dl.accordion dt
{
	cursor: hand;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/icon_accordion_closed.png', sizingMethod='crop');
	background-image: none;
}

dl.accordion dt.open
{
	background-image: url(img/icon_accordion_open.png);
}

* html dl.accordion dt.open
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/icon_accordion_open.png', sizingMethod='crop');
	background-image: none;
}

dl.accordion dd
{
	position: relative;
	overflow: hidden;
}

/* @group Inhalt */

dl.accordion dd.sub_accordion
{
	
}

dl.accordion dd.accordion_content
{
	padding: 0 10px 0 25px;
}

dl.accordion dd.accordion_content p
{
	padding: 5px 0 7px 0;
}

/* @end */

/* @end */

/* @group Ebene 2 */

dl.accordion dd dl dt
{
	padding-left: 45px;
	background-color: #217492;
	background-position: 20px 0;
}

dl.accordion dd dl dd.accordion_content
{
	padding-left: 45px;
}

/* @end */

/* @group Ebene 3 */

dl.accordion dd dl dd dl dt
{
	padding-left: 65px;
	background-color: #509bba;
	background-position: 40px 0;
}

dl.accordion dd dl dd dl dd.accordion_content
{
	padding-left: 65px;
}

/* @end */

/* @group Ebene 4 */

dl.accordion dd dl dd dl dd dl dt
{
	padding-left: 85px;
	background-color: #7bc3e4;
	background-position: 60px 0;
}

dl.accordion dd dl dd dl dd dl dd.accordion_content
{
	padding-left: 85px;
}

/* @end */

/* @end */
 

/*********************************/
/****** @group Modal Box *********/
/*********************************/

 /* from facebook */
.generic_dialog { height:0; left:0; overflow: visible; position: fixed; /*dw*/ top:0; width:100%; z-index:101; }
.generic_dialog-pos { height:0; left:0; overflow: visible; position: absolute; /*dw*/ top:0; width:100%; z-index:101; }
#generic_dialog_iframe { left:0; position:absolute; top:0; z-index:3; }
.generic_dialog .generic_dialog_popup { height:0; overflow:visible; position:relative; }
.generic_dialog div.dialog_loading 		{ background-color:#F2F2F2; border:1px solid #606060; font-size:24px; padding:10px; }
#generic_dialog_overlay { display:block; left:0; position:absolute; top:0; width:100%; z-index:100; }
.dialog_body .dialog_content_img { float:left; margin-right:15px; }
.dialog_body .dialog_content_txt { float:left; padding-bottom:5px; width:300px; }
.dialog_body .dialog_content_body { padding-bottom:13px; } 
.dialog_body .form_label { padding-right:5px; }
.dark_dialog_overlay { background-image:url(facebook-overlay.png); background-repeat:repeat; }
* html .dark_dialog_overlay { background-color:transparent; background-image:url(blank.gif); }
.full_bleed .pop_dialog_table td.pop_content .dialog_body { padding:0; } 
table.pop_dialog_table { border-collapse:collapse; direction:ltr; margin:auto; table-layout:fixed; width:465px; }
td.pop_topleft, td.pop_topright, td.pop_bottomleft, td.pop_bottomright { height:10px; overflow:hidden; padding:0 !important; width:10px !important; }
td.pop_topleft { background:transparent url(img/facebook-pop-dialog-sprite.png) no-repeat scroll 0 0; }
td.pop_topright { background:transparent url(img/facebook-pop-dialog-sprite.png) no-repeat scroll 0 -10px; }
td.pop_bottomleft { background:transparent url(img/facebook-pop-dialog-sprite.png) no-repeat scroll 0 -20px; }
td.pop_bottomright { background:transparent url(img/facebook-pop-dialog-sprite.png) no-repeat scroll 0 -30px; }
td.pop_top, td.pop_bottom { background:transparent url(img/facebook-pop-dialog-sprite.png) repeat-x scroll 0 -40px; }
td.pop_side { background:transparent url(img/facebook-pop-dialog-sprite.png) repeat-y scroll -10px 0; }
td.pop_content { background-color:white; direction:ltr; padding:0; }
.pop_dialog_rtl td.pop_content { direction:rtl; }
td.pop_content h2.dialog_title { background:#39f none repeat scroll 0 0; border:1px solid #3B5998; color:white; font-size:14px; font-weight:bold; margin:0; }
td.pop_content h2.dialog_loading { background:#39f url(facebook-indicator_white_small.gif) no-repeat scroll 400px 10px; padding-right:40px; }
td.pop_content h2 span { display:block; padding:4px 10px 5px; }
td.pop_content .dialog_content { background:#FFFFFF none repeat scroll 0 0; border-color:#555555; border-style:solid; border-width:0 1px 1px; }
td.pop_content .dialog_body { border-bottom:1px solid #CCCCCC; padding:10px; }
td.pop_content .dialog_summary { background:#F2F2F2 none repeat scroll 0 0; border-bottom:1px solid #CCCCCC; padding:8px 10px; }
td.pop_content .dialog_buttons { background:#F2F2F2 none repeat scroll 0 0; padding:8px; text-align:right; }
td.pop_content .dialog_buttons input { margin-left:5px; }
td.pop_content .dialog_buttons_msg { float:left; padding:5px 0 0; }
td.pop_content .dialog_footer { background:#F2F2F2 none repeat scroll 0 50%; }

/* david walsh custom */
#fb-modal	{ display:none; }
#fb-close	{ cursor:pointer; }
.info		{ width:280px; float:left; font-size:11px; color:#666; }
.info b	{ color:#000; }
.image	{ 
	width:80%; 
	float:left; 
	margin-right:10px; 
	padding:2%; 
	height: 200px; 
	border: 3px solid #3399FF;
	overflow:auto;
 }
 
 

/****************************************/
/****** @group Poster Modal Box *********/
/****************************************/

 

/* david walsh custom */
#fb-close	{ cursor:pointer; }
.info		{ width:280px; float:left; font-size:11px; color:#666; }
.info b	{ color:#000; }
.srfc-poster { 
	width:800px; 
	float:left; 
	height: 1131px; 
	border: 3px solid #3399FF;
	overflow: hidden;
	margin-left: 30px;
 }
 
 
 /*********************************************/
 /* ----------------IMAGE SLIDER------------- */
/**********************************************/
#imageSlider {
	width:100%;
}

#SlideItMoo_outer {  
	width:80%; 
	margin:10px auto 10px; 
	background:#3399FF ; 
	display:block; 
	position:relative; 
	padding:0px 10px 0px;
	border-bottom:5px #000000 solid;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:200px; 
	bottom:0px; 
	right:5px; 
	background:url(img/slideitmoo_forward.png) no-repeat center;  
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background:url(img/slideitmoo_back.png) no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:474px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:10px 0px 10px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px 15px 0px; 
	font-size:11px; 
	width:128px; 
	text-align:center; 
	color:#FFFFFF;
}
#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; background:#0066FF; padding:2px; }
#SlideItMoo_items a img{ border:none; }

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
