/***** Standard.css for Leisure Point *****/

* {
	padding: 0;
	margin: 0;
}
body {
	font-family: arial, helvetica, sans serif;
	color: #666;
	font-size: 65%;
	text-align: center;
	background: url(../images/interface/bg_large.png) repeat center top;
	background-attachment: fixed;
}
img {
	border: 0;
}
.clear {
	clear: both;
}
*:focus {
	outline: none;
}
a:link {
	color: #f6921e;
	text-decoration: none;
}
a:visited {
	color: #f6921e;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #cc0000;
}
h2 span {
	display: block;
	height: 0;
	width: 0;
	overflow: hidden;
}







/***** Type *****/
#contentCol h2,
#navCol h2 {
	font-size: 1.3em;
	margin-bottom: 10px;
	color: #424E5A;
}
#contentCol h3 {
	font-size: 1.1em;
	color: #f6921e;
	margin-bottom: 5px;
}
#contentCol p,
#navCol p {
	font-size: 1.1em;
	line-height: 1.4;
	margin-bottom: 15px;
}
#contentCol p strong,
#navCol p strong {
	color: #4d4d4d;
}
#contentCol a {
	text-decoration: underline;
}
#contentCol a:hover {
	text-decoration: none;
}
#contentCol ul {
	margin: 0 0 15px 0;
	list-style-type: none;
}
#contentCol ul li {
	padding: 0 0 8px 12px;
	background: url(../images/interface/bullet1.gif) no-repeat 0 3px;
}
#contentCol ol {
	margin: 0 0 15px 18px; /* ie6 & ie7.css */
}
#contentCol li {
	font-size: 1.1em;
	line-height: 1.2;
	padding-bottom: 5px;
}







/***** Structure *****/
#container {
	width: 762px;
	text-align: left;
	margin: 0 auto;
	padding: 30px 19px 20px 19px;
	background: #fff;
}






/***** Header *****/
#header {
	position: relative;
	height: 62px;
}
#logo {
	width: 233px;
	height: 34px;
	background: url(../images/interface/leisure_point_logo.png) no-repeat 0 0;
	margin-left: 18px;
}
#logo a {
	display: block;
	width: 233px;
	height: 34px;
}
#logo span,
#strapLine span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
#strapLine {
position: absolute;
top: 0;
right: 13px;
width: 220px;
height: 40px;
background: url(../images/interface/see_what_you_can_do_online.png) no-repeat 0 0;
}







/***** Main Nav *****/
#mainNav {
	height: 31px;
	margin-bottom: 18px;
	padding-left: 14px;
	background: url(../images/interface/main-nav-bg.png) no-repeat left top;
	/*						  change to main-nav-bg-gif when Customer Login is back in */
	font-size: 1.3em; /* mac.css */
	position: relative;
	font-family: "Lucida Grande", arial, helvetica, sans serif;
	width: 746px;
	height: 30px;
}
#mainNav ul {
	list-style-type: none;
}
#mainNav li {
	float: left;
	padding: 0 6px 0 5px; /* ie6.css */
}
#mainNav a {
	text-decoration: none;
	display: block;
	padding: 0 8px; /* mac.css */
	color: #ffffff;
	line-height: 30px;
}
#mainNav a:hover {
	background: #424e5a;
	color: #fff;
}
#mainNav a.selected {
	background: url(../images/interface/main-nav-selected.gif) no-repeat 0 0;
	color: #424e5a;
	font-weight: bold;
}
/*
#mainNav li.nav7 {
	position: absolute;
	float: none;
	padding: 0;
	right: 0;
	top: 0;
	width: 124px;
	height: 30px;
	text-align: center;
}
#mainNav li.nav7 a {
	color: #ffc000;
}
#mainNav li.nav7 a:hover {
	color: #fff;
	background: url(../images/interface/main-nav-bg.gif) no-repeat -636px -30px;
}
*/





/***** Content *****/
#content {
	position: relative;
	margin-top: 22px;
	padding: 0 0 10px 0; /* ie6 & ie7 */
}
#wrapper {
	width: 760px;
}







/****** Home *****/
.onlineManagementBanner {
	width: 763px;
	height: 53px;
	background: url(../images/banners/home_online_management.png) no-repeat 0 0;
	margin-bottom: 15px;
}
.onlineManagementBanner span {
	display: block;
	height: 0;
	width: 0;
	overflow: hidden;
}






