*
{
	margin: 0px;
	padding: 0px;
}
body {
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	height:100%;
	line-height:18px;
	background-image: url('../images/background.jpg');
	background-repeat:repeat-x;
	background-color: #ffa7dd;
	text-align: center;
	padding: 30px 0 60px 0;
}
p
{
	margin: 0px 0px 10px 0px;
	line-height: 140%;
	color: #454545;
}
 
a
{
	color: #454545;
	outline: none;
	text-decoration: underline;
}
 
a:hover
{
	text-decoration: none;
}
 
.hide
{
	display: none;
}
 
img
{
	border: 0px;
}
 
.left
{
	float: left;
}
 
.right
{
	float: right;
}
 
.padd5
{
	padding: 5px;
}
 
.padd10
{
	padding: 10px;
}
 
.padd15
{
	padding: 15px;
}
 
.padd20
{
	padding: 20px;
}
.round20
{
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
.round10
{
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.textleft
{
	text-align:left;
}
.textright
{
	text-align:right;
}
.textcentre
{
	text-align:center;
}
/* Clearing method
------------------------------------------------------*/
 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}
 
.clear
{
	clear: both;
}
/* Layout
------------------------------------------------------*/

#page-container

{
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0pt;
	padding-bottom: 15px;
	padding-left: 0pt;
	text-align: left;
	background-color: #000;
	
}
#page-wrapper
{
	margin: 0 15px 0 15px;
}
#page-header
{
	height: 119px;
	background-color: #000;
}
#page-navigation

{
	height: 40px;
	background-color: #000;
	padding: 10px 0px 0px 0px;
	z-index:999 !important;
}
#page-content-container
{
	padding: 20px;
	background-color: #e7e7e7;
	margin-bottom:10px;
}
#page-content-container h1
{
	font: normal 30px Tahoma, Arial, Verdana;
	color: #454545;
	margin: 0 0 15px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #454545;	
}

/* Navigation menu
----------------------------------------------------------------------------------------- */
.jqueryslidemenu{
font: bold 13px Verdana;
z-index:999 !important;
/*width: 80%;*/
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
z-index:999 !important;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
font: bold 14px Verdana;
display: block;
background: #000; /*background of tabs (default state)*/
color: #ef006f;
padding: 8px 10px;
color: #ef006f;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #ef006f;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 100px; /*width of sub menus*/
text-align:left;
padding: 5px;
margin: 0;
border-top-width: 0;
/*border-bottom: 1px solid gray;*/
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* Header
-------------------------------------------------------------------------------------*/
.liverbird{padding:0px 0px 0px 40px;width:100px;height:119px;}
.mytitle{padding:0px 90px 0px 100px;width:440px;height:119px;}

/* Content Header
-----------------------------------------------------------------------------------*/
#content-header
{
	background-color: #fff;
	padding: 10px 10px 10px 18px;
	border: 1px solid #ffa7dd;
	margin-bottom: 10px;
	
}
#cu3er-container
{
	width:865px;
}

/* Info boxes
 ------------------------------------------------------------------------------------- */
#infobox
{
	width: 294px;
	margin-bottom: 11px;
	float: right;
	display: inline-block;
	clear:both;
}
 
#infobox .box
{
	width: 239px;
	
	margin-right: 11px;
	background-color: #fff;
	border: 1px solid #ffa7dd;
	padding: 10px 0px 10px 56px;
	margin-bottom: 10px;
}
 
#infobox .gfc-control .gfc-resultsbox-visible rssbox
{
	display: inline-block;
	clear:both;

}
#infobox .gfc-resultsRoot
{
	width: 274px;
	min-height:420px;
	
	margin-right: 11px;
	background-color: #fff;
	border: 1px solid #ffa7dd;
	margin-bottom: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding:20px 10px 10px 10px;
	clear:both;
	
}
#infobox .gfc-resultsHeader 
{
	font: normal 1.7em Tahoma, Arial, Verdana;
	color: #454545;
	margin: 0 0 15px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #454545;
	
}
#infobox .gfc-title 
{
	color: #454545;
	
}

#infobox .gf-title .gf-relativePublishedDate
{
	
}
#infobox .gf-snippet
{
	color: #454545;	
}
#infobox .lastbox
{
	margin-right: 0px;
}

/* All to do with events
------------------------------------------------------*/
 
#upcomingevents 
{
	width: 295px;
	min-height:450px;
	float: left;
	background-color: #fff;
	border: 1px solid #ffa7dd;
	margin-bottom: 10px;
	margin-left: 10px;
}
 
#upcomingevents h2
{
	font: normal 1.7em Tahoma, Arial, Verdana;
	color: #454545;
	margin: 0 0 15px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #454545;
}
 
#upcomingevents h3
{
	font: bold 1.2em Tahoma, Arial, Verdana;
	color: #454545;
	text-transform: uppercase;
	margin: 10px 0 10px 0;
}
 
#upcomingevents h3 span
{
    display: block;
	font: normal 0.9em Tahoma, Arial, Verdana;
	color: #b75387;
	text-transform: none;
	margin-top: 1px;
}
 
#upcomingevents a
{
	color: #454545;
}
 
#upcomingevents .event-item
{
	margin-bottom: 15px;
	font-size:13px;
}
#upcomingevents .upcomingeventstitle
{
	font-size: 15px;
	margin-bottom:2px;
}
#fullevent
{
	width:903px;
	float: left;
	margin-bottom: 10px;
}
#fullevent h1
{
	font: normal 30px Tahoma, Arial, Verdana;
	color: #454545;
	margin: 0 0 15px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #454545;
}
#fullevent h2
{
	font: normal 20px Tahoma, Arial, Verdana;
	color: #454545;
	margin: 0 0 15px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #454545;
}
#fullevent .eventitem
{
	width:603px;
	float: left;
	background-color: #fff;
	border: 1px solid #ffa7dd;
	margin-bottom: 10px;
}
#fullevent .eventtitle
{
	
}
#fullevent .eventdate
{
	font-size:13px;
	margin-bottom:5px;
}
#fullevent .title 
{
	width:115px;
	display: inline-block;  /* Op, Saf, IE \*/
	vertical-align: top;
}
#fullevent .dbdata
{
	width:440px;
	display: inline-block;  /* Op, Saf, IE \*/
	vertical-align: top;
}
#fullevent .eventcontent
{
	font-size:13px;
	margin-bottom:5px
}
#fullevent .eventlocation
{
	font-size:13px;
	margin-bottom:5px
}
#fullevent .eventgymnasts
{
	font-size:13px;
	margin-bottom:5px
} 
#parentevent
{
	width:866px;
	float: left;
	background-color: #fff;
	border: 1px solid #ffa7dd;
	margin-bottom: 10px;
}
#parentrow
{
	width:860px;
	border-bottom: 1px dotted #454545;
}
#parentrow .header
{
	width:196px;
	display:inline-block;
	vertical-align: top;
	text-transform:uppercase;
	margin-bottom:10px;
	font-size:15px;
		
}
#parentrow .dateheader
{
	width:165px;
	display:inline-block;
	vertical-align: top;
	text-transform:uppercase;
	margin-bottom:10px;
	font-size:15px;
		
}
#parentrow .gymnastheader
{
	width:290px;
	display:inline-block;
	vertical-align: top;
	text-transform:uppercase;
	margin-bottom:10px;
	font-size:15px;
		
}
#parentrow .dbdata
{
	width:196px;
	display:inline-block;
	vertical-align: top;
	font-size:13px;
	margin-bottom:10px;
	margin-top:5px;
	
}
#parentrow .date
{
	width:165px;
	display:inline-block;
	vertical-align: top;
	font-size:13px;
	margin-bottom:10px;
	margin-top:5px;
	
}
#parentrow .gymnast
{
	width:290px;
	display:inline-block;
	vertical-align: top;
	font-size:13px;
	margin-bottom:10px;
	margin-top:5px;
	
}

/* Aboutus
-------------------------------------------------------------------- */
#aboutus
{
	width:603px;
	float: left;
	font-size:13px;
	background-color: #fff;
	border: 1px solid #ffa7dd;
	margin-bottom: 10px;
}

/* News
------------------------------------------------------*/
 
#news
{
	width: 295px;
	min-height:1095px;
	float: left;
	background-color: #fff;
	border: 1px solid #ffa7dd;
	margin-bottom: 10px;
}
 
#news h2
{
	font: normal 1.7em Tahoma, Arial, Verdana;
	color: #454545;
	margin: 0 0 15px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #454545;
}
 
#news h3
{
	font: bold 1.2em Tahoma, Arial, Verdana;
	color: #454545;
	text-transform: uppercase;
	margin: 10px 0 10px 0;
}
 
#news h3 span
{
        display: block;
	font: normal 0.9em Tahoma, Arial, Verdana;
	color: #b75387;
	text-transform: none;
	margin-top: 1px;
}
 
#news a
{
	color: #454545;
}
 
#news .news-item
{
	margin-bottom: 15px;
	font-size:13px;
}
 
#news ul
{
	margin: 0 0 10px 0;
	padding-left: 16px;
	list-style-type: square;
}
#news .newstitle
{
	font-size: 15px;
	margin-bottom:2px;
}
#fullnews
{
	width:903px;
	float: left;
	margin-bottom: 10px;
}
#fullnews h1
{
	font: normal 30px Tahoma, Arial, Verdana;
	color: #454545;
	margin: 0 0 15px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #454545;
}
#fullnews h2
{
	font: normal 20px Tahoma, Arial, Verdana;
	color: #454545;
	margin: 0 0 15px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #454545;
}
#fullnews .newsitem
{
	width:603px;
	float: left;
	background-color: #fff;
	border: 1px solid #ffa7dd;
	margin-bottom: 10px;
}
#fullnews .newstitle
{
	
}
#fullnews .newsdate
{
	font-size:15px;
	margin-bottom:5px;
}
#fullnews .newscontent
{
	font-size:13px;
	padding: 5px;
}
/* Information box
------------------------------------------------------------------------------------------------------*/
#informationbox
{
	width: 600px;
	min-height:50px;
	float: left;
	background-color: #fff;
	border: 1px solid #ffa7dd;
	margin-bottom: 10px;
	margin-left: 10px;
}



/* Guestbook
 ------------------------------------------------------------------------------------------------------ */
#gbookitem
{
	width:603px;
	float: left;
	background-color: #fff;
	border: 1px solid #ffa7dd;
	margin-bottom: 10px;
	font-size:15px;
}
#gbookitem .gbookname
{
	
}
#gbookitem .gbookdate
{
	font-size:13px;
	margin-bottom:5px;
}
#gbookitem .gbookmessage
{
	font-size:13px;
	padding: 5px;
}
/* navigation next prev
----------------------------------------------------------------------------------------------------- */
#navigation
{
	font-size:12px;
	width:603px;
}

/*Contactform
 -------------------------------------------------------------------------------------------------*/
#form-container
{
	background-color:#fff;
	padding:15px;
	width:603px;
	border: 1px solid #ffa7dd;
}
#form-container td
{
	white-space:nowrap;
}

#form-container a, a:visited {
	color:#00BBFF;
	text-decoration:none;
	outline:none;
}

#form-container a:hover{
	text-decoration:underline;
}

