/* Start of CMSMS style sheet 'Bone_Voyage : Main' */
* {
margin:0;
padding:0;
}

body {
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color : #c0c0c0;
background-image : url(images/bg.jpg);
background-repeat : no-repeat;
background-position : top left;
}

div {
font-size: 11px;
}

img {
border: 0;
}

a,
a:link 
a:active {
text-decoration: none;
background-color: inherit; 
/* color: #cc6714;  */
color: #996600;
}

a:visited {
text-decoration: none;
background-color: inherit;
color: #996600;
}

a:hover {
text-decoration: none;
background-color: #f3f3f3;
color: #996600;
}

body {
background-color: #fff;
color: #666666;
margin:1em;
}

/* center wrapper, min max width */
div#pagewrapper {
margin: 0 auto;
background-color: #fff;
border: 10px solid #fff;
margin-top: 10px;
margin-bottom: 10px;
max-width: 750px;
min-width: 750px;
width: 750px;
background-color: #fff;
}

div#headerhome {
background-image : url(uploads/images/homeheader.jpg);
background-repeat : no-repeat;
background-position : bottom left;
width: 750px;
height: 144px;
/*border-bottom: 4px solid #b0a18b;*/
font-size: 24px;
}

div#header {
background-image : url(uploads/images/banner.jpg);
background-repeat : no-repeat;
background-position : bottom left;
width: 750px;
height: 144px;
/*border-bottom: 4px solid #b0a18b;*/
font-size: 24px;
}

div#slide {
min-height: 284px;
max-height: 284px;
height: 284px;
margin:0;
padding:0;
padding-left: 24px;
border-left: 1px dashed #666;
float: right;
}

div#slide img {
border:0px;
margin:0;
padding:0;
}


div#header h1 {
font-size: 32px;
padding-top: 70px;
padding-left: 5px;
color: #fff;
line-height:1em;
margin:0;
float: left;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 6px;
}

div#search {
color: #666666;
width: 175px;
padding-left: 5px;
text-align: left;
padding-bottom: 10px;
border-bottom: 1px solid #c0c0c0;
}
div#search .button {
width: 100px;
margin-right: 2px;
}
div#search input {
color: #666666;
width: 170px;
}

div#content {
color: #666666;
margin-left: 183px;
margin-right: 0px;
padding-left: 20px;
padding-right: 10px;
padding-top: 10px;
border-left: 1px dashed #666;
min-width: 530px; /* minus 6px due to ie6 */
max-width: 530px; /* minus 6px due to ie6 */
width: 536px; /* minus 6px due to ie6 */
}

* html div#content {
margin-left: 180px;
}

div#spanbar {
float: right;
text-align: right;
min-width: 579px; 
max-width: 579px; 
width: 576px; 
border-left: 1px dashed #666;
border-bottom: 1px dashed #666;
display: inline;  /* FIX IE double margin bug */
/* margin-left: 0; */
}

div#leftsidebar {
float: left;
width: 180px;
display: inline;  /* FIX IE double margin bug */
/* margin-left: 0; */
}

div#logos {
margin-top: 40px;
border-top: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
width: 100%;  
text-align: center;
}

div#logos img {
padding-top: 20px;
padding-bottom: 20px;
}


div#rightsidebar {
float: right;
width: 180px;
}

div#footer {
clear: both;
/* background-color: #575352; */
background-color: #bfac6a;
color: #fff;
border-top: 4px solid #b0a18b;
}

div#footer p {
font-size: 11px;
padding: 10px;
text-align: right;
margin: 0;
}

div#footer p a {
color: #fff;
/* border-bottom:1px dotted #89817F; */
border-bottom:1px dotted #f0f0f0;
text-decoration: none;
}

div#footer p a:hover {
color: #fff;
/* background-color: #575352; */
text-decoration: none;
background-color: #bfac6a;
border-bottom:1px dotted #fff;
}

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

h1 {
color: #666666; 
font-size: 15px; 
text-align: left; 
line-height: 1.5em;
margin: 0 0 0.5em 0;
}

h2 {
color: #666666; 
font-size: 14px; 
text-align: left; 
line-height: 1.5em;
margin: 0 0 0.5em 0;
}

h3 {
color: #666666; 
font-size: 13px;
line-height: 1.3em;
margin: 0 0 0.5em 0;
}

h4 {
color: #666666; 
font-size: 12px;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}

h5 {
color: #666666; 
font-size: 11px;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
/*font-size: 1em;*/
margin: 0 0 0.8em 0; /* some air around p elements */
line-height: 1.6em;
padding: 0;
}

blockquote {
border-left: 10px solid #ddd;
margin-left: 10px;
}
strong, b {
/* explicit setting for these */
font-weight: bold;
}
em, i {
/* explicit setting for these */
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;  /* black border for pre blocks */
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 */
/* lists in content need some margins to look nice */
div#content ul,
div#content ol,
div#content dl {
font-size: 11px;
line-height: 1.6em;
margin: 0 0 1.5em 0em;
}

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

/* definition lists topics on bold */
div#content dl dt {
font-weight: bold;
margin: 0 0 0 1em;
}
div#content dl dd {
margin: 0 0 1em 1em;
}

div#content dl {
margin-bottom: 2em;
padding-bottom: 1em;
border-bottom: 1px solid #c0c0c0;
}


/* END LISTS */;
margin: 0 0 0 1em;
}
div#content dl dd {
margin: 0 0 1em 1em;
}

div#content dl {
margin-bottom: 2em;
padding-bottom: 1em;
border-bottom: 1px solid #c0c0c0;
}


div.top{
float: left;
width: 49%;
text-align: left;
}

div.previousnext{
float: right;
width: 100%;
text-align: right;
}

/* END LISTS */
/* End of 'Bone_Voyage : Main' */