/*
 Uses the ""Tantek Çelik" box model hack to step IE5 relative sizes down a size (and other necessary tweaks)

 Also uses an IE specific style (filter) to apply a gradient background some elements.
 In non IE browsers this will simply be ignored.

*/
body
{
	color: #000000;
	background-color: #000000;
	margin: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small; /* IE 5.5 doesn't get past here */
	voice-family: "\"}\"";
	voice-family: inherit;
	text-align: left;
	font-size: small;
}

/*
 This rule applies a gradient to the background for IE6 only. We cannot do this for IE5.5 as the gradient
 background causes dropdownlists to display incorrectly when the page scrolls.
*/
body
{
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
}
form
{
	margin: 0;
}

div.page
{
	width: 900px;
	margin: auto;
}
a.skiplink
{
	display: none;
}
h1.hiddenheading
{
	display: none;
}
h2.sectionheading
{
	margin: 0;
	padding: 0.3em;
	font-size: 0.8em; /* IE 5.5 doesn't get past here */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 1em;
}

/* Generic */

.bottomalign 
{
	vertical-align: bottom;
}

h3 
{
	font-size: 1em;
	margin: 1em 0 0.3em 0;
	font-weight: bold;
}

h4
{
	font-size: 1em;
	margin: 1em 0 0.3em 0;
	font-weight: bold;
	font-style: italic;
}

h5
{
	font-size: 1em;
	margin: 1em 0 0 0;
	font-weight: bold;
}


.formhelp
{
	color: #333333;
	font-style: italic;
	font-size: 0.8em;
}

.userError
{
	background-color: #ffeeee;
	border: solid 1px #cc3333;
	padding: 4px;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.userError ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}

/*MAIN TABLES*/
table
{
	margin: 0;
	padding: 0;
}
table.header
{
	width: 900px;
	margin: auto;
	border: solid 1px black;
	background-color: #FFFFFF;
}
table.content
{
	width: 900px;
	padding-bottom: 1.5em;
	margin: auto;
	border: solid 1px black;
	border-top: none;
	background-color: #FFFFFF;
}
table.footer
{
	width: 900px;
	margin: auto;
	border: solid 1px black;
	border-top: none;
	background-color: #FFFFFF;
}

/*
 On empty div elements IE will give them a default minimum size equal to the font size in that div.
 setting the font size to 0 allows the height to be controlled acurately with the height style.
*/
div.gradientrule
{
	height: 4px;
	background-color: #cccccc;
	background-image: url(/RYACMSInternet/images/gradientbar.gif);
	background-repeat: repeat-x;
	font-size: 0px;
	line-height: 0px;
	clear: both;
	border-bottom: solid 1px #666666;
}
div.leftgradientrule
{
	height: 4px;
	border-right: solid 1px #666666;
	background-color: #cccccc;
	background-image: url(/RYACMSInternet/images/gradientbar.gif);
	background-repeat: repeat-x;
	font-size: 0px;
	line-height: 0px;
	clear: both;
	border-bottom: solid 1px #666666;
	width: 205px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 204px;
}
div.centergradientrule
{
	height: 4px;
	border-right: solid 1px #666666;
	background-color: #cccccc;
	background-image: url(/RYACMSInternet/images/gradientbar.gif);
	background-repeat: repeat-x;
	font-size: 0px;
	line-height: 0px;
	clear: both;
	border-bottom: solid 1px #666666;	
}
div.rightgradientrule
{
	height: 4px;
	background-color: #cccccc;
	background-image: url(/RYACMSInternet/images/gradientbar.gif);
	background-repeat: repeat-x;
	font-size: 0px;
	line-height: 0px;
	clear: both;
	border-bottom: solid 1px #666666;
}
div.spacer
{
	height: 1px;
	clear: both;
	font-size: 0;
}