#form-container h1{
	color:#777777;
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:5px;
}

#form-container h2{
	font-weight:normal;
	font-size:12px;
	
	text-transform:uppercase;
	
	color:#454545;
	margin-bottom:15px;
	
	border-bottom:1px solid #eeeeee;
	margin-bottom:15px;
	padding-bottom:10px;
}

#form-container label{
	text-transform:uppercase;
	font-size:10px;
	font-family:Tahoma,Arial,Sans-serif;
}
#form-container input
{
	margin-top:6px;
	margin-bottom:5px;
}
#form-container textarea{
	color:#404040;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin-bottom:5px;
}

#form-container td > button{
	text-indent:8px;
	vertical-align:text-top;
}

#form-container .error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}
/* Profiles
------------------------------------------------------------------------------------------------- */
#profile
{
	font-family:Tahoma, Arial, Verdana;
	width:886px;
	float: left;
	background-color: #fff;
	border: 1px solid #ffa7dd;
	margin-bottom: 10px;
	padding-left:15px;
}
#profile span
{
	width:186px;
	height:256px;
	margin:16px;
	display:inline-block;
}
#profile .profilecontainer
{
	width:161px;
	height:235px;
	margin:5px;
	padding:5px;
	/*border: 1px solid #ffa7dd;*/
	text-align:center;
}

