/* Start of CMSMS style sheet 'Jerusalem_Sandstone : Jerusalem Sandstone - Style' */
/* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */
* {margin:0;padding:0;}

body {text-align: left;font-family:sans-serif;line-height: 1em;line-height: 1.5;}
div {font-size: 1em;}

img {border: 0;}

a, a:link a:active {font-weight: bold;background-color: inherit;color: #FFFFFF}
a:visited {text-decoration: underline;background-color: inherit;color: #c0c0c0}
a:hover {text-decoration: none;background-color: #C3D4DF;color: #385C72}

/*****************
basic layout 
*****************/
body {background-color:#3486eb;margin:0em}

/* center wrapper, min max width */
div#pagewrapper {
     /*margin: 0 auto;      this centers wrapper */
   max-width: 100%;   /* IE wont understand these, so we will use javascript magick */
   min-width: 30em;
   padding:2px;
   background-color: #3486eb;
   color: white;
}


/*** header ***/
div#header {height: 80px;background: #1050a0}
div#header h1 {color:#FFFFFF;margin-left:5px;padding-top:0%;text-align:center;font-size: 3.0em; font-family:'comic sans ms',Arial,serif}
/*background-image : url(../images/eyecatcher.jpg) center center no-repeat ; */


/* position for the search box */
div#search {float: left;width: 23em;text-align: right;padding: 0.6em 0 0.2em 0;margin: 0 1em}

div.breadcrumbs {padding:1em 0 1.2em 0;font-size:90%;margin:0 1em;border-bottom:1px dotted #000}
div.breadcrumbs span.lastitem {font-weight:bold} 
div#content {margin: 1.5em auto 2em 0}
div#main {margin-left: 29%;margin-right: 2%}
div#sidebar {float: left;width: 26%;display: inline;  /* FIX IE double margin bug */
   margin-left:0}
div#footer {clear: both;color: #fff;background-color: #1050a0}
div#footer p {font-size: 0.8em;text-align: center;margin: 0}
div#footer p a {color:#fff}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {height: 1px;padding: 1em;border-bottom: 1px dotted black;margin: 1em}

/* relational links under content */
div.left49 {width: 49%}
div.right49 {float: right;width: 49%;text-align: right;}

/********************
CONTENT STYLING
*********************/
div#content {}

/* HEADINGS */
div#content h1 {color: #FFFFFF;font-size: 2.0em;padding-bottom:0.8em}
div#content h2 {color: #FFFFFF;font-size: 1.5em;padding-bottom:0.5em}
div#content h3 {color: #FFFFFF;font-size: 1.3em;padding-bottom:0.5em}
div#content h4 {color: #FFFFFF;font-size: 1.2em}
div#content h5 {color: #FFFFFF;font-size: 1.1em}
div#content h6 {color: #FFFFFF;font-size: 1.0em}
/* END HEADINGS */

/* TEXT */
p {font-size: 1em;margin: 0 0 1.5em}
blockquote {border-left: 10px solid #ddd;margin-left: 10px}
strong, b {font-weight: bold}
em, i {font-style:italic;}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;background-color: #ddd;margin: 0 1em 1em 1em;padding: 0.5em;line-height: 1.5em;font-size: 90%;}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {margin: 0 0 2.5em;}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {font-size: 1.0em;line-height: 1.4em;margin: 0 0 1.5em 0}

div#main ul li,
div#main ol li {margin: 0 0 0.25em 3em}

div#main dl dt {font-weight: bold;margin: 0 0 0 1em}
div#main dl dd {margin: 0 0 1em 1em}

div#main dl {margin-bottom: 2em;padding-bottom: 1em;border-bottom: 1px solid #c0c0c0}
/* END LISTS */
/* End of 'Jerusalem_Sandstone : Jerusalem Sandstone - Style' */