/* Start of CMSMS style sheet 'Layout' */
/*---------------------
    COLOURS
---------------------*/
/*
pale yellow: 	#f8f6b5;
yellow hover:    #f1f0a3;

pale blue: 		#e3f1f5;
nav hover /
inactive blue:	#d7ebf1;
light heading:	#62adcb;
dark heading:	#2a98c6;

dark grey: 	#424242;
light grey:		#666666;
*/
/*---------------------
    GLOBAL
---------------------*/

body {
	margin 0;
	padding: 0;
	background: #fff;
}

#bodyWrapper {
	width: 900px;
	margin: 20px auto 0;
	overflow: hidden;
	position: relative;
	background: #fff;
}


/*---------------------
    BANNER
---------------------*/

#mastHead {
	position: relative;
	height: 210px;
	overflow: hidden;
	width: 675px;
}

#mastHead h1 {margin:0; padding:0;}

#mastHead h1 a {
	background: url(uploads/images/logo.jpg) no-repeat scroll 0 0;
	height: 121px;
	width: 446px;
	display: block;
	overlfow: hidden;
	text-indent: -9999em;
        outline: none;
}

#mastHead h3 {
        font-size: 14px;
        margin-left: 98px;
        padding: 0;
}

/*---------------------
    BANNER EXTRA'S
---------------------*/

#bannerExtra {
	width: 215px;
	position: absolute;
	top: 46px;
	right: 0;
}
#bannerExtra a, #bannerExtra a:hover {text-decoration: none;}

#phoneNumber {
	padding-left: 0;
	text-indent: -9999em;
	overflow: hidden;
	background: url(uploads/images/phonenumber.jpg) no-repeat scroll 20px 0;
}

#Online, #Offline, #Subscribe {
	padding: 10px 10px 10px 45px;
	display: block;
	margin-bottom: 7px;
	color: #424242;
	font-size: 1.1em;
}
#Online {background: #f8f6b5 url(uploads/images/onlineicon.gif) no-repeat scroll 20px 50%;}
#Offline {background: #e3f1f5 url(uploads/images/emailicon.gif) no-repeat scroll 20px 50%;}
#Subscribe {background: #e3f1f5 url(uploads/images/updatesicon.gif) no-repeat scroll 20px 50%;}

#Online:hover {background-color: #f1f0a3; cursor: pointer;}
#Offline:hover, #Subscribe:hover {background-color: #d7ebf1; cursor: pointer;}


#Search {
	background: #f8f6b5;
	height: 29px;
	padding: 6px 7px 0px;
overflow: hidden;
}
#Search {*padding-top: 2px; *height: 34px;}
#Search input {
	width: 145px;
	border: none;
	background: #fff;
	color: #666;
	padding: 4px 2px;
	font-family: arial;
	letter-spacing: -0.04em;
}
#Search input.submit {
	background: #f8f6b5;
	width: 52px;
	color: #424242;
	font-weight: bold;
	padding: 4px 0;
	text-transform: lowercase;
	cursor: pointer;
}
#Search input.submit:hover {background: #f1f0a3;}

.bannerImage {padding: 0;}
.bannerImage img {border: none;}

/*---------------------
    CONTENT
---------------------*/

#contentWrapper {
	overflow: hidden;
}

.column2 {
	width: 440px;
	float: left;
	padding-top: 10px;
}

.column4 {
	width: 200px;
	float: left;
	margin-left: 20px;
}

form {margin: 0; padding: 0;}

.object {
	background-color: #e3f1f5;
	color: #424242;
        width: 400px;
        border: none;
padding: 20px;
        border-bottom: 20px solid #FFF;
        font-family: Arial;
        text-align: left;
        cursor: pointer;
        float: left;
margin: 0;
}

#ie7 .object
{
border-bottom: 20px solid #FFF;
}

#ie6 .object
{
border-bottom: 5px solid #FFF;
}

.object button{
	display: block;
	background-color: transparent;
        width: 420px;
        border: none;
        font-family: Arial;
        text-align: left;
        cursor: pointer;
        margin: 0;
}
.object:hover {background: #f8f6b5;}
.object h3 {margin-left: 40px; margin-bottom: 0;}
.object:hover h3 {color: #424242; }
.object p {padding-left:88px;}

.object img {margin-right: 10px; height: 46px; width: 70px;}
.object:hover img {border-color: #707271; }

.main .section:hover {background:#f8f6b5;}
.main .section:hover h3 {color:#333;}
.main .section h3 {margin-bottom: 0;}
.main .section {margin-bottom: 1em; padding: 5px;}

.section .extendedContent {display: none;}
.section h3 {cursor: pointer;}

.section.highlighted {
background: #f8f6b5;
color: #424242;
padding: 10px 10px 2px 0;
margin-bottom: 1em !important;
}
.home .section.highlighted {margin-bottom: 5px !important;}

.section.highlighted h3 {
color: #222;
text-transform: none;
cursor: default;
}

.item1, .item3, .item5, .item7, .item9, .item11, .item13, .item15, .item17, .item19 {margin-right: 20px;}


#bannerImages {
position: absolute;
top: -9999em;
left: -9999em;
}

#imageBox {
width: 900px;
height: 206px;
background-repeat: no-repeat;
}
#imageBoxSlideshow {
width: 900px;
height: 206px;
background-repeat: no-repeat;
}

/*---------------------
    FOOTER
---------------------*/

#footer {
	position: relative;
	background: #62C5DA url(uploads/images/footerbg.jpg) repeat-x scroll 0 100%;
	color: #fff;
	overflow: hidden;
	padding: 22px 0;
       clear: both;
       height: 100%;
       font-weight: bold;
}
* html #footer {height:;}

#footer h4 {color: #fff; padding-left: 0;}
#footer a {color: #fff; text-decoration: none;}

#footer ul {
	padding: 0;
	list-style: none;
	margin: 0.5em 0;
}
#footer a:hover {color: #f8f6b5;}
#footer .currentpage h3 {
       font-size: 1em;
       color: #f8f6b5;
       padding: 0;
       margin: 0;
       font-weight: bold;
}

* html #footer .column4 {margin-left: 10px;}
/* End of 'Layout' */

