/*------------------------------------------------------------------
Method  CMS /  interior.css

Author:			Christopher Berry	<chris@form-studios.com>

Methods: 		1. 	CSS FILES ORGANISATION 
					global.css			->	 	global rules
						fontsizes/*.css		->		main measurements files
					interior.css		->		rules for interior pages
					admin.css			->		rules for admin pages
					ie.css				->		rules for ie only
					safari.css			->		rules for safari only

				2.	IN THIS CSS FILE:
					#local
						#sublocalnav
						#local elements
					#maincontent
						#maincontent elements
					.userTemplate
						-Styles that apply to all text templates
						.textTemplate
						.textTemplate2
						.textTempalte3 (hotels)
						.textTemplate4
						.textTemplate5
						.textTemplate7
						.textTemplate8
						.textTemplate_footer
					.template (backend styles)
					.templateSample1 (backend styles)
					.templateSample2 (backend styles)					
--------------------------------------------------------------------*/

/* #maincontent elements
--------------------------------*/
#maincontent ul, 
#maincontent ol {
	padding:			0 0 0 1.6em;
	list-style-position:outside;
	margin:				1em 0;
}


#maincontent div.newsitem {
	width:				600px;
}

#maincontent div.newsitem a,
#maincontent div.newsitem a:visited {
	text-decoration:	none;
	color:				#004276;	
	font-family:		Georgia, "Times New Roman", Times, serif;
}
#maincontent div.newsitem a:hover {
	text-decoration:	underline;
}

#maincontent div.newsitem h1 {
	font-size:			2em;
	font-family:		Georgia, "Times New Roman", Times, serif;
}
#maincontent div.newsitem p {
	font-size:			1.3em;
	margin:				1em 0;
	font-family:		Georgia, "Times New Roman", Times, serif;
}

#maincontent div.newsitem img {
	float:				left;
	margin:				15px 10px;
}

/* USER TEMPLATE STYLES
--------------------------------*/
div#body.userTemplate h1 {
	height:			65px;
}
div.userTemplate h4 {
	font-size:		1.6em;
	line-height:	1.4em;
	color:			#777;
	margin-bottom:	10px;
}
div.userTemplate #local #sublocalnav {
	margin:			15px 7px 0 7px;
}
div.userTemplate #local #sublocalnav ul {
	list-style:		none;
	padding-bottom: 14px;
}
div.userTemplate #local #sublocalnav ul li {
	font-size:		1.1em;
	line-height:	1.6em;
	margin-bottom:	1px;
}
div.userTemplate #local #sublocalnav ul li.bullet a {
	padding-left:	14px;
	background:		url(../images/localnav_bullet.gif) no-repeat 7px 5px;
}
div.userTemplate #local #sublocalnav ul li a {
	padding:		0 7px;
	height:			1%;
	color:			#545454;
	text-decoration:none;
}

