/*-----
SCARBOROUGH MEDIATION SERVICE: Main Style Sheet 
Mark Greenley - adverset media solutions -www.adverset.co.uk
-------------------------------------------------------------------------------*/
* {
margin:0;
padding:0;
line-height:1.35em;
list-style:none;
font-family:'Trebuchet MS', Verdana, Helvetica, Arial, 'sans serif';
}
body {
font-size:62.5%;
min-width:661px;
background-color:#fff;
padding:0 0;
}
body#home, #mediation, #meeting, #news {
background:#fff;
}


#container {
text-align:left;
width:661px;
margin:auto;
margin-bottom:1em;
}
#masthead-img-home {
background:#fff url(/i/masthead-img-home.jpg) no-repeat 0 0;
margin:10px 0 0 0;
width:661px;
height:211px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-img-mediation          {
background:#fff url(/i/masthead-img-mediation.jpg) no-repeat 0 0;
margin:10px 0 0 0;
width:661px;
height:211px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-img-meeting          {
background:#fff url(/i/masthead-img-meeting.jpg) no-repeat 0 0;
margin:10px 0 0 0;
width:661px;
height:211px;
margin-bottom:0;
text-indent:-3000px;
}

#logo {
margin-bottom:0;
text-indent:-3000px;
}
 #holder {
width:661px;
background-color:#fff;
overflow:hidden;
} 
#content {
float:left;
width:421px;
background-color:#fff;
margin:0 0 25px 0;
}

/*-----
Sets up secondary content collumn ------------------------------------*/
#secondary-content {
float:right;
background: url(/i/sec-content-bg.gif)  no-repeat;
width:236px;
margin:0 0 20px 0;
padding:35px 0 0px 0;
}

#secondary-content p {
color:#a5a575;
font-size:1.3em;
line-height:1.5em;
margin:0.5em 1em 0.5em 0.5em;
}
#secondary-content ul li {
color:#000;
font-size:1.3em;
line-height:1.5em;
margin:15px 1em 0 0.8em;
padding:0 0 0 0;
list-style-type:none;
}
#secondary-content ul li a {
color:#000;
text-decoration:none;
}
#secondary-content ul li a:hover {
color:#a5a575;
text-decoration:underline;
}
#badges {clear:both;margin:35px 0 0 100px;border-top:1px solid #ccc;}
#badge1 {padding:10px 10px 0 0;float:left}
#badge2 {padding:10px 0 0 0;}

/*--- 
LOGO  ---------------------------------------------------------*/
#logo h1 {
background:url(/i/logo.gif) no-repeat;
width:315px;
height:68px;
position:relative;
top:5px;
left:0;
text-indent:-3000px;}

/*--- 
MAIN NAVIGATION  ---------------------------------------------------------*/
#navigation {
position:relative;
width:656px;
margin:5px 0 5px 0;
background-color:#007EC0;
height:32px;
padding:0 0 0 5px;
}

#navigation ul {
margin:0;
}
#navigation ul li {
float:left;
font-weight:bold;
text-transform:uppercase;
}
#navigation ul li a {
float:left;
font-size:1.3em;
color:#fff;
display:block;
margin:2px 0 0 0;
padding:6px 5px 4px 5px;
text-decoration:none;
overflow:hidden;
}

#navigation ul li a:hover {background-color:#42C2F4;}


/*--- 
FOOTER  ----------------------------------------------------------*/
#footer {
background-color:#fff;
clear:both;

}
#footer-content {
border-top:solid 2px #007EC0;
width:646px;
position:relative;
left:50%;
margin-left:-331px;
padding:10px 0 20px 15px;
color:#000;
}
#footer-content h3 {
text-transform:uppercase;
padding-top:20px;
font-size:1.4em;
padding-bottom:3px;
}
#footer-content p {
font-family:"Trebuchet MS",arial,verdana,"sans serif";
font-size:1.3em;
color:#01547F;
}
#footer-content p a {
font-family:"Trebuchet MS",arial,verdana,"sans serif";
color:#56CBF9;
text-decoration:none;
}
#footer-content p a:hover {
color:#56CBF9;
text-decoration:underline;
}
.adverset {padding:10px 0 0 0;}

/*--- CONTENT  ---------------------------------------------------------*/

#content h1 {
color:#007EC0;
margin:1em 1em 1.3em 0.5em;
font-size:2.8em;
margin-bottom:0.3em;
font-weight:normal;
}
#content h2 {
color:#007EC0;
margin:1em 0 0.8em 0.5em;
font-size:2em;
font-weight:normal;
}
#content h3 {
color:#007EC0;
margin:1em 1em 0.8em 0.5em;
font-size:1.8em;
margin-bottom:0.3em;
font-weight:normal;
}
#content p {
color:#000;
font-size:1.3em;
line-height:1.5em;
margin:0 1em 1.3em 0.5em;
}
#content a {
color:#56CBF9;
text-decoration:none;
}
#content a:hover {
text-decoration:underline;
}
#content ul li {
color:#007EC0;
font-size:1.3em;
line-height:1.5em;
margin:5px 1em 10px 3.5em;
padding:0 0 0 0;
list-style-type:disc;
}
#content ul li a {
color:#007EC0;
text-decoration:none;
}
#content ul li a:hover {
color:#56CBF9;
text-decoration:underline;
}
#news #content img {
border:1px solid #ccc;padding:3px;margin:5px;
}
#home #content img {border:0;

}
/*---
=News ---------*/

