﻿

#page-container
{
	border:none;
	width:100%;
	background-image:url(../../../Resources/img/topback.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:697px;
	min-height:697px;
}

#page-container td
{
	vertical-align:top;
}

#page
{
	width:960px;
	height:auto !important;
	min-height:100%;
}

#headlogo
{
	height:96px;
}

#back
{
	width:100%;
	/*text-align:right;*/
	padding-bottom:10px;
}

#back a
{
	color:#333333;
}

/* the image along the top
#headimage
{
	height:210px;
}
*/
#headimage img
{
	width:959px;
	height:224px;
}

/*menu*/
#menuarea
{
	
	padding-top:6px;
	!padding-top:2px;
	padding-left:35px;

}

#menuarea table
{
	width:99%;
	height:100%;
}

#menuarea img
{
	border:none; 
}

#menuarea a
{
  text-decoration:none;	
}

/*content*/
#contentarea table
{
	width:100%;
	text-align:left;
	/*height:100%;*/
	height:1600px;
}

#normaltext
{
	width:364px;
	padding-right:24px;
	padding-left:24px;
}

/*testimonials*/
#testimonialstext
{
	min-height:100%;
	background-color:#F4F4EF;
}

#testimonialcontainer
{
	background-color:#F4F4EF;
	border:solid thin #E8E8DF;
	width:549px;
	/*height:100%;*/
	height:1590px;
	/*overflow:hidden;*/
}

#testi-inner-container
{
	position:absolute;
	height:100%;
	/*overflow:hidden;*/
	top:435px;
	width:546px;
	/*height:1200px;
	padding-bottom:300px;	*/
}

.testimonials
{
	height:75px;
	overflow:hidden;	
	cursor:pointer;
}

.tstbox
{
	float:left;
	width:85%;
	margin-top:5px;
	font-size:0.8em;
	height:68px;
	border-bottom:dotted 1px #B4A46C;
}


.tstbox h3
{
	font-family: Cambria, Palatino Linotype, Times New Roman, Serif;
	font-weight:bold;
	font-size:12pt;
	padding-bottom:5px;
}

.testimglink
{
	padding-bottom:5px;
	font-style:italic;
}

/*.title h3
{
	color:#c1272d;
	font-size:14pt;
}*/

/*this is the black bar on the left of the testimonials text*/
.blackbar
{
	background-color:#333;
	height:60px;
	margin-left:10px;
	margin-right:15px;
	margin-top:8px;
	width:8px;
	float:left;
}


.quotel
{
	height:100%;
	width:24px;
	color:#990000;
	float:left;
	font-family:Georgia, Serif;
	font-size:4em;
}

.quoter
{
	width:90%;
	text-align:right;
	float:left;
	/*naughty but only way I could think to do it - cant float the main content coz of the js*/
	margin-top:-30px;
	color:#990000;
	float:left;
	font-family:Georgia, Serif;
	font-size:4em;
}

.content
{
	padding-top:6px;
}


.minitext
{
   display:inline;
}

.tsttext
{
	display:none;
}

.testlink
{
	color:#333;
	text-decoration:none;
}

.testlink:hover
{
	color:#333;
	text-decoration:none;
}


/*page numbers*/
.pagenumbers
{
	height:26px;
}

.pagenumbers a
{
	padding-left:2px;
	color:#990000;
	font-size:10pt;
}

#pagenumtext
{
		padding-left:10px;
	font-style:italic;
	font-size:12pt;
	float:left;
	width:60%;
}

#pagenums1
{
	float:left;
	text-align:center;
	width:35%;
}

#pagenumtext1
{
		padding-left:10px;
	font-style:italic;
	font-size:12pt;
	float:left;
	width:60%;
}

#pagenums
{
	float:left;
	text-align:center;
	width:35%;
}

#activepage
{
	color:#000;
	font-weight:bold;
	font-size:14pt;
}


/*footer bit*/
#footer
{
	height:180px;
	background-color:#1a1a1a;
	text-align:center;
	color:#b4b4b4;
	padding-top:20px;
}

#footer p
{
	padding-left:160px;
	padding-right:160px;
	padding-top:10px;
	padding-bottom:0px;
	font-size:0.7em;
}

#footer a
{
	color:#f7931e;
}
#footer a:hover
{
	color:#f7931e;
	text-decoration:underline;
}

.middot
{
	padding-left:4px;
	padding-right:4px;
}

#rpglogo
{
	padding-bottom:10px;
	padding-top:5px;
}

#rpglogo img
{
	border:none;
}


ul
{
	padding-bottom:15px;
	padding-left:15px;
}
