/* Standard styles to save problems -------------------------------------------------------*/

body {
margin:0px;
}

img {
border:0px;
}

#main {
background-color:#c9d1d5;
margin: 0px;
padding: 0px;
font-family: arial, verdana, sans serif;
font-size:14px;
}

#wholesitepositionid {
position:relative;
padding-top: 4px;
padding-bottom: 4px;
margin-left:auto;
margin-right:auto;
width:1000px;
}

#wholesitecenterid {
position: relative;
margin: auto;  
width: 100%;
background:url("../images/site-images/cr-oak-background.jpg") no-repeat 0 0;
}
#topmenuline {
position:relative;
background:url("../images/site-images/navbar-bg.gif") repeat-x 0 0;
height:25px;
width:906px;
left:47px;
top:116px;
z-index:60;
}
table.menutable td {
border-left:1px solid #d4dade;
}
table.menutable td:first-child {
border-left:none;
}
/* Although not very elegant, this solution to the positioning of the searchfield works. Place the searchfield into the div element searchfieldid, make it big enough to contain all of the form elements and position it in such a way as to be below the topmenuline. In order for this work around to work you must makesure that topmenuline does not overlap where you type into the field.*/

#notsignedin{
display:none;
}

#article {
position:relative;
padding-top:130px;
width: 100%;
min-height:385px;
height:auto !important; height:385px;
margin-bottom:4px;
z-index:20;
}

#idheadingtext {
display:none;
}
#idpagetext {
background-color:#ffffff;
width:550px;
margin-left:50px;
line-height:20px;
}
#idpageimage {
position:relative;
width:600px;
z-index:89;
display:block;
}
#idpageimage {
margin-left:50px;
}

#stretcher {
display:none;
}

#basescrollgraphicid {
margin-top:-36px;
margin-left: auto;  
margin-right: auto;
position: relative;
text-align:right;
padding-right:200px;
z-index:90;
}
#basescrollgraphicid td {
padding-left:10px;
}

/* The syles below control the text display --------------------------------------------------*/

a {}

#idpagetext a:link {color: #587383; text-decoration: none;font-weight:bold;}
#idpagetext a:hover {color: #335061;}
#idpagetext a:visited {color: #587383; text-decoration: none;font-weight:bold;}
#idpagetext a:visited:hover {color: #335061; text-decoration: none;font-weight:bold;}

#basescrollgraphicid a:link {font-size:10px; color: #587383; text-decoration: underline;}
#basescrollgraphicid a:hover {color:#335061;}
#basescrollgraphicid a:visited {font-size:10px; color: #587383; text-decoration: underline;}
#basescrollgraphicid a:visited:hover {color: #335061;}

div {
padding: 0px;
margin: 0px;
}

img {
padding: 0px;
margin: 0px;
}
#header {
position:absolute;
top:32px;
left:46px;
}
/*---- news styles ----*/
table.NewsMonthList {
        font-family:Trebuchet, arial, sans-serif;
        font-size:12px;
}
table.NewsMonthList a {
        color: #979797;
}
table.NewsMonthList a:hover {
        color: #000000;
}
table.NewsMonth {
        width:100%;
        margin-bottom:4px;
        font-family:Trebuchet, arial, sans-serif;
        font-size:12px;
}
table.NewsMonth td {
        background-color:#44606f;
        color:#ffffff;
        font-weight:bold;
        font-size:12px;
        padding-left:10px;
        padding-right:10px;
}

div.NewsMonth {
        margin-bottom:10px;
        width:100%;
}
div.NewsMonth img {
        padding:5px;
}
div.newsweekcontainer {
float:right;
width:75%;
font-family:Trebuchet, arial, sans-serif;
font-size:12px;
height:250px;
overflow:auto;
}
div.newsweeklistcontainer {
float:left;
width:25%;
height:250px;
overflow:auto;
}
/*--- end of news styles --*/

/*---- Contact form styles ---*/

#contactform {
width:540px;
padding-top:10px;
padding-bottom:10px;
}
table.contactform {
width:100%;
}
table.contactform td {
padding-right:7px;
padding-top:2px;
}
td.contactform {
/*width:373px;*/
}
td.contactformlabel {
width:30%;
}
td.contactformlonglabel {
width:100%;
}
input.contactform {
width:95%;
border:1px solid #7E7E7E;
}
#contactform input:focus, textarea.textbox:focus {
border:1px solid #597F26;
}
textarea.textbox {
width:95%;
border:1px solid #7E7E7E;
height:30px;
}
.contactformsubmit {
background-color:#cccc99;
color:#336600;
border:1px solid #597F26;
}
span.mandatory {
color:red;
}

/*--- end of contact form styles ---*/
#quotetext {
position:absolute;
top:170px;
left:645px;
z-index:90;

}
div.scrolling {
height:350px;
overflow-y:auto;
overflow-x:hidden;
}