#latest-news h3 {
color:#58622F;
font-size:1.8em;
font-weight:normal;
padding-bottom:2px;
}
.news-item {
border-bottom:1px dashed #ccc;
margin:0 10px;
}
.news-item h3 {
color:#3B3D27;
font-size:1.8em;
font-weight:normal;
padding-bottom:0;
}
.news-item h4 {
color:#666;
font-style:italic;
margin:0 0.3em 0 0.3em;
padding:0 0 2px 5px;
font-size:1.3em;

}
.news-item h4 a {
color:#7D423B;
text-decoration:none;
}
.news-item h4 a:hover {
color:#7D423B;
text-decoration:underline;
}
.news-item p {
color:#000;
font-size:1.3em;
}
.news-item a.read-more {
color:#56CBF9;
text-decoration:none;
font-weight:bold;
}
.news-item a.read-more:hover {
text-decoration:underline;
}
/*----
=Map -----------------------*/
div#popup {
background:#EFEFEF;
border:1px solid #999999;
margin:0px;
padding:7px;
width:270px;
}
#map {
margin:5px 0 10px 15px;
padding:2px;
border:solid 1px #3b3d27;
}
/*---- 
=contact -------------------*/
#contactTable { margin:0 0 10px 35px; }
#contactTable tbody {}
#contactTable tr td {padding:10px 0 10px 0;}
.tdheader-contact {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.4em;font-weight:normal;color:#3b3d27;border-top:solid 1px #3b3d27;border-bottom:solid 1px #3b3d27;text-transform:uppercase;}
.subtdheader-contact {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.4em;font-weight:normal;color:#3b3d27;border-bottom:solid 1px #3b3d27;border-top:solid 1px #3b3d27;text-transform:uppercase;}
.tdcontent {font-size:1.2em;font-weight:normal;color:#3b3d27;line-height:25px;}
.tdcontent a {color:#890857;text-decoration:none;}
.tdcontent a:hover {color:#866144;text-decoration:none;background-color:#FEFAEC;}

/* =general form fields */

/*input {font-family:"Trebuchet MS",verdana, helvetica, "sans serif";font-size:12px;color:#556267;margin-right: 0;line-height: 15px;float:left;height:15px;padding-left:5px;} */
inputPrint {width: 200px;margin-right: 25px;line-height: 15px;float:left;border: 1px solid #ccc;}
#comment {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:normal;color:#866144;width: 330px;border:1px solid #866144;}
.submit input {width:68px;height:35px;text-indent:-3000px;text-decoration:none;overflow:hidden;background: url(/i/submit.gif) no-repeat;border:0;}
.submit input:hover {background:#fff url(/i/submit.gif) 0 -35px no-repeat;}


#name,#phone,#email,#company,#delegates {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:normal;color:#3b3d27;width: 150px;height:22px;margin-right: 0;line-height: 15px;float:left;padding: 5px;border: 1px solid #3b3d27;}
#delegates,#numOfGuests,#bedroomsReq {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:normal;color:#3b3d27;width:40px;height:22px;margin-right: 0;line-height: 15px;float:left;padding: 5px;border: 1px solid #3b3d27;}
#Standard, #Superior, #Deluxe {padding: 5px;}

#dayFrom,#monthFrom,#yearFrom,#dayTo,#monthTo,#yearTo,#eventDay,#eventYear,#eventMonth,#functionType {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:normal;color:#3b3d27;height:30px;margin-right:10px;line-height: 15px;float:left;padding: 5px;border: 1px solid #3b3d27;}
#dayFrom,#yearFrom,#dayTo,#yearTo,#eventDay,#eventYear {width:80px;}
#monthFrom,#monthTo,#eventMonth,#functionType {width:110px;}



/*--- HIDE STUFF COS ITS MORE ACCESSIBLE THAN DISPLAY:NONE;  ---------------------------------------------------------*/
legend {
height:0;
}
legend,
#header ul,
.hidevis
{
position:absolute;
top:0;
left:-90000px;
visibility:hidden;
height:0;
width:0;
}
/*--- TEXT-INDENT  ---------------------------------------------------------*/
#header h1
{
text-indent:-3000px;
overflow:hidden;
text-decoration:none;
}

/*--- CLEARFIXES  ---------------------------------------------------------*/
#header
{
overflow:hidden;
}