/* CSS Document */

body{
	margin:10px 2%; background:#3F4C6B url("images/bg.jpg") repeat-x top; 
	font:normal 14px/19px Arial, Helvetica, sans-serif;
	padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}

/* ----------------- top navigation start --------------------- */
#topNav{
	/* background:url(images/topNav.gif) #FFF;*/
	height:100px; position:relative; 
	margin:0 auto; padding:8px 0 0 20px;}
#topNav img{ border:none; float:left; margin:0 100px 0 0;}

/* Step 3 - get rid of the bullets and margin */
#menu ul {margin:0; padding:0; list-style-type:none;}
/* Step 4 - make the list horizontal */
#menu li {float:left;}
/* Step 5 - Adding the initial images */
#menu li.list1 {background:transparent url(images/homeGrey.gif);}
#menu li.list2 {background:transparent url(images/membersGrey.gif);}
#menu li.list3 {background:transparent url(images/fixturesGrey.gif);}
#menu li.list4 {background:transparent url(images/newsGrey.gif);}
#menu li.list5 {background:transparent url(images/galleryGrey.gif);}
/* Step 6 - General link styling */
#menu a {display:block; width:126px; height:0; padding-top:84px; color:#000; overflow:hidden;}
/* hack for older versions of IE with incorrect box model */
* html #menu a:link, * html #menu a:visited {height:84px; height:0;} 
/* Step 7 - Separating the images */
#menu li {float:left; margin-right:1px;}
/* Step 8 - Adding the hover images */
#menu a#item1 {background:transparent url(images/homeColor.gif) -84px -128px no-repeat;}
#menu a#item2 {background:transparent url(images/membersColor.gif) -84px -128px no-repeat;}
#menu a#item3 {background:transparent url(images/fixturesColor.gif) -84px -128px no-repeat;}
#menu a#item4 {background:transparent url(images/newsColor.gif) -84px -128px no-repeat;}
#menu a#item5 {background:transparent url(images/galleryColor.gif) -84px -128px no-repeat;}
/* Step 9 - Adding the :hover style */
#menu a#item1:hover {background-position:0 0; z-index:50;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}
#menu a#item4:hover {background-position:0 0; z-index:50;}
#menu a#item5:hover {background-position:0 0; z-index:50;}
* html #menu a:hover {height:84px; height:0;}
/* Step 10 - Clearing the float */
#menu {display:block; width:722px; padding:0 28px; float:left; height:84px; background: url(images/whiteBack.gif) repeat-x;}	  

/* ----------------- top navigation end --------------------- */

/* ----------------- shadow start --------------------------- */
#topShadow{
	background:url(images/top_shadow.gif) no-repeat 0 0 #FDF9EE; color:#4E4628;
	width:778px; height:34px; margin:9px 0 0; float:left;}
#bottomShadow{
	background:url(images/bottom_shadow.gif) no-repeat 0 0 #FDF9EE; color:#4E4628;
	width:778px; 
	height:24px; float:left;}
/* ----------------- shadow end --------------------------- */

/* ----------------- body start --------------------------- */
#body{
	width:778px; 
	margin:0 auto; position:relative;}
#bodyPannel{
	background:url(images/midle_bg.gif) repeat-y 0 0 #FDF9EE; color:#4E4628;
	width:722px; padding:0 28px; float:left;}
#bodyPannel form.search{
	background-color:#FFFFFF; color:#000000; border:#ECE8DB 1px solid;
	width:248px; padding:7px 17px 27px 17px; float:left;}
#bodyPannel form.search h2{
	background:url(images/search_h2_bg.gif) no-repeat 0 0 #FFFFFF; color:#786E4E;
	width:197px; padding:0 0 10px 50px; float:left;
	font:normal 24px/42px Georgia, "Times New Roman", Times, serif;}
#bodyPannel form.search h2 span{
	background-color:#FFFFFF; color:#0B0B0B;
	font:normal 24px/42px Georgia, "Times New Roman", Times, serif;}