#profile img
{
	width:150px;
	height:200px;
	border:3px #000 solid;
}
#profile .profilename
{
	font-size:13px;
	color:#454545;
	
}
#indiprofile
{
	width:886px;
	float: left;
	background-color: #fff;
	border: 1px solid #ffa7dd;
	margin-bottom: 10px;
	font-size:14px;
	color:#454545;
}
#indiprofile .indiprofilepics
{
	width:200px;
/*	border:1px red solid;*/
	float:left;
	margin-right:20px;
}
#indiprofile img
{
	width:200px;
	height:300px;
	margin-bottom:10px;
}
#indiprofiledata
{
	width:650px;
	
	float:left;
}
#indiprofiledata .title
{
	width:98px;
	display:inline-block;
	vertical-align:top;
}
#indiprofiledata .dbdata
{
	width:221px;
	display:inline-block;
	vertical-align:top;
}
#indiprofiledata .titlelong
{
	width:120px;
	display:inline-block;
	vertical-align:top;
}
#indiprofiledata .dbdatalong
{
	width:450px;
	display:inline-block;
	vertical-align:top;
}
#indiprofiledata .row
{
	padding-bottom:5px;
}
#indiprofiledata .split
{
	border-bottom:1px #454545 dotted;
	width:650px;
	margin: 5px 0px 5px 0px;
}
#indiprofiledata .achivementsrow
{
	overflow: auto;
	width:650px;
	height:280px;
	
}
/*Calendar
--------------------------------------------------------------------------------------------------- */
#calendarlist
{
	width:867px;
	float: left;
	background-color: #fff;
	border: 1px solid #ffa7dd;
	margin-bottom: 10px;
	font-size:14px;
	color:#454545;
}
#calendarlist h2
{
	font: normal 20px Tahoma, Arial, Verdana;
	color: #454545;
	margin: 0 0 15px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #454545;
}
#calendarlist #day
{
	width :100%;
	margin-bottom:10px;
	min-height:25px;
	float:left;
	background-color:#e7e7e7;
}
#calendarlist .events
{
	width :100%;
	padding-left:20px;
	margin-bottom:3px;
	float:left;
}
#calendarlist .eventdetails
{
	width :45%;
	padding-left:20px;
	margin-bottom:3px;
	float:left;
	border :1px #454545 dotted;
	padding-bottom:5px;
}
#calendarlist .title
{
	font-size:15px;
	display:block;
}
#calendarlist .location
{
	font-size:14px;
}
#calendarlist .details
{
	font-size:14px;
	margin-bottom:10px;
}
#calendarlist .today
{
	color:blue;
}




