/* Text sizing styles */

.courseInfo{
	background-color:	#9DA1CE;
	float: 				right;	
	width: 				155px;
	margin-top: 		0px;
	margin-right:		0px;
	margin-left: 		0px;
	margin-bottom: 		0px;
	border-left:		6px solid white;
	border-bottom:		0px solid white;
}

.courseInfo p,
#content .courseInfo h5,
.courseInfo ul li{
/*	font-size: 			11px;*/
	color: 				#37395E;
	margin: 			0px;
	padding: 			8px;
	float: 				left;	
}

#content .courseInfo h5{
	color: black;
	font-weight: bold;
	width:	139px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#content .courseInfo p{
	padding-top: 0px;
}

.courseInfoHeader{
	background-color: 	#626BB0;
	color: 				white;
/*	font-size: 			13px;*/
	font-weight: 		bold;
	width: 				100%;
	text-align: 		center;
	padding-top: 		3px;
	padding-bottom: 	2px;
	float: 				right; 
}

#headerImage{
	width: 590px; 
	margin-top: 3px; 
	background: url('/courses/images/courses/coursesmain.jpg') no-repeat 0 0; 
	height: 165px;
}

#content .container { 
	position: relative; left: 5px; top: 125px; 
	color: black;
	background: none;
/*	font-size: 20px;*/
	border: 0px;
}

#content .text { 
	position: absolute; left: -2px; top: -2px; 
	color: #E4E7EB;
	border: 0px;
}

.homepageShortcut p,
#filterItems option {
  font-size:  10px;
}
/*/*/a{}
body .homepageShortcut p,
body #filterItems option {
  font-size: small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size:  13px;
}
html>body .homepageShortcut p,
html>body #filterItems option {
  font-size:	medium;
}
/* */

.alert{
	color:					#f00;
}
.imageFloatRight {
	float:					right;
	display:				inline;
	position:				relative;
	margin-left:			10px;
	margin-bottom:			10px;
}
.imageFloatLeft{
	float:					left;
	margin-right:			10px;
	margin-bottom:			10px;
}
#content div.row{
	clear:					both;
}
#content span.label{
	margin:					0px;
	font-weight:			bold;
	float:					left;
	text-align:				right;
	width:					150px;
}
#content span.formw{
	margin:					0px;
	float:					right;
	text-align:				left;
	width:					420px;
}

/* --  -- */
.infoTable {
	margin:					10px 20px;
	border-collapse: 		collapse;
}
#content .infoTable {
	width:					400px;
}
#contentWithColumn .infoTable {
	width:					366px;
}

.infoTable tr {
	margin: 				0px;
	padding:				0px;
}
.infoTable td {
	border-bottom:			1px solid #FFF;
	padding:				6px;
	text-align:				left;
}

#content .infoBox{
	width:					74%;
	margin-left:			13%;
	margin-right:			13%;
	margin-top:				20px;
	margin-bottom:			20px;
}
#contentWithColumn .infoBox{
	width:					80%;
	margin-left:			9%;
	margin-right:			9%;
	margin-top:				20px;
	margin-bottom:			20px;
}
.infoRow{
	clear:					both;
	padding-bottom:			20px;
	padding:				6px;
	margin-bottom:			1px;
	margin-top:				0px;
}
.addressLabel{
	margin:					0px;
	vertical-align:			top;
	padding-right:			6px;
	font-weight:			bold;
	text-align:				right;
	display:				table-cell;
	display:				inline-block;
	width:					100px; 
}
.addressInfo{
	margin:					0px;
	width:					260px;
	padding-left:			6px;
	text-align:				left;
	display:				table-cell;
	display:				inline-block;
}
#contentWithColumn .addressLabel{
	vertical-align:			top;
/*	width:					90px; */
}
#contentWithColumn .addressInfo{
	width:					180px;
}
.infoBoxRowOne{
	background:				#f0f0f5;
}
.infoBoxRowTwo{
	background:				#F7F7F0;
}