#bodyPannel form.search label{
	background-color:#FFFFFF; color:#0B0B0B; margin:0 0 8px 0; float:left;
	font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#bodyPannel form.search input{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:158px; height:22px; padding:2px; margin:0 0 8px 0; float:right;
	font:normal 14px/20px Arial, Helvetica, sans-serif;}
#bodyPannel form.search p{
	background-color:#FFFFFF; color:#CC0000; float:left; margin:6px 0 0 0;
	font:normal 13px/15px Arial, Helvetica, sans-serif;}
#bodyPannel form.search input.check{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:15px; height:15px; float:left; margin:6px 0 0 9px;}
#bodyPannel form.search input.submit{
	background:url(images/submit_bg.gif) no-repeat 37px 0 #FFFFFF; color:#0B0B0B; border:none;
	width:53px; height:13px; float:right; margin:7px 0 0 0; padding:0 23px 0 0; cursor:pointer;
	font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#eventLink{
	width:545px; padding:0 0 0 20px; float:left;}
#eventLink h2{
	background:url(images/event_link_bg.gif) no-repeat 0 7px #FFFFFF; color:#786E4E;
	padding:6px 0 10px 48px;
	font:normal 28px/42px Georgia, "Times New Roman", Times, serif;}
#eventLink h2 span{
	background-color:#FFFFFF; color:#0B0B0B;
	font:normal 28px/42px Georgia, "Times New Roman", Times, serif;}
#eventLink ul{
	float:left; padding:0 0 0 5px;}
#eventLink ul li{
	font:normal 13px/19px Arial, Helvetica, sans-serif; 
	background:url(images/red_arrow.gif) no-repeat 0 7px #FFFFFF; color:#4E4628;
	padding:0 0 0 6px;}
#eventLink ul li a{
	font:normal 13px/19px Arial, Helvetica, sans-serif; text-decoration:none; 
	background-color:#FFFFFF; color:#4E4628;
	padding:0 4px; display:block;}
#eventLink ul li a:hover{
	font:normal 13px/19px Arial, Helvetica, sans-serif; text-decoration:none; 
	background-color:#F4EFDF; color:#4E4628;
	padding:0 4px; display:block;}
#eventLink a.more{
	background:url(images/more_bg.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 0; margin:5px 10px 0 0;}
#eventLink a.more:hover{
	background:url(images/more_bg_h.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 0; margin:5px 10px 0 0;}
#midle h2{
	background-color:#FFFFFF; color:#0B0B0B;
	font:normal 28px/46px Georgia, "Times New Roman", Times, serif;}
#midle h2 span{
	background-color:#FFFFFF; color:#A60101;
	font:normal 28px/46px Georgia, "Times New Roman", Times, serif;}
#midle p{
	font:normal 14px/19px Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#4E4628;}
#midle a.more{
	background:url(images/more_bg.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 0; margin:5px 35px 0 0;}
#midle a.more:hover{
	background:url(images/more_bg_h.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 0; margin:5px 35px 0 0;}
#colorBg{
	background-color:#FCFAF3; float:left; color:#0B0B0B;
	margin:18px 0 0 0; padding:18px 40px 18px 38px; width:642px;}
#contact{
	width:628px; float:left; background:url(images/notext.jpg) no-repeat 0 0 #FCFAF3; color:#000000;}
#contact span.ctop{
	background:url(images/contact_top.gif) no-repeat 0 0 #FCFAF3; color:#000000;
	line-height:0; font-size:0; height:14px; display:block;}
#contact span.cbottom{
	background:url(images/contact_bottom.gif) no-repeat 0 0 #FCFAF3; color:#000000;
	line-height:0; font-size:0; height:25px; display:block;}
#contact form.contact{
	background:url(images/contact_midle.gif) repeat-y 0 0 #FCFAF3; color:#000000;
	width:628px; padding:0 20px; float:left;}
