/* Start of CMSMS style sheet 'elsfield' */
body{
 background:url(uploads/) repeat-y top center #fff;
  line-height:1.2em;
  margin:0 auto;
  padding:0;
}

a{

 text-decoration:underline;
  
}
a:hover{
 text-decoration:none;
}

h1{
  margin:20px 0 20px 0px;

}
h2{
  margin:10px 0px;
  padding: 0px;
}
h3{
  margin:10px 0px;
  padding:0px;
}
h4{
  margin:10px 0px;
  padding:0px;
}

a img{
border:0;
}
p{
margin:0 0 18px 0px;
}
ul,ol,dl{
  font-size:0.9em;
  margin:2px 0 16px 35px;
}
  ul ul,ol ol{
  margin:4px 0 4px 35px;
}
blockquote{
  border:1px solid #dadada;
  font-size:0.9em;
  margin:20px 10px;
  padding:8px;
}

h1#firt span { display: none;}
h1#firt {
    height: 50px; /* height of the replacement image */
    width: 207px;
    background: transparent url("uploads/images/elsfield_images/logo_text.gif") no-repeat top left;
}

/* wrapper and header */
#wrap{
  margin:0px auto;
  padding:0;
  width:900px;
  background: #fff url("uploads/images/elsfield_images/bg_col.gif") repeat-y top center;
}
#header{
  margin:0;
  padding:0;
  width: 900px;
  height: 150px; 
  border-bottom:5px solid #F5F6FA;
}
.logo {
  background: transparent url("uploads/images/logo_bg.jpg") no-repeat top left;
  background-color: #3666AE;
  width: 900px;
  height: 150px;
}
.logo_place {
 position:relative;
 padding: 22px 0px 0px 30px;
 width: 358px;
}
.randomPictures{
position:absolute;
z-index:1;
margin-left: 388px;
height:150px;
width:512px;
}
.clearing {
  clear: both;
}

#toplinks{font-size:0.9em;padding:5px 2px 2px 3px;text-align:right}
#slogan{color:gray;font-size:1.5em;font-weight:700;line-height:1.2em;margin:15px 0 20px 10px}

/* sidebar and menu */
#sidebar {
  float:left;
  margin:0px;
  padding:0px;
  width:183px;
overflow: hidden;
}
#sidebar ul{
  font-size:1.07em;
  list-style:none;
  margin: 0;
  padding: 0;
  font-weight: normal;
  text-decoration: none;
  width:213px;
}

#sidebar li{
  list-style:none;
  margin:0;
  padding: 8px 10px 8px 10px;
  /* background: transparent url("uploads/images/elsfield_images/bulet.gif") no-repeat 18px 14px; */
  border-bottom:1px solid #dfe6f2;
  border-left:5px solid #dfe6f2;
  width:153px;

}
#sidebar li.currentpage {
  font-weight: normal;
 /* background: transparent url("uploads/images/elsfield_images/bulet2.gif") no-repeat 18px 14px;  */
}

#sidebar li.activeparent {
  font-weight: normal;
 /*  background: transparent url("uploads/images/elsfield_images/bulet2.gif") no-repeat 18px 14px;  */
}
#sidebar li li.currentpage {
  font-weight: normal;
  background: none;  
}
#sidebar li a{
  font-weight: normal;
  text-decoration: none;
}
#sidebar li a:hover{
  font-weight: normal;
  text-decoration: none;
  color: #32ab25;
}
#sidebar ul ul {
  font-size:0.9em;
  list-style:none;
  margin-left: 7px;
  padding: 0;
  font-weight: normal;
  text-decoration: none;
  width:143px;

}
#sidebar li li{
  list-style:none;
  margin-left:7px;
  padding: 8px 8px 8px 0px;
  background: none;
  border-bottom:1px solid #F4F6F8;
  border-left: none;
  width:143px;
}
.search_box{
background-color: #f4f6f8;
width: 158px;
margin: 0px 5px 10px 0px;
padding: 10px;
}
.input_field{
  border-bottom:1px solid #dfe6f2;
  border-right:1px solid #dfe6f2;
  border-top:1px solid #adc1dd;
  border-left:1px solid #adc1dd;
  padding: 3px;
  font-family:  Trebuchet MS, Arial, Sans-Serif;
  font-size: 0.9em;
  vertical-align: middle;
}