/***** Home Content *****/
.threeColOne,
.threeColTwo,
.threeColThree {
	float: left;
	width: 242px;
}
.threeColOne,
.threeColTwo {
	margin-right: 18px;
}
.homeThreeColumn p,
.homeThreeColumn h2 {
	padding: 0 14px 10px 14px;
}
.homeThreeColumn p {
	font-size: 1.1em;
	line-height: 1.4;
	margin-bottom: 15px;
}
.homeThreeColumn h2 {
	font-size: 1.4em;
	line-height: 1.4;
	margin-bottom: 0px;
	color: #424E5A;
}
.homeTwoColumn .twoColOne {
	width: 500px;
	float: left;
	padding: 33px 29px 0 0;
}
.homeTwoColumn .twoColTwo {
	padding: 33px 0 0 0;
}
.homeTwoColumn .twoColOne p {
	padding-left: 14px;
}
.mainParagraph {
	line-height: 1.4;
	font-size: 1.2em;
	margin-top: 18px;
}
blockquote {
	line-height: 1.6;
	font-style: italic;
}
cite {
	display: block;
	font-style: normal;
	color: #f6921e;
	margin-top: 18px;
}





/***** Columns *****/
#navCol {
	width: 150px;
	float: left;
}
#contentCol {
	width: 590px;
	float: right;
}
#contentColOne {
	width: 370px;
	float: left;
}
#contentColTwo {
	width: 170px;
	float: right;
}





/***** SubNav *****/
#navCol ul {
	list-style-type: none;
	margin-bottom: 10px;
}
#navCol ul ul {
	margin-bottom: 0;
}
#navCol li {
	padding: 0 0 0 10px;
	border-top: 1px solid #d1dae3;
	line-height: 1.2;
}
#navCol a {
	font-size: 1.1em;
	padding: 3px 0 10px 0;
	display: block;
	color: #6e7e8e;
}
#navCol .selected a,
#navCol .selected .selected a {
	color: #000000;
}
#navCol .selected li a {
	color: #6e7e8e;
}
#navCol .selected {
	background: url(../images/interface/arrow-down.gif) no-repeat 0 7px;
}
#navCol .selected .selected {
	background: url(../images/interface/arrow-right.gif) no-repeat 0 7px;
}






/***** Content Content *****/
.titleGraphic {
	display: block;
	margin: 0 0 20px 0;
}
#contentColWrapper {
	padding: 0 10px 10px 10px;
}
#contentCol p.intro {
	font-size: 1.7em;
	line-height: 1.2;
	color: #424E5A;
	margin-bottom: 20px;
}
#contentColOne img,
#contentColTwo img,
#navCol img {
	padding-bottom: 10px;
}
img.floatLeft {
	float: left;
	margin: 3px 10px 0 0;
}
.floatBox {
	float: left;
	width: 164px;
	padding: 0 20px 0 0;
}
h3.topBorder {
	border-top: 1px solid #9AAEC1;
	padding-top: 9px;
}







/***** Footer *****/
#footer 
{
	padding: 11px 9px;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	color: #999;
}
#footer ul {
	float: right;
}
#footer li {
	list-style-type: none;
	float: left;
	padding: 0 6px 0 0;
	margin: 0 0 0 6px;
	border-right: 1px solid #b3b3b3;
}
#footer li.last {
	border: none;
}
#footer a {
	color: #666;
	text-decoration: underline;
}



/***** Subscribe form *****/

span.label,span.spacer,span.multiple span {
	width:160px;float:left;
} 
span.multiple {
	float:left;
} 
span.multiple input {
	float: left;
	margin-right: 3px;
	margin-top: 3px;
} 
span.button {
	padding-left:160px;
} 
div.clear {
	clear:both;
	padding-top:5px;
}
#subscribe div {
	clear:both;
	margin-bottom:14px;
}
#subscribe div span.label,
#subscribe div span.multiple
{
	font-size: 1.1em;
	line-height: 1.4;
	padding: 0;
}
#subscribe div span table td label
{
	font-size: 1.1em;
	line-height: 1.4;
	padding-left: .5em;
}
#subscribe div span.multiple {
	line-height: 1.8;
}
#subscribe div span.multiple input label {
	padding: 0;
	margin: 0;
}
#subscribe input[type='text']
{
    width: 133pt;
}
#subscribe select 
{
    width: 135pt;
}
#subscribe label.required-input
{
    font-weight: bold;
}
#subscribe div span.label,
#subscribe div span.multiple 
{
	font-size: 1.1em;
	line-height: 1.4;
	padding: 0;
}
#err-msgs div
{
    font-size: 10pt;
    font-weight: bold;
    padding-left: 33px;
}
#err-msgs div ul li
{
	color: #4d4d4d;
	font-size: 85%;
    font-weight: normal;
    line-height: 5pt;
    margin-left: 13px;
    vertical-align: middle;
}

/****Case Studies****/
span.case-study
{
    font-style: italic;
}


#subscribe form div {
	clear:both;
	margin-bottom:14px;
}
#subscribe form div span.label,
#subscribe form div span.multiple {
	font-size: 1.1em;
	line-height: 1.4;
	padding: 0;
}
#subscribe form div span.multiple {
	line-height: 1.8;
}
#subscribe form div span.multiple input label {
	padding: 0;
	margin: 0;
}