#contact form.contact h2.text3{
	background:url(images/contact_h2_bg.gif) no-repeat 0 0 #FFFFFF; color:#0B0B0B;
	padding:0 0 10px 55px; float:left; width:228px; height:37px;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#contact form.contact h2.text3 span{
	background-color:#FFFFFF; color:#A60101;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#contact form.contact label{
	background-color:#FFFFFF; color:#0B0B0B; margin:0 0 8px 0; float:left;
	font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#contact form.contact input{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:168px; height:22px; padding:2px; margin:0 0 8px 15px; float:right;
	font:normal 14px/20px Arial, Helvetica, sans-serif;}
#contact form.contact textarea{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:168px; height:66px; padding:2px; margin:0 0 13px 15px; float:right;
	font:normal 14px/20px Arial, Helvetica, sans-serif;}
#contact form.contact input.submit{
	background:url(images/submit_bg.gif) no-repeat 45px 0 #FFFFFF; color:#0B0B0B; border:none;
	width:60px; height:13px; float:right; margin:0 0 0 10px; padding:0 20px 0 0; cursor:pointer;
	font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#contact form.contact input.reset{
	background:url(images/more_bg.gif) no-repeat 45px 0 #FFFFFF; color:#0B0B0B; border:none;
	width:60px; height:13px; float:right; margin:0; padding:0 15px 0 0; cursor:pointer;
	font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}
/* ----------------- body end --------------------------- */

/* ----------------- footer start --------------------------- */
#footer{
	position:relative; margin:0 auto; width:678px; padding:12px 0 50px;}
#footer a.xhtml{
	background-color:#ab776a; color:#3f4c6b; width:49px; height:16px; margin:0 6px 0 0;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	display:block; text-align:center; text-decoration:none; float:left;}
#footer a.xhtml:hover{
	background-color:#0B0B0B; color:#FFFFFF; width:49px; height:16px; margin:0 6px 0 0;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	display:block; text-align:center; text-decoration:none; float:left;}
#footer a.css{
	background-color:#0B0B0B; color:#FFFFFF; width:38px; height:16px;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block; text-align:center; text-decoration:none; float:left;}
#footer a.css:hover{
	background-color:#CC0000; color:#FFFFFF; width:38px; height:16px;
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block; text-align:center; text-decoration:none; float:left;}
#footer ul{
	float:right;}