div.userTemplate #local #sublocalnav ul li a.selected,
div.userTemplate #local #sublocalnav ul li a:hover {
	display:		block;
	background:		#dfdfdf;
}
div.userTemplate #local #sublocalnav ul li.bullet a.selected,
div.userTemplate #local #sublocalnav ul li.bullet a:hover {
	display:		block;
	background:		#dfdfdf url(../images/localnav_bullet.gif) no-repeat 7px 7px;
}
div.userTemplate #local div.medallions {
	margin:			0 14px 0 14px;
	padding:		22px 0 0 0;
	background:		url(../images/border_dotted.gif) repeat-x top left;
}
div.userTemplate #local div.medallion {
	padding:		0 5px 0 0;
	margin:			0 0 1px 0;
	background:		#dfdfdf;
}
div.userTemplate #local div.medallion h3 {
	margin:			0 0 4px 0;
	padding:		7px 0 0 0;
	font-size:		1.1em;
}
div.userTemplate #local div.medallion img {
	float:			left;
	margin:			0 8px 0 0;
}
div.userTemplate #local div.medallion p {
	margin:			0;
}
div.userTemplate #local div.medallion a {
	font-size:		1.1em;
}
div.userTemplate #maincontent div.columnContainer div.leftColumn {
	float: 			left;
	display:		inline;
	width:			260px;
	margin-right:	15px;
}
div.userTemplate #maincontent div.columnContainer div.rightColumn {
	float: 			left;
	display:		inline;
	width:			260px;
}
/* Sub nav */
div.userTemplate #maincontent div.subnav {
	margin-bottom:	45px;
}
div.userTemplate #maincontent div.subnav ul {
	margin:			0;
	padding:		0;
}
div.userTemplate #maincontent div.subnav ul li {
	display:		inline;
	padding:		0 6px 0 0;
	color:			#545454;
	background:		none;
}
div.userTemplate #maincontent div.subnav ul li a {
	padding:		0 6px 0 0;
	color:			#545454;
}
div.userTemplate #maincontent div.subnav ul li a.selected,
div.userTemplate #maincontent div.subnav ul li a:hover {
	color:			#000;
}
/* USER TEMPLATE: TEXT TEMPLATES - GENERAL STYLES
--------------------------------*/
div.textTemplate #maincontent ul,
div.textTemplate2 #maincontent ul,
div.textTemplate3 #maincontent ul,
div.textTemplate4 #maincontent ul,
div.textTemplate5 #maincontent ul,
div.textTemplate7 #maincontent ul,
div.textTemplate8 #maincontent ul {
	list-style:		none;
	padding:		0 0 0 14px;
	margin:			0;
}
div.textTemplate #maincontent ul li,
div.textTemplate2 #maincontent ul li,
div.textTemplate3 #maincontent ul li,
div.textTemplate4 #maincontent ul li,
div.textTemplate5 #maincontent ul li,
div.textTemplate7 #maincontent ul li,
div.textTemplate8 #maincontent ul li {
	font-size:		1.2em;
	line-height:	1.4em;
	padding-bottom: 8px;
	padding-left:	8px;
	color:			#323232;
	background:		url(../images/bullet_nominate.gif) no-repeat left 6px;
}

/* USER TEMPLATE:TEXT TEMPLATE 1
--------------------------------*/

div.textTemplate #maincontent div.contentArea1 {
	width:			572px;
	background:		url(../images/border_dotted.gif) repeat-x bottom left;
	padding-bottom: 1px;/*20px*/
	margin-bottom:	20px;
}

div.textTemplate #maincontent div.contentArea1 p {
	color:			#777;
	font-size:		1.6em;
	line-height:	1.4em;
}

div.textTemplate #maincontent div.contentArea2 h3,
div.textTemplate #maincontent div.contentArea3 h3 {
	font-size:		1.1em;
	color:			#000;
	margin-bottom:	15px;
}

div.textTemplate #maincontent  div.contentArea2 p,
div.textTemplate #maincontent  div.contentArea3 p {
	font-size:		1.1em;
	line-height:	1.363em;
	color:			#777;
	margin-bottom:	15px;
}

div.textTemplate #maincontent div.contentArea3 ul {
	list-style:		none;
	padding:		0;
	margin:			0;
	color:			#ff2a06;
}
div.textTemplate #maincontent div.contentArea3 ul li {
	margin-bottom:	15px;
	padding-left:	10px;
	font-size:		1.1em;
	line-height:	1.363em;
	color:			#777;
	background:		url(../images/bg_ul_textTemplate1.gif) no-repeat 0 .4em;
}
div.textTemplate #maincontent div.contentArea3 p {
	padding-left:	10px;
}

/* USER TEMPLATE:TEXT TEMPLATE 2
--------------------------------*/

div.textTemplate2 #maincontent div.contentArea1 {
	width:			572px;
	background:		url(../images/border_dotted.gif) repeat-x bottom left;
	padding-bottom: 1px;/*20px*/
	margin-bottom:	20px;
}