#search_but{
  vertical-align: middle;
margin-left: 5px;
}

/* main content */
#content{
  float:right;
  line-height:1.5em;
  margin:0;
  padding: 5px 20px 0 0px;
  text-align:left;
  width:670px;
}
#contentalt{float:left;line-height:1.5em;margin-right:20px;padding:0;text-align:left;width:750px}


/* footer */
#footer{
border-top:4px solid #f4f6f8;
background-color: #fff;
clear:both;
font-size:0.9em;
margin:0px;
padding:10px;
}
#toplinks a,#footer a,.gray{
color: #777b81;
}

#footer p{margin:0;padding:0}
/* additional styles */
.box{background:#4088b8;border:1px solid #c8c8c8;color:#fff;font-size:0.9em;line-height:1.4em;padding:10px 10px 10px 13px}
.box a{color:#f0f0f0}
.left{float:left;margin:0 15px 4px 0}
.right{float:right;margin:0 0 4px 15px}
.readmore{margin:-10px 10px 12px 0;text-align:right}
.timestamp{font-size:1.2em;margin:-5px 0 15px 10px}
.blue{color:#4088b8}
.clear{clear:both}
.fade{color:#c8c8c8}
.photo{background:#fff;border:1px solid #bababa;margin:6px 18px 2px 5px;padding:2px}

#sidebar ul ul li a,.timestamp a{font-weight:400}

/* begin modifications and additions for cmsms 1.04 theme */
body.narrow {background-image:none} /* replace with your own or remove line to use img from 'wide' layout */
body.fluid {margin:0 10px;background-image:none} /* remove default 'page border' background for fluid width and add a little white space on the sides */
#wrap.fluid {width:100%} /* a 'min-width' solution may be desired to keep the page from 'scrunching' too much */
#wrap.fluid #content {width:72.5%}
#wrap.fluid #sidebar {width:23%}
#wrap.narrow {width:750px} /* narrow width for 800px wide display */
#content.rightnav{float:left;margin-right:20px} /* float content left, forces sidebar to the right */
#wrap.narrow #content {width:530px} /* narrow width content area for 800px variant */
/* additional styles for cmsms */
.NewsSummary {margin-bottom:.67em}
#NewsPostDetailDate {
  text-align:left;
  font-weight: bold;
  padding-bottom: 15px;
}
.NewsSummaryPostdate {
text-align:left;
font-style:italic;
padding-bottom: 5px;
}
#NewsPostDetailReturnLink,.NewsSummaryMorelink {text-align:center}


/* utility styles */
.printonly,.hide {display:none}

/* 
cmsms 1.04 modification and implementation notes

SIX versions of the template all use the same stylesheet:
     1024px, suitable for 1024px wide display, content to the right, sidebar to the left. (the 'default'). remove any special classes outlined below to achieve this layout.
     800px, suitable for 800px wide display. apply class 'narrow' to #wrap div (and body tag if a different page background image is desired, note that the 'wide' one looks ok too.).
     fluid, using all of the available browser width using percentages for column widths. resizes based on window width (see note below). apply class 'fluid' to #wrap div (and body tag if a different page background is desired).
     and each of these widths can also be done with content on the left and sidebar on the right: apply class 'rightnav' to #content div.

basic menu and news templates are included in the cmsms theme zip file and may need to be added to your installation manually; depending upon how the theme manager exports the theme to the xml file.

note that a 'print' media stylesheet isn't really needed so long as the screen media one is called using the 'screen' media type, and so one is not included here.

for fluid layouts, you may want a 'min width' solution to keep pages from 'scrunching' too much as a browser window is narrowed. this is not included here, but there are samples of such code in the default cmsms templates. note that the fluid layout looks ok at viewport widths of as little as 462px in firefox using default font sizes and the original template's sample content.
*/

/* End of 'elsfield' */