/*BREADCRUMB*/
td.breadcrumbcell
{
	width: 50em;
}
div.breadcrumb
{
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding-left: 0.5em;
	float: left;
	color: #000000;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}
div.breadcrumb a
{
	color: #FF0202;
	text-decoration: underline;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
div.breadcrumb a:visited
{
	color: #FF0202;
	text-decoration: none;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
div.breadcrumb a:hover
{
	color: #FF0202;
	text-decoration: underline;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

/*SEARCH*/
div.search
{
	width: 25em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	margin-right: 0.5em;
	text-align: right;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}
label.nodisplay
{
	display: none;
}
input.searchtextbox
{
	width: 8em;
	height: 1.4em;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 0.9em;
}
input.searchbutton
{
	vertical-align: bottom;
}

/*FOR IE ONLY*/
* html body input.searchbutton
{
	margin-bottom: 1px;
}

/*HEADER*/
div.banner
{
	height: 112px;
	width:898px;	
}
td.headerbottomspacer
{
	height: 0.8em;
	background-color: #000000;
	background-image: url(/RYACMSInternet/images/gradientbar.gif);
	background-repeat:repeat-x;
	background-position: bottom left;
}
td.headertopspacer
{
	height: 0.5em;
	background-color: #FF0202;
	background-image: url(/RYACMSInternet/images/gradientbar.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}

/*TOP NAVIGATION*/
td.topnavcell
{
	background-color: #FF0202;
}
div.topnavigation
{
	border-top: solid 1px #FFFFFF;
}
div.topnavigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-left: 0;
}
div.topnavigation li
{
	white-space: nowrap;
	float: left;
	margin: 0;
	padding: 0;
	border-left: solid 1px #cccccc;
	background-color: #FF0202;
}
div.topnavigation li
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0202, endColorstr=#FF0202);
}
div.topnavigation a
{
	display: block;
	padding: 8px 5px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
div.topnavigation a:hover
{
	background-color: #000000;
	color: #FFFFFF;

}
div.topnavigation a.current
{
	background-color: #000000;
	color: #FFFFFF;
}

/*MAIN CONTENT CELLS*/
/*Cell left container cell and right container cell are shifted up by one pixel to cover the space left by the empty cell which is used to enable HTML to be constructed in the desired order*/
td.leftcontainercell
{
	width: 204px;
}
td.centercontainercell
{
	width: 490px;

}
td.rightcontainercell
{
	width: 203px;
}
td.centercolumn
{
	border-right: solid 0px black;
}

/*LEFT COLUMN*/
div.leftcontent
{
	height: 100%;
	display: inline;
}

/*LEFT NAV*/
div.leftnavigationheader
{
	margin: 0;
	display: block;
	background-color: #FF0202;
	color: #FFFFFF;
	border: solid 1px #CCCCCC;
	border-bottom: solid 1px #333333;
	border-right: solid 1px #333333;
	width: 205px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 203px;
}
div.leftnavigationheader
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0202, endColorstr=#FF0202);
}

/*Font size specified in em's since none of the standard named sizes are quite right. This is fine as it is a leaf element so it wont be inherited*/
div.leftnavigation
{
	width: 100%;
	background-color: #FFFFFF;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
div.leftnavigation
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF);
}
div.leftnavigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-left: 0;
	border-right: solid 1px #666666;
}
div.leftnavigation li
{
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #666666;
	border-top: solid 1px #eeeeee;
}
div.leftnavigation a
{
	display: block;
	text-decoration: none;
	padding: 5px;
	width: 204px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 194px;
	color: #000000;
}
div.leftnavigation a:visited
{
	color: #000000;
}
div.leftnavigation a:hover
{
	background-color: #000000;
	color: #FFFFFF;
}
div.leftnavigation a.currentpage
{
	font-weight:bold;	
}

div.leftcolumnfeature
{
	background-color: #FFFFFF;
	padding-bottom: 10px;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
	line-height: 1em;
	width: 205px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 204px;
	line-height: 1.2em;
}
div.leftcolumnfeature img.leftcolumnfeatureimg
{
	margin: 10px 0 0 10px;
	border: solid 1px #999999;
	border-bottom: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
}
div.leftcolumnfeature p
{
	margin: 0 10px 5px 10px;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
div.leftcolumnfeature a
{
	color: #000000;
	margin: 10px;
	margin-bottom: 20px;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
div.leftcolumnfeature a:visited
{
	color: #000000;
}
div.leftcolumnfeature a:hover
{
	color: #000000;
}

div.leftcolumnfeature textarea
{
	width: 180px;
}
div.leftcollinkauthoring
{
	margin-left:10px;
}

div.leftcollinkauthoring input
{
	float:left;
	clear:right;
}
/*CENTER COLUMN*/
div.centersectionheader
{
	margin: 0;
	background-color: #FF0202;
	color: #FFFFFF;
	border: solid 1px #333333;
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	width: 490px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 488px;
}

/* PHASE II CHANGES - 2.1.1*/
div.centersectionheader table {width:100%;}
div.centersectionheader table td.left {width:50%;}
div.centersectionheader table td.right {width:50%;text-align:right;}
div.centersectionheader a {color:#FFFFFF;text-decoration:underline;padding-right:10px;font-size:0.7em;}
div.centersectionheader a.hover {color:#FFFFFF;text-decoration:underline;padding-right:10px;font-size:0.7em;}
div.centersectionheader a.visited {color:#FFFFFF;text-decoration:underline;padding-right:10px;font-size:0.7em;}

div.centersectionheader
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0202, endColorstr=#FF0202);
}

/*LATEST NEWS*/
table.latestnews
{
	background-color: #FFFFFF;
}
td.latestnewsimage
{
	background-repeat: no-repeat;
	height: 140px;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}

div.topnewsitem
{
	background-color: #FF0202;
	color: #FFFFFF;
	width: 280px;  /* value for incorrect box model */
	padding: 15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 250px;
	/* image width = 280px
	  250px = (490px (center col) - 210px (latestnewslinks, relatedlinks)) - padding */
}
div.topnewsitem
{
	filter: Alpha(Opacity=80); /* IE only */
	opacity:0.9;
}
div.topnewsitem a
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
div.topnewsitem p
{
	margin: 0;
}

td.latestnewslinks
{/*
	background-color: #FFFFFF;
	/*width: 210px;  = 490px (center col) - 280px (topnewsitem) * /
	width: 100%;
	/*height: 120px;* /
	font-size: 0.7em;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;	
}


td.latestnewslinks ul
{/*
	list-style-position: outside;
	margin-top: 0;	
	/*width: 50%;* /
	/*height: 120px;* /
	padding-bottom: 1.4em;*/
}
td.latestnewslinks li
{/*
	margin-top: 0em;
	/*padding-top: 0.5em;* /
	padding-top: 1em;
	padding-left: 1em;
	/*margin-left: -1.2em;* /
	float: left;
	width: 45%;
	background-image: url(/RYACMSInternet/images/bullet.gif);
	background-position: 0 1.2em;
    background-repeat: no-repeat;*/
}
td.latestnewslinks li a
{
	color: #000000;
}
td.latestnewslinks li a:visited
{
	color: #000000;
}
td.latestnewslinks li a:hover
{
	color: #000000;
}

div.morenews
{
	padding: 4px 0.3em 4px 0.5em;
	background-color: #FFFFFF;
	text-align: right;
}

div.morenews a
{
	color: #FFFFFF;
	font-weight: bold;
}

/* -- vertical alignment of RHS -- */

td.latestnewslinks
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
}

/* NB - IE doesn't like it if we put a height on a UL, so put it on the parent div */
td.latestnewslinks div
{
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	vertical-align: top;
}

td.latestnewslinks div table td {width:50%;}

/*FEATURES / CURRENT ISSUES*/
div.sectionfeatures table
{
	border-collapse: separate;
	background-color: #FFFFFF;
	width: 100%;
}

div.sectionfeatures td
{
	width:160px;	
	padding: 0px;
	margin: 0px;
	border-right: solid 1px #666666;
	border-left: solid 1px #EEEEEE;
	vertical-align: top;					
}	

div.sectionfeatures tr.title
{
	border-top: solid 1px #EEEEEE;	
}	

div.sectionfeatures tr.text
{
	border-bottom: solid 1px #666666;
}	

div.feature
{
	height: 100%;
	float: left;
	background-color: #FFFFFF;
	border: solid 1px #666666;
	border-left: solid 1px #EEEEEE;
	border-top: solid 1px #EEEEEE;
	width: 163px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 161px;
}
div.lastfeature
{
	float: left;
	background-color: #FFFFFF;
	border: solid 1px #EEEEEE;
	border-bottom: solid 1px #666666;
	border-right: solid 1px #666666;
	width: 164px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 162px;
}

div.sectionfeatures
{
	clear: both;
}
div.sectionissues
{
	clear: both;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
div.sectionfeatures h3 
{
	height:100%;
	margin: 10px;
	margin-bottom: 5px;
	color:#000000;
	text-decoration:none;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
div.sectionfeatures p
{
	height:100%;
	margin: 5px 5px 10px 10px;
	color:#000000;
	text-decoration:none;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
div.sectionfeatures p a,
div.sectionfeatures h3 a
{
	text-decoration:none;
	color:#000000;
}
div.sectionfeatures img
{	
	margin-left: 10px;
	border: solid 1px #999999;
	border-bottom: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
}

/* APPLY GRADIENTS FOR IE5.5 AND IE6 */
div.ryatools, div.morenewslinks, div.summaryitem,
div.sectionfeatures table, div.feature, div.lastfeature
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF);
}
div.leftcolumnfeature, div.ryashop
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF);
}

/*RYA TOOLS*/
div.rightcolumnheader
{
	text-align:center;
	margin: 0;
	padding: 0.2em;
	background-color: #FF0202;
	color: #FFFFFF;
	border-bottom: solid 1px #333333;
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	width: 197px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 196px;
}
div.rightcolumnheader
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0202, endColorstr=#FF0202);
}
div.sponsors
{
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	float:left;
	
	width: 203px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 202px;	
}
div.sponsors ul
{	
	padding:0px;
	margin:0px;
	margin-left:10px;
	margin-top:5px;
	list-style-type:none;
}
div.sponsors ul li
{
	float:left;
}
div.sponsors ul li img
{	
	border:none;
	margin: 5px 10px 5px 10px;
	width:70px;
}
div.ryatools
{
	width: 100%;
	background-color: #FFFFFF;
}
div.ryatoolslinks
{
	margin: 0;
	padding: 0.18em;
	font-size: 0.8em; /* IE 5.5 doesn't get past here */
	voice-family: "\"}\"";voice-family: inherit;font-size: 1em;
	/*padding:5px 0 10px 5px;*/
	
	/*
	clear: both;
	margin: 10px 0 5px 0px;
	padding: 0 0 5px 0;
*/
}

div.ryatoolslinks table td.loginlinks {font-size: 0.8em;padding-left:0.5em;padding-right:0.5em;border-left:solid 1px #FFFFFF;voice-family: "\"}\"";voice-family: inherit;font-size: 0.9em;}
div.ryatoolslinks table td.loginlinkslast {font-size: 0.8em;padding-left:0.5em;padding-right:0.5em;border-left:solid 1px #FFFFFF;border-right:solid 1px #FFFFFF;voice-family: "\"}\"";voice-family: inherit;font-size: 0.9em;}
div.ryatoolslinks table tr td a
{
	color: #FFFFFF;
}
div.ryatoolslinks table tr td a:visited
{
	color: #FFFFFF;
}
div.ryatoolslinks table tr td a:hover
{
	color: #FFFFFF;
}
div.ryatoolslinks ul
{
	margin: 0;
	padding-top:0;
	list-style-type: none;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
div.ryatoolslinks li
{
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
	/*line-height: 1.5em;*/
}
div.ryatoolslinks h3
{
	margin: 5px 0 5px 0;
	padding: 0;
	clear: both;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
div.ryatoolslinks li a
{
	color: #FFFFFF;
}
div.ryatoolslinks li a:visited
{
	color: #FFFFFF;
}
div.ryatoolslinks li a:hover
{
	color: #FFFFFF;
}
div.ryatoolslinks select
{
	width:150px;
	margin: 0;
	padding: 0;
}
div.ryatoolslinks input
{
	margin: 5px 0 0px 0;
	padding: 0;
	vertical-align:bottom;	
}
div.searchfilter
{
	padding:10px;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #666666;
	font-size: 0.75em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.9em;
}
div.searchfilter input
{
	margin-right:5px;
}
label.filterlabel
{
	color:#FFFFFF;	
	font-style:italic;	
	display:block;
	margin-bottom:10px;		
}

/*RYA SHOP*/

div.shopcontainer {}
table.ryashopitem {padding:10px 0px 10px 5px;width: 489px;}
table.ryashopitem td.left {border-left: solid 1px #EEEEEE;width:81px;}
table.ryashopitem td.right {border-right: solid 1px #666666;padding-right:2px;width:80px;}
table.ryashopitem td.leftright {border-right: solid 1px #666666;border-left: solid 1px #EEEEEE;width:161px;}
table.ryashopitem td.lefttop {border-left: solid 1px #EEEEEE;vertical-align:top;width:81px;}
table.ryashopitem td.righttop {border-right: solid 1px #666666;padding-right:2px;vertical-align:top;width:80px;}

div.ryashop
{
	background-color: #CCCCCC;
	border-bottom: solid 1px #666666;
	border-left: solid 1px #EEEEEE;
	width: 490px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 488px;
}
div.ryashopitem
{
	/*float: left;
	clear: both;*/
}
div.shopitemdetails
{	
	/*width:110px;	*/
}
table.ryashopitem img
{
	/*float: left;*/
	/*margin: 0px 0 10px 10px;*/
	border: solid 1px #999999;
	border-bottom: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
}
table.ryashopitem .noimg
{
	width: 62px;
}
table.ryashopitem h3
{
	font-weight: normal;
	margin: 0;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
table.ryashopitem p
{
	margin: 10px 0 5px 0;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
table.ryashopitem  a
{
	color: #000000;
	/*
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 10px;
	*/
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
table.ryashopitem a:visited
{
	color: #000000;
}
table.ryashopitem a:hover
{
	color: #000000;
}
div.shopitemdetails
{
	float: left;
	margin-top: 10px;
	padding-left: 10px; /* NB - not margin due to IE doubled margin bug */
}
table.ryashopitem span.price
{
	font-weight: bold;
	color: #000000;
	font-size: 1em;
}

div.ryashoplink
{
	margin: 10px 0 10px 10px;
	padding: 10px;
}
div.ryashoplink a
{
	color: #000000;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
div.ryashoplink a:visited
{
	color: #000000;
}
div.ryashoplink a:hover
{
	color: #000000;
}


/*FOOTER*/
td.footerspacer
{
	height: 1.5em;
	background-color: #CCCCCC;
}
div.footerlinks
{
	float: left;
	margin: 0;
	padding: 0.5em;
	color: #000000;
}
div.footerlinks ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
div.footerlinks li
{
	margin: 0;
	padding: 0;
	float: left;
}
div.footerlinks a
{
	margin: 0 5px 0 5px;
	color: #333333;
	font-size: 0.8em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.9em;
}

/*GENERAL CONTENT*/

/*PAGE HEADING*/
td.pageimage
{
	background-image: url(/RYACMSInternet/Images/defaults/latestnews.jpg);
	background-repeat:no-repeat;
	height: 140px;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}

div.pagesummary
{
	float: left;
	background-color: #FF0202;
	color: #FFFFFF;
	width: 280px; /* value for incorrect box model */
	padding: 15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 250px; 
	/* image width = 280px.
		250px = (490px (center col) - 210px (relatedlinks)) - padding */
}
div.pagesummary
{
	filter: Alpha(Opacity=80); 
	opacity: 0.9;
}
div.pagesummary a
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
div.pagesummary p
{
	margin: 0;
	font-weight: bold;
}
td.relatedlinks,
.commerceLinksBox
{
	float: right; 
	margin-bottom: 5px;
	position: relative;
	background-color: #FFFFFF;	
	width: 210px; /* = 490px (center col) - 280px (pagesummary) */	
	height:100%;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
div.eventRightBlock h3,
td.relatedlinks h3,
.commerceLinksBox h3
{
	margin: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	font-size: 0.9em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 1em;
}
div.eventRightBlock ul,
td.relatedlinks ul,
.commerceLinksBox ul
{
	list-style-position: outside;
	margin-top: 0;
	margin-bottom: 0;
}
div.eventRightBlock li,
td.relatedlinks li,
.commerceLinksBox li
{
	margin-top: 0.5em;
	margin-left: -1.2em;
}
div.eventRightBlock li a,
td.relatedlinks li a,
.commerceLinksBox li a
{
	color: #000000;
}
div.eventRightBlock li a:visited,
td.relatedlinks li a:visited,
.commerceLinksBox li a:visited
{
	color: #000000;
}
div.eventRightBlock li a:hover,
td.relatedlinks li a:hover,
.commerceLinksBox li a:hover
{
	color: #000000;
}

div.printpage
{
	text-align: right;
	margin: 10px 10px 0 0;
}
div.printpage img
{
	margin: 0;
	padding: 0;
}
div.printpage a
{
	color: #000000;
	margin: 0;
	padding: 0;
}
div.printpage a:visited
{
	color: #000000;
}
div.printpage a:hover
{
	color: #000000;
}

div.morenewslinks
{
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 10px;
	border-left: solid 1px #EEEEEE;
	border-right: solid 1px #666666;
	width: 490px;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
	width: 488px;
}
div.morenewslinks ul
{
	list-style-position: outside;
	margin-top: 0;
	margin-bottom: 0;
}
div.morenewslinks li
{
	margin-top: 0.5em;
	margin-left: -1.2em;
}
div.morenewslinks li a
{
	color: #000000;
}
div.morenewslinks li a:visited
{
	color: #000000;
}
div.morenewslinks li a:hover
{
	color: #000000;
}
/*PAGE CONTENT*/
div.pagecontent
{
	position: relative;
	background-color: White;
	margin: 0;
	padding: 15px;
	padding-top:10px;
	color: #363636;
	
	font-size: 0.8em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 1em;
}

div.pagecontentOuter
{
	/* This caused a problem on the event template - the error console
	/* appeard beneath this div and so was not visibile */
	position: relative;  /*Fix IE peekaboo bugs */
}

div.pagecontent p
{
	margin: 0;
	padding-bottom: 1em;	
}
div.pagecontent a
{
	color: #000000;
}
div.pagecontent a:visited
{
	color: #000000;
}
div.pagecontent a:hover
{
	color: #000000;
}
div.postingdate
{
	text-align:right;	
	color:#333333;
	font-style:italic;
	background:#ffffff;
}
div.sitemapcontent
{
	background-color: White;
	margin: 0;
	padding: 15px;
	color: #363636;
	
	font-size: 0.8em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 1em;
}
div.sitemapcontent div
{
	margin-bottom:10px;
}
div.sitemapcontent h3
{
	margin-bottom:0px;
}
div.sitemapcontent ul
{
	margin-top:0;
}
div.sitemapcontent h3 a,
div.sitemapcontent h3 a:hover,
div.sitemapcontent h3 a:visited
{
	color:#333333;
	text-decoration:none;
}

div.sitemapcontent p
{
	margin: 0;
	padding-bottom: 1em;	
}
div.sitemapcontent a
{
	color: #FFFFFF;
}
div.sitemapcontent a:visited
{
	color: #FFFFFF;
}
div.sitemapcontent a:hover
{
	color: #FFFFFF;
}

/*Summary Template*/
div.summaryitem
{			
	position:relative; /* Peek-a-boo bug */
	padding:10px;
	background-color: #FFFFFF;
	border: solid 1px #666666;
	border-left: solid 1px #EEEEEE;
	border-top: solid 1px #EEEEEE;	
	
	width: 490px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 468px;
}
div.summaryitem img
{
	position:relative; /* Peek-a-boo bug */
	float:left;	
	margin-right:10px;
	border: solid 1px #666666;
	border-bottom: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
}

div.summaryitem h3 a
{
	text-decoration:underline;
	color:#000000;	
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
div.summaryitem h3
{
	margin:0px;
	padding:0px;		
}
div.summaryitem p
{		
	margin:0px;	
	padding:0px;	
	color:#000000;
	text-decoration:none;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
div.summaryclear
{
	clear:both
}
div.summaryintro
{
	padding:10px;
	color:#333333;	
}
div.pagingcontainer
{
	padding:5px 10px 5px 10px;
	background-color:#E9F1FC;
	background-color:#FFFFFF;
	color:#3366FF;
	text-align:center;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	font-size: 0.8em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.9em;
}
div.pagingcontainer span,
div.pagingcontainer a
{
	margin: 0 20px 0 20px;
}
div.pagingcontainer a
{
	color:#3366FF;
}
div.pagingcontainer span.adisabled
{
	color:#999999;
}
/* Generic authoring */
div.authoringError
{
	background-color: #ffeeee;
	border: solid 1px #cc3333;
	padding: 4px;
	margin-top: 1em;
}
div.authoringError ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}

/* FORM BUILDER */
/* TODO - work on colours */
div.dynamicForm h1
{
	font-size: 1.5em;
}
div.dynamicForm h2
{
	font-size: 1.3em;
	margin-right: 10px;
}
body div.dynamicForm
{
	font-family: arial, sans-serif;
}
div.dynamicForm fieldset
{
	padding: 10px;
	margin-left: 20px;
}
div.dynamicForm fieldset legend
{
	font-weight: bold;
	color: #333399;
}
div.dynamicForm h1
{
	font-size: 1.4em;
}
div.dynamicForm h2
{
	font-size: 1.1em;
}
div.dynamicForm h1, div.dynamicForm h2, div.dynamicForm h3
{
	color: #333399;
}
.dynamicFormCheckBoxList td label
{
	margin-top: 0px;
}
.dynamicFormCheckBoxList td input
{
	margin-top: 0px;
}
.dynamicFormCheckBoxList table td
{
	vertical-align: top;
}
div.dynamicForm textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* FORM BUILDER SPECIFIC OVERRIDES */
td.centercontainercell2col
{
}
td.centercontainercell2col div.centersectionheader
{
	width: 691px;
}

/* FAQ */
div.FAQControls
{
	margin-top: 0.5em;
	border-top: 1px solid #888;
	padding: 5px;
}
div.FAQList
{
	margin-top: 0.5em;
}
ul.FAQList
{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
li.FAQList, li.FAQListAlternate
{
	margin: 5px 0px;
	padding: 4px;
}
li.FAQList input, li.FAQListAlternate input
{
	width: 18px;
	height: 18px;
	font-size: 10px;
	margin-left: -23px;
	margin-right: 5px;
}
li.FAQList
{
	background: #e8e8e8;
}

div.FAQAnswer
{
	margin-top: 1em;
	margin-left: 23px;
}
div.FAQQuestionSelected, div.FAQQuestion
{
	margin-left: 23px;
	font-weight: bold;
}

/* IMAGE GALLERY */
/* Authoring */
.imageGalleryAuthoring1 input
{
	width: 7em;
}

.imageGalleryAuthoring1 select
{
	width: 18em;
}
fieldset.imageGalleryAuthoring2
{
	padding: 10px;
}

/* Presentation */
/* in the gallery, structure is as below
div.thumbnailBorder
  div.thumbnail  -- height set dynamically to (max of all imgs) plus 2 * img border height
    div.inner
        a
          img 
*/
.imageGallery .thumbnailBorder
{
	float: left;
	border: 1px solid #aaa;
	background-color: #efefef;
	margin: 5px; /* determines gap between thumbnails */
}

.imageGallery .thumbnail
{
	margin: 7px; /* immediate border around thumbnail */
	width: 85px; /* max width of thumbnails = 83 (must sync with GalleryThumbnailWidth value in web.config)
					plus 2*1px for border on img below */
}

.imageGallery .thumbnail img
{
	border-width: 0px;  /*Must match the web.config GalleryThumbnailBorderWidth setting for correct display */	
}

/* CSS 2 vertical centering */
.imageGallery .thumbnail
{
	display: table;
}

.imageGallery .thumbnail .inner
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

/* IE specific vertical and horizontal centering (IE doesn't support display:table).  
   This hack depends on IE incorrectly interpreting the percentage positions  */
* html .imageGallery .thumbnail
{
	position: relative;
}

* html .imageGallery .thumbnail .inner
{
	position: absolute;
	top: 50%;
	left: 50%;
}

* html .imageGallery .thumbnail img
{
	position: relative;
	top: -50%;
	left: -50%;
}
/* end vertical centering */

.imageGallery .prevPage
{
	display: block;
	float: left;
	width: auto;
}

.imageGallery .nextPage
{
	display: block;
	float: right;
	width: auto;
}

/* Image gallery - single image page */
.imageGallerySingle
{
	text-align: center;
}

.imageGallerySingle .imageHolder
{
	margin: auto; /* w3c centering */
	text-align: center; /* IE centering */
}
.imageHolder img
{
	border:0;
}
.imageGallerySingle .title,
.imageGallerySingle .copyright,
.imageGallerySingle .description
{
	padding: 0.5em;
}
.imageGallerySingle .title
{
	font-size: 1.3em;
	font-weight: bold;
}

.imageGallerySingle .nav
{
	text-align: center;
}

.imageGallerySingle .clear
{
	clear: both;
}

#FilterDiv td
{
	vertical-align:middle;
}
#FilterDiv input
{
	margin-left:5px;
	vertical-align:text-bottom;
}

/* Information area */
.informationLinkAuthoring,
.latestNewsAuthoring
{
	margin: 0.5em;
}


.informationLink
{
	padding: 16px;
	background-position: left top;
	background-repeat: no-repeat;

}
.informationLink .textContent
{
	padding: 8px;
	background-color: #FF0202;
	filter: Alpha(Opacity=80); /* IE */
	opacity: 0.8; /* CSS3 */
	border-top: solid 1px #9999cc;
	border-left: solid 1px #9999cc;
	border-right: solid 1px #000033;
	border-bottom: solid 1px #000033;
	width: 50%;
	text-align:left;
}

.informationLink
{
	color: white;
}

.informationLink h3
{
	margin: 0px 0px 3px 0px;
	font-size: 0.8em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.9em;
}

.informationLink h3 a
{
	color: white;
	text-decoration: none;
}
.informationLink p
{
	margin: 0;
	font-size: 0.8em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.9em;
}

.informationLink a:hover
{
	color:Silver;
	text-decoration: underline;
}

/**** Standard table ****/
/* various pages can use this */
.eventSearchList td,
.eventSearchList th,
table.activities td,
table.activities th
{
	border: solid 1px #888888;
	padding: 3px;
}

.eventSearchList th,
table.activities th
{
	background-color: #cccccc;
}

.eventSearchList table,
table.activities
{
	width: 100%;
	border: solid 1px black;	
	border-collapse: collapse;
	margin-bottom: 1em;
}


/* Events */
.dateButton
{
	clear: both;
	display: block;
	margin-top: -2px;
	margin-bottom: 2px;
}

.eventImageBox
{
	position:relative; /* Peek-a-boo bug */
	background: white;
	float: right;
	width: auto;
	
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
	
}
.eventRightBlockContainer
{
	position: relative;
}
.eventRightBlock
{
	background-color: #FFFFFF;	
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
	
	float: right;
}
.eventtable
{
	background-color: White;
	vertical-align: top;
}

.eventImageBox h3
{
	margin: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	font-size: 0.9em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 1em;
}
.eventImageBox ul
{
	list-style-position: outside;
	list-style-position: outside;
	margin-top: 0;
	margin-bottom: 0;
	margin-right:10px;	
}
.eventImageBox ul li
{
	margin-top: 0.5em;
	margin-left: -1.2em;
}

.eventImageBox ul a,
.eventImageBox ul a:visited,
.eventImageBox ul a:hover
{
	color:#000000;
}

/*td.relatedlinks
{
	background-color: #FFFFFF;
	width: 210px; 
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}

td.relatedlinks li
{
	margin-top: 0.5em;
	margin-left: -1.2em;
}*/


/* Event search */
.eventSearchControls
{
	 position: relative;
	 margin-bottom: 20px;
}
.eventSearchControls input
{
	vertical-align: bottom;
}

div.eventSearchButton
{
	margin-top: 15px;
	margin-bottom: 15px;
}
.eventSearchCalendar table
{
	font-size: 0.9em;
	width: 460px;
	border: solid 1px black;	
	border-collapse: collapse;
}

.eventSearchCalendar td,
.eventSearchCalendar th.dayofweek
{
	border: solid 1px #888888;
}

.eventSearchCalendar td,
.eventSearchCalendar th
{
	padding: 3px;
	vertical-align: top;
}

.eventSearchCalendar th
{
	text-align: center;
}

.eventSearchCalendar th.month
{
	background-color: #000099;
}

.eventSearchCalendar th.month,
.eventSearchCalendar th.month a,
.eventSearchCalendar th.month a:link,
.eventSearchCalendar th.month a:visited
{
	color: #ffffff;
}

.eventSearchCalendar a.monthLinkPrev
{
	float: left;
}

.eventSearchCalendar a.monthLinkNext
{
	float: right;
}

.eventSearchCalendar th.dayofweek
{
	width: 14%;
	background-color: #cccccc;
}

.eventSearchCalendar td
{
	padding: 0px;
	height: 5em;
}
.eventSearchCalendar td .day
{
	display: block;
	background-color: #eee;
	width: 1.5em;
	height: 1.2em;
	padding: 2px;
	margin-right: 1px;
	margin-left: auto;
	text-align: center;
}

.eventSearchCalendar td.outofrange
{
	background-color: #888888;
}

.eventSearchCalendar .eventLink
{
	margin-bottom: 0.5em;
}

/****** Search results styles *********/
div.searchfilter
{
	padding:10px;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #666666;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
div.searchfilter input
{
	margin-right:5px;	
}
input.contentcheckbox
{
	vertical-align:middle;
}
label.filterlabel,
span.filterlabel
{
	color:#FFFFFF;	
	font-style:italic;	
	display:block;
	margin-bottom:10px;		
}
div.searchagain
{
	padding:10px;
	background-color:#cccccc;
	border-right:solid 1px #666666;
	border-bottom:solid 1px #666666;	
	position:relative;
	
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
div.searchagain label
{
	margin-bottom:10px;	
}
div.searchresultscontent
{
	background-color:#ffffff;
	padding-bottom:10px;
}
input.searchagaintext
{
	width:10em;
}
div.searchpagetext
{		
	margin:0;
	padding:15px;
	position: relative;/* IE peekaboo bug */
	
	margin:0;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;	
}

div.searchdetails
{
	background-color:#E9F1FC;
	margin: 10px 10px 5px 10px;	
	padding:5px;	
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;	
	text-align:center;
	clear:both;
	position: relative; /* IE peekaboo bug */
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;		
}
div.searchdetails a
{
	color:#0066FF !important;
	text-decoration:none;
}
div.searchdetails a.next
{
	font-weight:bold
}
span.searchedforterm
{
	color:#0066FF;
}
div.searchresultcontainer
{		
	padding:5px 10px 5px 10px;
	margin:0px;
}
div.searchresult,
div.alternatesearchresult
{
	padding:5px;
	margin-bottom:5px;
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;	
}
div.alternatesearchresult
{
	background-color:#ececec;
}
div.searchresult h3,
div.alternatesearchresult h3
{
	margin:0;	
	margin-bottom:5px;
	font-size:1em;voice-family: "\"}\"";voice-family:inherit;font-size:1em
}
div.searchresult h3 a,
div.alternatesearchresult a
{
	color:#FFFFFF;
	text-decoration:none;
}
div.searchresult p,
div.alternatesearchresult p
{
	margin:0;
	margin-bottom:5px;
}
span.searchrelevance
{
	color:#339900
}

/*** CATALOGUE **/
div.productcontainer
{	
	width:100%;
	position: relative; /* Fix IE peekaboo bugs */
	background-color:#ffffff;
	float:left;
	font-size:0.8em;voice-family: "\"}\"";voice-family:inherit;font-size:1em;
}
div.cataloguecontrols input
{
	margin-right:5px;	
}
input.contentcheckbox
{
	vertical-align:middle;
}
div.catalogueitem
{		
	border-top: solid 1px #cccccc;
	height:1%;
	clear:both;			
	position: relative; /* IE peekaboo bug */	
}
div.product
{	
	padding: 10px;					
	background-color:#ffffff;
}
div.productinfotext
{		
	padding:10px;
	clear:both;
	float:left;
}
div.catalogueitem .productimagesmall 
{	
	margin-top:10px;
	padding-bottom:10px;	
	float:left;		
	position: relative; /* IE peekaboo bug */			
}
div.product img,
div.catalogueitem img
{	
	border: 0px;	
	border:solid 1px #999999;border-bottom:solid 1px #dddddd;border-right:solid 1px #dddddd;
}
div.summaryproductinfo
{	
	margin-top:10px;		
	margin-left:70px;
		
}
div.productdetails
{
	color:#333333;	
	margin-bottom:5px;		
}
div.priceinfo
{
/*	font-size:0.8em;voice-family: "\"}\"";voice-family:inherit;font-size:1em;*/
}
.productprice
{
	font-size: 1em;
	font-weight: bold;
	color:#cc0000;
}
div.product .basket,
div.catalogueitem .basket,
div.catalogueitem .selectbutton
{	
	float:right;
	position: relative;	/* IE peekaboo bug */
	display:inline; /* Prevents IE doubling the margin */
	margin-bottom: 10px;	
}
div.catalogueitem h3 
{	
	margin: 0px;	
	font-weight: bold;	
	font-size: 0.8em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 1em;
}
div.catalogueitem h3 a
{
	text-decoration: none;
	color: black;
}
div.catalogueitem h3 a:hover
{
	text-decoration: underline;
}

div.productimage
{
	float:left;
	position:relative;		
}
div.fullproductinfo
{		
	margin-left:190px; /* = 180 (width of product image) plus 10 */
}
div.fullproductinfonoimage
{
	margin-left:0px;
}

div.fullproductinfonoimage p,
div.fullproductinfo p
{
	margin:0px 0 10px 0;		
}

div.basket a img.detailsbutton
{
	border: 0;	
	margin-right:5px;
}

/*** Metadata control ***/

.MetaDataControl
{
	border: solid 1px #cccccc;
	background-color: #ffffff;
	margin-top: 10px;
	padding: 5px;
}
.MetaDataControl .ReadOnlyInput
{
	border: solid 1px #cccccc;
	background-color: #ffffee;
}
span.MetaDataPlaceholderRow {margin-right:10px;}
div.MetaDataPlaceholderRow span{display:block;}
div.MetaDataPlaceholderRow input {margin-bottom:10px;}
div.MetaDataPlaceholderRow select{}
div.MetadataError {display: block; position: absolute; right: 0; top: 0; background-color: #FFFF00; color: #000000; border: solid 4px #000000; padding: 10px; margin: 0; z-index: 1000; }
h2.metadataTitle { font-size: medium; border-bottom: 1px solid; }

/* basket */
table.shoppingBasket
{
	width: 100%;
	margin-bottom: 1em;
	border-collapse: collapse
}
table.shoppingBasket td,
table.shoppingBasket th
{
	vertical-align: top;
	padding: 2px 4px;

}

table.shoppingBasket tr.headerRow .grey
{
	border: solid 1px #999999;
	background-color: #cccccc;
	
}
table.shoppingBasket .removecol
{
	border: none;
	background-color: #fff;
}
table.shoppingBasket tr.itemRow .n
{
	border-top: solid 1px #cccccc;
}
table.shoppingBasket tr.totalRow .n
{
	border-top: solid 1px #cccccc;
}
table.shoppingBasket
{
	border-bottom: solid 1px #999999;
}

table.shoppingBasket tr.itemRow input.quantity
{
	width: 3em;
}
table.shoppingBasket tr.itemRow input.remove
{
	text-align: center;
}

/* RYA DIRECTORY TEMPLATES */
div.directorycontent
{
	background-color:#ffffff;
	padding:10px;
	
	font-size:0.8em;voice-family: "\"}\"";voice-family:inherit;font-size:1em;
}

/* People Table */
table.peopletable
{	
	margin-top: 1em;
	margin-bottom: 1em;
	border-collapse: collapse;
	font-size:1em;
	width: 95%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 100%;	
}
table.peopletable td,
table.peopletable th
{
	vertical-align: top;

}
table.peopletable tr.headerrow th
{
	border: solid 1px #999999;
	background-color: #cccccc;
	padding:4px;
	/*background-color: #FFFFFF;
	color:#ffffff;
	#FF0066CC, endColorstr=#FFFFFFFF*/
	
}
table.peopletable tr.alternatepersonrow td,
table.peopletable tr.personrow td
{
	padding-top: 4px;
	padding:4px;
	border-top: solid 1px #cccccc;	
	border: solid 1px #999999;
}
table.peopletable tr.alternatepersonrow td
{	
	background-color: #ececec;
}
div.phonenum
{
	margin-top:10px;
}
div.contactnumber
{
	margin-bottom:5px;
	white-space:nowrap;			
}

div.peoplesearch
{	
	margin:15px 0px 15px 100px;
}
label.peoplesearchlabel
{
	font-weight:bold;
	margin-top:3px;
	margin-right:3px;
	width:8em;	
	display:block;
	float:left;
	text-align:right;	
}
div.peoplesearch .searchbutton
{
	margin-left:40px;
}
div.peoplesearch .searchfield
{
	margin-bottom:5px;
}

div.directorylinks
{
	margin:10px 0 10px 0;
}
div.directorylinks div
{
	margin-bottom:10px;
	padding:5px;
}
div.directorylinks p
{
	margin:0px;	
}
div.directorylinks a
{
	font-weight:bold;
	color:#000099;
	color:#FFFFFF;
}
div.alternatedirectorylink 
{
	background-color:#ececec;
}

div.facilitysearchcontrols
{
	position:relative;
	margin-left:10px;
	font-size:0.8em;voice-family: "\"}\"";voice-family:inherit;font-size:1em;
}
div.facilitysearchcontrols table
{
	margin-left:5px;
	font-size:1em;
}
div.facilitysearchcontrols table td
{	
	padding-bottom:5px;
	padding-right:5px;
}
div.criteria
{
	margin-top:5px;
}

td.trainingCentreCriteriaLeftCol
{	
	width:50px;
}

.txtlbl
{
	padding: 0 0 0 4px;
	left: 0px;
	display: block;
	float: left;
	width: 220px;
	clear: left;
}
.txt
{
	float: left;
	display: block;
}
.txtreadonly
{
	border: none;
	background: none;
}
.txtval
{
	clear: both;
	display: block;
}

.txtlbl .txtval
{
	clear: none;
	display: inline;
}

.txtdiv P
{
	padding: 4px;
}

.txtdiv, .formrow
{
	clear:both;
	margin-bottom: 4px;
}
.formrow
{
	text-align: center;
}
.formsection
{
	clear: both;
	background-color: #EAEAEA;
	padding: 0;
	width: 460px;
	border-bottom: solid 1px #333333;
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	margin: 0 0 5px 0;
}
.formsection
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEEEEE, endColorstr=#FFCCCCCC);
}

.formsection h2,
.formsection h3
{
}

.formsection h3
{
	padding: 2px 4px 2px 4px;
	margin: 0 0 6px 0;
	background-color: #999999;
	color: #FFFFFF;
	border-bottom: solid 1px #333333;
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	width: 450px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 449px;
}
.formsection h3
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0202, endColorstr=#FF0202);
}
.shoppingbuttons
{
	clear: both;
	text-align: center;
}

/* Hides from IE-mac \*/

* html .txtdiv {height: 1%;}
/* End hide from IE-mac */

/* RYA Directory */
select.credentialsList
{
	width: 18em;
}

/* Training centres, marinas etc detail pages */
div.CourseGroup
{
	margin-left: 1em;
}

table.CourseDetails
{
	
	width:100%;
}
table.CourseFacilities td,
table.CourseDetails td,
table.CourseDetails th,
table.CentreDetails td,
table.CentreDetails th
{
	border: solid 1px #888888;
	padding: 3px;
	vertical-align: top;
	font-size:0.8em;voice-family: "\"}\"";voice-family: inherit;font-size:1em;
}

table.CourseFacilities th,
table.CourseDetails th,
table.CentreDetails th
{
	background-color: #eeeeee;
}

table.CourseFacilities,
table.CourseDetails,
table.CentreDetails
{
	border-collapse: collapse;
	width: 100%;
	border: solid 1px black;	
}

table.ContactAddress th,
table.ContactAddress td
{
	vertical-align: top;
	font-weight: normal;
	font-size:0.8em;voice-family: "\"}\"";voice-family: inherit;font-size:1em;
}

div.FacilitiesList
{
	margin-left: 1em;
}

div.OpenDay
{
	margin: 0 0 1em 2em;
}

div.OpenDay h4
{
	margin-left: -1em;
}
/* Adverts */
.leftadvert img,
.leftadvert html,
.rightadvert img,
.rightadvert html
{
 margin-bottom: 10px;
}
.leftadvert,
.rightadvert,
.middleadvert
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEEEEE, endColorstr=#FFCCCCCC);
}
.leftadvert
{
	background-color: #CCCCCC;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
	width: 205px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 204px;
}
.rightadvert
{
	background-color: #cccccc;
	border-bottom: solid 1px #666666;
	border-left: solid 1px #EEEEEE;
	width: 188px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 202px;
}
.middleadvert
{
	background-color: #cccccc;
	border-bottom: solid 1px #666666;
	border-left: solid 1px #EEEEEE;
	overflow: visible;
	width: 490px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 490px;
}
.leftadvert,
.rightadvert,
.middleadvert
{
	text-align: center;
	padding: 10px 0;
}
.leftadvert IMG, .rightadvert IMG, .middleadvert IMG
{
	border: 0;
}


.Phone
{
	width: 120px;
}
.Extension
{
	width: 50px;
}
.RenewalTable
{
	width: 460px;
}
.RenewalTable TD
{
	vertical-align: top;
}
.RenewalOrder
{
	width: 120px;
}
.RenewalAmount
{
	width: 80px;
}
.RenewalDesc
{
	width: 260px;
}
.indent1
{
	padding-left: 1em;
}
.indent2
{
	padding-left: 2em;
}
.synopsis A
{
	color: #FFF;
	text-decoration: none;
}
.errorboxpage
{
	width: 100% !important; 
	text-align: center !important;
}
.errorboxouter
{
	border: solid 1px #000; width: 898px; margin: 0 auto; text-align: left;
}
div.errorboxinner
{
	 padding: 10px;
	background-color: #FFF;
	border: solid 1px #333333;
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	voice-family: "\"}\"";
	voice-family: inherit;
}
.gallerydiv
{
	background-color: #fff;
	padding: 10px;
}

br.clearall
{
	clear:both;
}

/* Large News Control (Phase II) */
div.largenews {border:0;background-color:#FFFFFF;}
div.largenews img.main {border:0;height:150px;width:280px;padding:0px;margin:none;}
div.largenews img.sub {border:0;height:70px;width:140px;padding:none;margin:none;}
div.largenews table td.mainnewsright {padding-left:5px;}
div.largenews table td.newsright {padding-left:5px;}
div.largenews table td.footerrule {border-bottom:solid 1px #CCCCCC;}
div.largenews table {border:0;padding:0;margin:0;}
div.largenews td {padding:0;margin:0;}
div.largenews a {text-decoration:underline;color:#FFFFFF;font-size: 0.7em;voice-family: "\"}\"";voice-family: inherit;font-size: 0.85em;}
div.largenews h3 {margin:0px;padding:0px;}
div.largenews p {margin:0px;padding-top:5px;color:#000000;text-decoration:none;font-size: 0.7em;voice-family: "\"}\"";voice-family: inherit;font-size: 0.85em;}

/*PAGING LINKS*/
div.navlinkscontainer 
{
	padding: 5px 5px 10px 5px;
	background-color:#E9F1FC;
	margin: 10px 10px 5px 10px;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	text-align:center;
	clear:both;
	position: relative; /* IE peekaboo bug */
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.85em;
}
.searchselectednavlink {padding:0 5px 0 5px; color:#C0C0C0;font-size:xx-small;}
.searchnavlink {padding:0 5px 0 5px;font-size:xx-small;color:#0066FF;}

div.searchagaincontainer {margin-left:10px;padding-bottom:5px;}
div.plotonmapcontainer {margin-left:10px;padding-top:5px;}

/* SKY BOXES */
td.skycellborder {BORDER-RIGHT: #666666 1px solid; PADDING-LEFT: 5px; BORDER-LEFT: #eeeeee 1px solid}

/*TRAINING CENTRE DETAILS*/
div.vouchercentre img {border:none;padding-top:15px;padding-bottom:10px;}

/* Space beneath ads */
.leftadvert div.ad { margin-bottom: 10px; }
.leftadvert div.ad img { margin:0; padding: 0; }
.rightadvert div.ad { margin-bottom: 10px; }
.rightadvert div.ad img { margin:0; padding: 0; }

.picture { background-color: #F9F9F9; 
border: 1px solid #CCCCCC; padding: 3px; 
font: 11px/1.4em Arial, sans-serif; 
text-align: center;} 
.picture img { border: 1px solid #CCCCCC; 
vertical-align:middle; margin-bottom: 3px; } 
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; } 
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 
}