div.textTemplate2 #maincontent div.contentArea1 h2 {
	font-size:		1.6em;
	line-height:	1.4em;
	color:			#545454;
	margin-bottom:	20px;
}
div.textTemplate2 #maincontent div.contentArea1 p {
	font-size:		1.6em;
	line-height:	1.4em;
	color:			#777;
}
div.textTemplate2 #maincontent div.contentArea2 {
	width:			425px;
}
div.textTemplate2 #maincontent div.contentArea2 h3 {
	font-size:		1.1em;
	color:			#000;
	margin-bottom:	15px;
}
div.textTemplate2 #maincontent div.contentArea2 p {
	font-size:		1.2em;
	line-height:	1.4em;
	color:			#323232;
	margin-bottom:	15px;
}

/* USER TEMPLATE:TEXT TEMPLATE 3 (Hotels)
--------------------------------*/
div.textTemplate3 div.wrap {
	margin-bottom:	6px;
	background-color:#f2f2f2;
}
div.textTemplate3 #maincontent div.contentArea1 {
	width:			593px;
	padding:		0 0 0 81px;
	margin:			0 0 0 -81px;
	background-color:#f2f2f2;
}
div.textTemplate3 #maincontent div.contentArea1 p {
	margin:			0;
	padding:		13px 20px 0 0;
	font-size:		1.6em;
	line-height:	1.4em;
	color:			#777;
}
div.textTemplate3 #local #sublocalnav ul {
	padding-bottom:	10px;
}
div.textTemplate3 table.grid {
	margin-bottom:	6px;
	width:			901px;
	border-spacing:	0;
	border-collapse:collapse;
}
div.textTemplate3 table.grid tbody tr {
	background-color:#f2f2f2;
}
div.textTemplate3 table.grid tbody tr td {
	width:			88px;
	height:			27px;
	padding:		0 6px;
	border:			1px solid #fff;
	font-size:		1.1em;
	color:			#777;
}
div.textTemplate3 table.grid tbody tr td.row_label {
	font-weight:	bold;
	padding:		0 6px;
	width:			164px; /* 88px */
	font-size:		1.0em;
	color:			#000;
}
div.textTemplate3 table.grid thead tr {
	background-color:#e2e2e2;
}
div.textTemplate3 table.grid thead tr td a {
	font-weight:	bold;
}
div.textTemplate3 table.grid thead tr td {
	height:			38px;
	padding:		0 6px;
	border:			1px solid #fff;
}
div.textTemplate3 div.hotels div.divider {
	background-color:#f2f2f2;
	border-bottom:	6px solid #fff;
}
div.textTemplate3 div.hotels h4 {
	padding:		14px 0 0 14px;
}
div.textTemplate3 div.hotels p {
	font-size:		1.1em;
	line-height:	1.363em;
	color:			#777;
}
div.textTemplate3 div.hotels p.filled {
	color:			#323232;
	font-weight:	bold;
	font-style:		italic;
}
div.textTemplate3 div.hotels div.divider {
	width:			900px;
}
div.textTemplate3 div.hotels div.divider div.clearfix div {
	padding:		0 14px 0 14px;
	width:			640px;
	float:			left;
}
div.textTemplate3 div.hotels div.divider div.clearfix div.image {
	padding:		0 0 14px 0;
	width:			218px;
}

/* USER TEMPLATE:TEXT TEMPLATE 4
--------------------------------*/

div.textTemplate4 #maincontent div.contentArea1 {
	width:			594px;
	background:		url(../images/border_dotted.gif) repeat-x bottom left;
	padding-bottom: 1px;
	margin-bottom:	16px;
}
div.textTemplate4 #maincontent div.contentArea1 div {
	margin-bottom:	7px;
}
div.textTemplate4 #maincontent div.contentArea1 img {
	float:			left;
	margin-right:	1px;
}
div.textTemplate4 #maincontent div.contentArea1 img.col3 {
	margin-right:	0;
}
div.textTemplate4 #maincontent div.contentArea1 p {
	margin:			0;
	font-size:		1.1em;
	color:			#999;
	padding:		8px 0 24px 0;
}
div.textTemplate4 #maincontent div.contentArea2 {
	width:			572px;
	padding-bottom: 1px;
	margin-bottom:	20px;
}
div.textTemplate4 #maincontent div.contentArea2 p {
	color:			#323232;
	font-size:		1.2em;
	line-height:	1.4em;
}
div.textTemplate4 #maincontent div.contentArea2 div.larger_display_type p {
	font-size:		1.6em;
	color:			#777;
}
div.textTemplate4 #maincontent div.contentArea2 div.col1,
div.textTemplate4 #maincontent div.contentArea2 div.col2 {
	float:			left;
	width:			279px;
}
div.textTemplate4 #maincontent div.contentArea2 div.col1 p,
div.textTemplate4 #maincontent div.contentArea2 div.col2 p {
	font-size:		1.2em;
	line-height:	1.4em;
	color:			#323232;
	padding:		0 16px 0 0;
}
div.textTemplate4 #maincontent div.contentArea2 div.col2 p {
	padding:		0 16px 0 0;
}
div.textTemplate4 #maincontent div.contentArea2 ul {
	list-style:		none;
	padding:		0 0 0 14px;
	margin:			0;
}