#calendar
{
	width:886px;
	float: left;
	background-color: #fff;
	border: 1px solid #ffa7dd;
	margin-bottom: 10px;
	font-size:14px;
	color:#454545;	
}
#calendar h2
{
	font: normal 20px Tahoma, Arial, Verdana;
	color: #454545;
	margin: 10px auto;
	text-align:center;
	padding-bottom: 5px;
	border-bottom: 1px dotted #454545;
}

#calendar table {
	border-collapse: separate;
	border: 1px solid #9DABCE;
	border-width: 0px 0px 1px 1px;
	margin: 10px auto;
	font-size: 20px;
}
#calendar td, th {
	width: 81px;
	height: 81px;
	text-align: center;
	vertical-align: middle;
	background: url(/images/calendarimg/cells.png);
	color: #444;
	
}
#calendar th {
	height: 30px;
	font-weight: bold;
	font-size: 14px;
}
#calendar td:hover, th:hover {
	background-position: 0px -81px;
	color: #222;
}
#calendar td.date_has_event {
	background-position: 162px 0px;
	color: white;
}
#calendar td.date_has_event:hover {
	background-position: 162px -81px;
}
#calendar td.padding {
	background: url(/images/calendarimg/calpad.jpg);
}
#calendar td.today {
	background-position: 81px 0px;
	color: white;
}
#calendar td.today:hover {
	background-position: 81px -81px;
}
#calendar .events {
	position: absolute;
	
}
#calendar td.both { color: blue;}
#calendar .events ul {
	
	position:relative;
	display: inline;
	z-index: 1000;
	padding: 15px;
	background: #E7ECF2 url(/images/calendarimg/popup.png) no-repeat;
	color: white;
	border: 1px solid white;
	font-size: 15px;
	width: 200px;
	list-style: none;
	color: #444444;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	
	-webkit-box-shadow: 0px 8px 8px #333;
}
#calendar .events li {
	padding-bottom: 5px;
}
#calendar .events li span {
	display: block;
	font-size: 12px;
	text-align: justify;
	color: #555;
}
#calendar .events li span.title {
	font-weight: bold;
	color: #222;
}

#calendar th a{
text-decoration:none;
font-size:120%;
font-weight:bold;
color: #000;
outline-width:0;
}

/* links
--------------------------------------------------------------------------------------------------*/
#linkcat 
{
	width:603px;
	float: left;
	background-color: #fff;
	border: 1px solid #ffa7dd;
	margin-bottom: 10px;
	font-size:15px;
}
#linkcat .linktitle
{
	font-size:15px;
	margin-bottom:5px;
}
#linkcat .links
{
	margin-left: 10px;
}

/* Timetable
------------------------------------------------------------------------------------------------- */
#tabletitle #timerow 
{
	width:100%;
}
#tabletitle #timerow  .tablebox
{
	width:12.5%;
}








/* Footer
------------------------------------------------------------------------------------------------- */
#page-footer
{
	background-color: #000;
	padding: 15px 20px 15px 20px;
	color:#ef006f;	
}
#page-footer .footertext
{
	width:600px;
	font-size:15px;
	float:left;
	padding-top:10px;
	text-align:center;
}
#page-footer .britishgym
{
	height:70px;
	float:left;
	margin-left:30px;
	padding-top:10px;
}
#page-footer .gymmark 
{
		height:70px;
		float:right;
		margin-right:30px;
		padding-top:10px;
}