#footer ul li{
	float:left; color:#0B0B0B; background-color:#FDF9EE;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer ul li a{
	color:#0B0B0B; background-color:#FDF9EE; padding:0 8px; text-decoration:none;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer ul li a:hover{
	color:#0B0B0B; background-color:#EFEBDE; padding:0 8px; text-decoration:none;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p{
	color:#ab776a; background-color:#3f4c6b; padding:0 8px; float:right;
	font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p.tworld{
	color:#0B0B0B; background-color:#FDF9EE; padding:0 8px; float:right;
	font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p.tworld a{
	color:#0B0B0B; background-color:#FDF9EE; text-decoration:none;
	font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p.tworld a:hover{
	color:#0B0B0B; background-color:#EFEBDE; text-decoration:none;
	font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;}
	
	
/* tables ------------------------------------------------------------------------------------------------ */

.standard_table 			{ border:1px #999 solid; background-color:#fff; }
.standard_table.nocorner 	{ border-top:0; border-left:0; }
.standard_table th 			{ padding:6px 10px; color:#000; font-weight:bold; background:#ccc url(images/bg-title.jpg) repeat-x; }
.standard_table th a 		{ color:#7FBF30; }
.standard_table th a span 	{ color:#000; }
.standard_table td 			{ padding:6px 10px; border-bottom:1px #e6e6e6 solid; }
.more_padding td 			{ padding:15px 20px; }
.fullwidth					{ width:100%; margin:0 auto; }
td.tight, th.tight 			{ padding:6px 10px 6px 0; }
#content .standard_table td p { margin-top:0; margin-bottom:6px; }

.bordertop			{ border-top:1px #999 solid; }
.borderleft			{ border-left:1px #999 solid; }
th.borderright 		{ border-right:1px #fff solid; }
td.borderright 		{ border-right:1px #e6e6e6 dotted; }
th.nobg 			{ background-color:#f2f2f2; background-image:none; }
td.noborder 		{ border:0; }
th.corner 			{ background-color:#f2f2f2; background-image:none; border-right:1px #999 solid; border-bottom:1px #999 solid; }
th.manager 			{ background:#FFD580 url(images/bg-manager.jpg) repeat-x; white-space:nowrap; }
td.manager 			{ background-color:#FFF6E5; white-space:nowrap; text-align:center; }
th.title			{ color:#7FBF30; font-family:georgia, serif; font-size:16px; font-weight:normal; letter-spacing:-1px; text-align:left; white-space:nowrap; }
td.title 			{ color:#000; font-family:georgia, serif; font-size:18px; font-weight:normal; letter-spacing:-1px; border-bottom:1px #e6e6e6 solid; }
th.bigtitle 		{ color:#7FBF30; font-family:georgia, serif; font-size:20px; font-weight:normal; letter-spacing:-1px; text-align:left; }
th.liltitle 		{ color:#7FBF30; font-family:georgia, serif; font-size:12px; font-weight:bold; text-align:left; }
th div.title_right	{ float:right; color:#000; font-family:georgia, serif; font-size:14px; font-weight:normal; letter-spacing:0; text-align:left; white-space:nowrap; }
th.subhead 			{ background:none; font-weight:bold; background-color:#f2f2f2; border-bottom:1px #ccc solid; text-align:right; }
th.subheadleft 		{ background:none; font-weight:bold; background-color:#f2f2f2; border-bottom:1px #ccc solid; text-align:left; }
td.subhead 			{ font-weight:bold; background-color:#e6e6e6; border-bottom:1px white solid; white-space:nowrap; }
tr.highlight 		{ background-color:#f2f6ff; } .standard_table th.event { background:#ccc url(images/bg-title-dark.jpg) repeat-x; }
td.thumb_cell 		{ width:120px; font-size:10px; border-right:1px #e6e6e6 solid; }

.manager_table 					{ border:1px #999 solid; background-color:#fff; margin:0 auto; }
.manager_table th 				{ padding:6px 10px; color:white; font-weight:bold; background:#666 url(images/bg-manager-gray.jpg) repeat-x; white-space:nowrap; }
.manager_table td 				{ padding:6px 10px; border-bottom:1px #e6e6e6 solid; }
.manager_table td.subhead 		{ font-weight:bold; background-color:#e6e6e6; border-bottom:1px white solid; }
.manager_table .simpletable td 	{ border:0; padding:0 2px 14px 2px; white-space:nowrap; }

.orange_box 					{ border:1px #999 solid; background-color:#fff; margin:0 auto; }
.orange_box th 				{ padding:6px 10px; color:white; font-weight:bold; background:#666 url(images/bg-manager.jpg) repeat-x; white-space:nowrap; }

.news_table 					{ border:1px #999 solid; background-color:#fff; margin:0 auto; }
.news_table th 				{ padding:6px 10px; color:white; font-weight:bold; background:#666 url(images/bg-manager-gray.jpg) repeat-x; white-space:nowrap; }
.news_table td 				{ padding:6px 10px; border-bottom:1px #e6e6e6 solid; }
.news_table td.subhead 		{ font-weight:bold; background-color:#e6e6e6; border-bottom:1px white solid; }
.news_table .simpletable td 	{ border:0; padding:0 2px 14px 2px; white-space:nowrap; }

.contact_table 					{ border:1px #999 solid; background-color:#fff; margin:0 auto; }
.contact_table th 				{ padding:6px 10px; color:white; font-weight:bold; background:#666 url(images/bg-manager-gray.jpg) repeat-x; white-space:nowrap; }
.contact_table td 				{ padding:6px 10px; border-bottom:1px #e6e6e6 solid; }
.contact_table td.subhead 		{ font-weight:bold; background-color:#e6e6e6; border-bottom:1px white solid; }
.contact_table .simpletable td 	{ border:0; padding:0 2px 14px 2px; white-space:nowrap; }


/*JUITTER PLUGIN CSS*/
#juitterContainer{} /*Juitter container*/
#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI{list-style:none;background:#EEFDEA;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;height:55px;} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */
#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}
#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/