/* USER TEMPLATE:TEXT TEMPLATE 5
--------------------------------*/

div.textTemplate5 #maincontent div.contentArea1 {
	float:			left;
	width:			355px;
	padding-bottom: 1px;
	margin-bottom:	20px;
}
div.userTemplate #maincontent h3 {
	font-size:		1.6em;
	line-height:	1.4em;
	color:			#777;
	margin-bottom:	10px;
}
div.textTemplate5 #maincontent div.contentArea1 p {
	font-size:		1.2em;
	line-height:	1.4em;
	color:			#323232;
	margin-bottom:	15px;
}
div.textTemplate5 #maincontent div.contentArea2 {
	margin:			0;
	padding:		0;
	float:			right;
	width:			220px;
}
div.textTemplate5 #maincontent div.contentArea1 p {
	font-size:		1.2em;
	line-height:	1.4em;
}
/* Image Overlay */
div.textTemplate5 #maincontent div.contentArea2 div.wrap {
	position:		relative;
}
div.textTemplate5 #maincontent div.contentArea2 div.wrap div.trans {
	position:		absolute;
	bottom:			0;
	z-index:		100;
	height:			44px;
	width:			220px;
	background-color:#000;
	opacity:		0.75;
	-moz-opacity:	0.75;
	filter:			alpha(opacity=75);

}
div.textTemplate5 #maincontent div.contentArea2 div.wrap p {
	position:		absolute;
	bottom:			0;
	z-index:		101;
	margin:			0 0 9px 9px;
	padding:		0 80px 0 0;
	font-size:		1.1em;
	color:			#fff;
	font-weight:	bold;
}

/* USER TEMPLATE:TEXT TEMPLATE 7
--------------------------------*/
div.textTemplate7 #maincontent div.contentArea1 {

}
div.textTemplate7 #maincontent div.contentArea1 p {
	font-size:		1.2em;
	line-height:	1.4em;
	color:			#323232;
	margin-bottom:	15px;
}
div.textTemplate7 #maincontent ul {
	margin:			0;
	padding:		0;
	list-style:		none;
	
}

/* USER TEMPLATE:TEXT TEMPLATE 8
--------------------------------*/
div.textTemplate8 #maincontent div.contentArea1 {
	float:			left;
	/*width:			304px;*/
	width:			281px;
	padding:		0 0 0 0;
}
div.textTemplate8 #maincontent div.contentArea2 {
	float:			left;
	width:			311px;
	width:			288px;
	padding:		0 0 0 14px;
}
div.textTemplate8 #maincontent div.contentArea1 p,
div.textTemplate8 #maincontent div.contentArea2 p {
	font-size:		1.1em;
	line-height:	1.363em;
	color:			#777;
	margin-bottom:	15px;
}
div.textTemplate8 #maincontent ul {
	margin:			0;
	padding:		0;
	list-style:		none;	
}