#contentWithColumn div.row{
	clear:					both;
	margin-bottom:			20px;
}
#contentWithColumn span.label{
	margin:					0px;
	font-weight:			bold;
	float:					left;
	text-align:				right;
	width:					160px;
}
#contentWithColumn span.formw{
	margin:					0px;
	float:					right;
	text-align:				left;
	width:					220px;
}
.floatleft{
	float:					left;
	text-align:				left;
	margin-bottom:			10px;
	margin-top:				10px;
}
.floatright{
	float:					right;
	text-align:				right;
	margin-bottom:			10px;
	margin-top:				10px;
}
div.formsub{
	clear:					both;
	text-align:				right;
	width:					90%;
}
input.submitButton{
	border:					1px #000 solid;
	background-color:		#eee;
	margin-top:				10px;
}


.right{
	float:					left;
	margin:					0px;
	padding:				4px;
	list-style:				none;
	display:				inline;
}
.clear{
	clear:					both;
	height:					2px;
}
.boxContent{
	border:					1px solid #666;
	background:				#eeeeee;
	padding:				10px;
	margin:					auto;
	margin-top:				10px;
	width:					80%
}

a {
	cursor:					pointer;
}




/* The following styles relate to the Medway homepage */
.fiveColGutter {
	width:					12px;
	float:					left;
	height:					10px;
	display:				inline;
}
.homepageShortcut {
	margin-top:				11px;
	width:					139px;
	float:					left;
	display:				inline;
	background: #C7CDDE;
}
.homepageShortcut img {
	display:				block;
	width:					139px;
}
.homepageShortcut p {
	margin:					0px;
	padding:				6px;
	color:					#333;
	background: #E6E8F0;
	height: 37px;
}
.homepageShortcut a:link,
.homepageShortcut a:active,
.homepageShortcut a:visited,
.homepageShortcut a:hover {
	color:					#000;
	text-decoration:		none;
}
.homepageInfoLinks {
	margin-top:				12px;
	width:					289px;
	float:					left;
	display:				inline;
}
.homepageInfoHeader {
	border-bottom:			1px #aaa solid;
	font-weight:			bold;
	padding-left:			4px;
	padding-bottom:			2px;
	margin-bottom:			4px;
}
.homepageInfoLinks ul {
	list-style:				none;
	margin:					0px;
	padding:				0px;
	margin-left:			4px;
}
.homepageInfoLinks li {
	padding-top:			2px;
	padding-bottom:			2px;
}

/* The following styles relate to the Medway tour pages */
.imageWithLabel{
	width:					185px;
	vertical-align:			bottom;
}
tr.imageWithLabel td {
	padding-left:			8px;
	padding-right:			8px;
	text-align:				center;
}
.imageWithLabel td a:link,
.imageWithLabel td a:active,
.imageWithLabel td a:visited,
.imageWithLabel td a:hover{
	font-weight:			bold;
	color:					#000;
	text-decoration:		none;
}
#tourIndex{
	margin-top:				20px;
}
div.image {
	text-align:				center;
	height:					155px;
}
.spacer {
	height:					18px;
}
tr.imageWithLabel td img {
	border:					1px #000 solid;
	margin-bottom:			4px;
}
.imageLabel {
	height:					30px;
	text-align:				center;
}
.tourNav {
	clear:					both;
	text-align:				right;
	margin-bottom:			8px;
	border-bottom:			1px #aaa solid;
	vertical-align:			middle;
	padding-bottom:			8px;
}
.tourNav img {
	margin-left:			4px;
	margin-right:			4px;
	vertical-align:			middle;
}
.tourLocation {
	margin:					0px;
	padding:				0px;
	text-align:				left;
}
.tourLocation img{
	float:					left;
}
.tourLocation div{
	width:					200px;
	float:					right;
}
.tourhr{
	clear:					both;
	margin-top:				8px;
	border-bottom:			1px #aaa solid;
}

#sideBarContent{
	text-align:				center;
}

.courseInfoHeader1{
	background-color: 	#5A81B7;
	color: 				white!important;
	font-size: 			13px;
	font-weight: 		bold;
	width: 				100%;
	text-align: 		center;
	padding-top: 		3px;
	
	padding-bottom: 	2px!important; 
	float: 				right!important; 
	margin-bottom: 8px;
	width: 155px;
	border-style:none !important;
}

.courseInfo1 {
background-color:#94AED6;
border:none !important;
float:right !important;
margin-left:10px !important;
width:155px;
border-style:none !important;
margin-top:30px;
margin-left:10px;
margin-bottom:10px;
}

.courseInfo1 p{
padding:5px;
line-height: 15px;
}