/* USER TEMPLATE: TEXT TEMPLATE - FOOTER
--------------------------------*/
div#body.textTemplate_footer h1 {
	height: 65px;
}
div#body.textTemplate_footer #maincontent {
	background:		none;
	padding-left:	340px;	
}
div#body.popup #maincontent {
	padding-left:	0;
}
div.textTemplate_footer #maincontent div.contentArea1 {
	width:			560px;
	padding-bottom: 1px;
	margin-bottom:	20px;
}
div.popup #maincontent div.contentArea1 {
	width:			560px;
	padding-left:	20px;
}
div.textTemplate_footer #maincontent div.contentArea1 p {
	color:			#777;
	font-size:		1.2em;
	line-height:	1.4em;
}
div.textTemplate_footer #maincontent div.contentArea1 p strong {
	color:			#000;
}
div.textTemplate_footer #maincontent div.contentArea1 p strong.help {
	color:			#999;
}
div.textTemplate_footer #maincontent div.contentArea1 div.col1,
div.textTemplate_footer #maincontent div.contentArea1 div.col2 {
	float:			left;
	width:			372px;
}
div.textTemplate_footer #maincontent div.contentArea1 div.col1 p,
div.textTemplate_footer #maincontent div.contentArea1 div.col2 p {
	font-size:		1.1em;
	line-height:	1.45em;
	color:			#999;
	padding:		0 16px 0 0;
}
div.textTemplate_footer #maincontent div.contentArea1 div.col1 p.border,
div.textTemplate_footer #maincontent div.contentArea1 div.col2 p.border {
	font-size:		1.1em;
	line-height:	1.45em;
	color:			#999;
	padding:		0 16px 10px 0;
	border-bottom: 	1px solid #999;
}

/* Text Template Footer - List Styles */
div.textTemplate_footer #maincontent div.contentArea1 ul {
	list-style:		none;
}
div.textTemplate_footer #maincontent div.contentArea1 ul.help {
	list-style:		disc;
}
div.textTemplate_footer #maincontent div.contentArea1 ul li {
	padding-bottom:	10px;
}
div.textTemplate_footer #maincontent div.contentArea1 ul.help li {
	padding-bottom:	2px;
}
div.textTemplate_footer #maincontent div.contentArea1 ul li p {
	font-size:		1.2em;
	font-weight:	bold;
	margin:			0;
	padding:		0;
}
div.textTemplate_footer #maincontent div.contentArea1 ul.help li p {
	font-size:		1.1em;
	font-weight:	normal;
	margin:			0;
	padding:		0;
}
/* IE 7 ONLY fix */
*:first-child+html div.textTemplate_footer #maincontent div.contentArea1 ul li p {
	margin-top:		-17px;
}
div.textTemplate_footer #maincontent div.contentArea1 ul li span {
	
	position:		absolute;
	margin-left:	-24px;
	font-size:		1.2em;
	font-weight:	bold;
	line-height:	1.4em;
	color:			#777;
	text-align:		left;
}

/* BACKEND STYLES
--------------------------------*/
div.template {
	position:		relative;
	display:		block;
	height:			450px; 
	width:			450px;
}
div.template a {
	display:		block;
	font-size:		1.6em;
	font-weight:	bold;
	color:			#666666;
	background:		#93c7d4;
	text-align:		center;
}
div.template a:hover {
	background:		#ffffcc;
}
div.templateSample1 {
	background: 	url(../images/templateSample1.jpg) no-repeat top left;
}
div.templateSample1 a.area1 {
	position:		absolute;
	top:			98px;
	left:			154px;
	height:			74px; 
	width:			297px; 
}
div.templateSample1 a.area2 {
	position:		absolute;
	top:			193px;
	left:			154px;
	height:			134px; 
	width:			297px;
}
div.templateSample2 {
	background: 	url(../images/templateSample1.jpg) no-repeat top left;
}
div.templateSample2 a.area1 {
	position:		absolute;
	top:			98px;
	left:			154px;
	height:			74px; 
	width:			297px; 
}
div.templateSample2 a.area2 {
	position:		absolute;
	top:			193px;
	left:			154px;
	height:			200px; 
	width:			145px; 
}
div.templateSample2 a.area3 {
	position:		absolute;
	top:			193px;
	left:			306px;
	height:			200px; 
	width:			145px; 
}