/* Start of CMSMS style sheet 'Layout: SCS 3' */
* /* Our "universal rule" */ 
{ 
padding: 0; 
margin: 0; 

} 

body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
  background: #f7f7fa;
line-height: 1.5em;
}



/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}


#pagewrapper { 
width: 980px; 
margin: 0 auto; /* We are going to center this design */ 
text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */ 
background-color: #ffffff;
padding: 0 2em;
color: #5A5A5A;
} 

#header { 
background-color: #ffffff;
/* margin:1em; */ /* gives some air for the pagewrapper */
} 

div#headerleft {
   float: left;
   padding: 5px 0 4px 11px;
}

div#headerright {
  float: right;
  text-align: right;
  margin-right: 1px;
  height: 95px;
  width: 300px;
  position: relative;
  font-size: 75.01%
}

div.bottom {bottom:1px; right:0; position:absolute; line-height: 1.2em; padding-right: 8px; color: #010066; font-weight: normal;}

div#headerright a {
   background-color: inherit;
   color: blue;
   text-decoration: underline;
}

div#headerright a:visited {
   background-color: inherit;
   color: blue;
   text-decoration: underline;
}




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

div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 }

div#content {
   /* background: #f2f5fe; */
   margin: 1.5em 0 2em 0; /* some air above and under menu and content */
}

div#h1ontop {
   /* background: #f2f5fe; */
   margin: 1.5em 0 1em 1em; /* some air above and under menu and content */
}


div#rightcolumn {
   margin-left: 66%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   width: 32%;
   /* background: #f2f5fe; */
   padding: 0;
}

#slidediv {
   width: 322px;
   height: 220px;
   background-color: #000; 
   padding: 10px;
   border:  3px solid #0f3305;
   border-radius: 5px;
   -moz-border-radius: 5px;

}
#slideshow {
   width: 322px;
   height: 224px;
}

#slideshow img {
   border:  1px solid #ccc;
   background-color: #f3f4f8;
   padding: 10px;
}

div#sidebar {
   margin-left: 66%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
  width: 32%;
   /* margin-right: 1em; */
   /* background: #f2f5fe; */
   padding: 0;
}


div#main {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 61%;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 1em;
   /* background: #f2f5fe; */
}


#footer { 
clear: both; /* We have to clear our floats */ 
width: 980px; /* We need to set the width on the footer since it's outside the mainContainer, and therefor isn't controlled by it */ 
margin: 0 auto 10px auto; /* We need to center the footer also */ 
background-color: #010066; /* same bg color as in header */
} 

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;      /* some air for footer */
   text-align: center; /* centered text */
   margin:0;
   color: #fff;
   line-height: 1.8em;
}

div#footer p a {
   color: #fff; /* needed becouse footer link would be same color as background otherwise */
}

div.boxright {
   border: 1px solid #778fdf;
}

div#posts_box {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    background-color: #f3f4f8;

}

div.side {
    float: right;
    width: 193px;
}

div#posts_box .wide {
    width: 100%;
    clear: both;
}

div.leftposts {
    float: left;
    width: 193px;
    margin-right: 10px;
}

div.rightposts {
    float: right;
    width: 193px;
    margin-left: 10px;
}



div#posts_box_head {
    padding: 1em 0.7em 0 0.7em;
}

div#posts_box_content {
    padding: 0 0.7em 0.5em 0.7em;

}

#posts_box_content p{
    margin: 0 0 0.5em 0;
    padding: 0;
}


#posts_box  h2 {
    font-family:'Lucida Grande',Verdana,Sans-Serif;
    font-size:1.2em;
    color: #27267F; 
    margin-bottom: 0.5em;
}

#posts_box  h2 a {
    color: #27267F; 
    text-decoration: none;
}

#posts_box  h2 a:hover {
    background-color: #010066;
    color: #fff;
    text-decoration: none;
}

div.rightbox {
    width: 300px;
    border:  1px solid #ccc;
    background-color: #f3f4f8;
    padding: 10px;
    margin: 30px 0;
}


p.indent {
    margin-left: 3em;
}

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

/* relational links under content */
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}

/* 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%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */


/* FORMS */

/* div.scsform1 { border: 1px solid #010066; padding: 1em; background-color: #eee; } */

.scsform1 div {padding: 0.5em 0 0.25em 0;}

.scsform1 fieldset
{
border: 1px solid #010066;
background: #F3F4F8;
width: 90%;
padding: 1em;
}

.scsform1 legend
{
color: #010066;
padding: 2px 6px;
font-weight: bold;
} 

.scsform1 label
{
width: 15em;
float: left;
text-align: left;
margin-right: 1em;
display: block;
}

.scsform1 input
{
color: #000000;
background: #ffffff;
border: 1px solid #010066;
line-height: 2.5em;
}

.scsform1 textarea {
    scrollbar-base-color: #010066;
    border: 1px solid #010066;
}

.scsform1 .submit input
{
margin-left: 17em;
} 

.scsform1 .group div {
    clear: left;
}

.scsform1 .group label{
    font-weight: bold;
    padding: 0.25em 0 0.25em 0;
}

.scsform1 .group div label{
    font-weight: normal;
}

.scsform1 div.group {
    margin-top: 1em;
    border: 1px solid #010066;
    margin-bottom: 1em;
}

.scsform1 .long label{
    width: 100%;
    float: left;
    text-align: left;
    margin-right: 0;
    display: block;
}

.scsform1 span.required {
    color: red;
}

div.scsform2 { background-color: #F3F4F8; border: 1px solid #ccc;}

.scsform2 div {padding: 0.5em 0 0.25em 0;}

.scsform2 fieldset
{
border: none;
padding: 1em;
}

.scsform2 legend
{
color: #010066;
padding: 2px 6px;
font-weight: bold;
} 

.scsform2 label
{
width: 15em;
float: left;
text-align: left;
margin-right: 1em;
display: block;
height: 2em;
padding-top: 10px;
}

.scsform2 input
{
background: #ffffff;
border: 1px solid #ccc;
height: 1.5em;
padding: 5px;
}

.scsform2 textarea {
    scrollbar-base-color: #ccc;
    border: 1px solid #ccc;
}

.scsform2 .submit input
{
margin-left: 33.9em;
margin-bottom: 1.5em;
height: 31px;
width: 92px;
background: url('/uploads/images/submitoff.jpg') no-repeat top left;
border: none;
font-weight: bold;
padding: 5px 11px;
} 

.scsform2 .submit input:hover 
{
background: url('/uploads/images/submiton.jpg') no-repeat top left;
}
.scsform2 .group div {
    clear: left;
}

.scsform1 .group label{
    font-weight: bold;
    padding: 0.25em 0 0.25em 0;
}

.scsform2 .group div label{
    font-weight: normal;
}

.scsform2 div.group {
    margin-top: 1em;
    border: 1px solid #010066;
    margin-bottom: 1em;
}

.scsform2 .long label{
    width: 100%;
    float: left;
    text-align: left;
    margin-right: 0;
    display: block;
}

.scsform2 span.required {
    color: red;
}


div.scsform3 { background-color: #F3F4F8; border: 1px solid #ccc;}

.scsform3 div {padding: 0.5em 0 0.25em 0;}

.scsform3 fieldset
{
border: none;
padding: 1em;
}

.scsform3 legend
{
color: #010066;
padding: 2px 6px;
font-weight: bold;
} 

.scsform3 label
{
width: 15em;
float: left;
text-align: left;
margin-right: 1em;
display: block;
height: 1.5em;
padding-top: 5px;
}

.scsform3 input
{
background: #ffffff;
border: 1px solid #ccc;
height: 1.5em;
padding: 0 5px;
}

.scsform3 textarea {
    scrollbar-base-color: #ccc;
    border: 1px solid #ccc;
    padding: 5px;
}

.scsform3 .submit input
{
margin-left: 33.9em;
margin-bottom: 1.5em;
height: 31px;
width: 92px;
background: url('/uploads/images/submitoff.jpg') no-repeat top left;
border: none;
font-weight: bold;
padding: 5px 11px;
} 

.scsform3 .submit input:hover 
{
background: url('/uploads/images/submiton.jpg') no-repeat top left;
}
.scsform3 .group div {
    clear: left;
}

.scsform3 .group label{
    font-weight: bold;
    padding: 0.25em 0 0.25em 0;
}

.scsform3 .group div label{
    font-weight: normal;
}

.scsform3 div.group {
    margin-top: 1em;
    border: 1px solid #010066;
    margin-bottom: 1em;
}

.scsform3 .long label{
    width: 100%;
    float: left;
    text-align: left;
    margin-right: 0;
    display: block;
}

.scsform3 span.required {
    color: red;
}


div.callback {
    background: #f3f4f8 url("/uploads/images/callbackbg.gif");
    border: 1px solid #ccc;
    width: 302px;
    margin: 30px 0;
    padding: 10px;
}

div.blogrc {
    background-position: 0 100px;
    margin: 0 0 30px 0;
}


.callback fieldset {
    margin: 0.5em 0;
    border: 0;
}

.callback div {padding: 0.5em 0 0.25em 0; height: 2em; width: 100%} 

.callback label
{
   color: #010066;
   float: left;
   line-height: 2.5em;
}

.callback input
{
color: #000000;
background: #ffffff;
border: 1px solid #ccc;
height: 1.5em;
float: right;
padding: 2px;
}

.formheading {
    margin-left: 0;
    margin-top: 0.5em;
}

.callback .submit input
{
margin-left: 0.5em;
margin-bottom: 0.5em;
height: 31px;
width: 92px;
background: url('/uploads/images/submitoff.jpg') no-repeat top left;
border: none;
font-weight: bold;
padding: 5px 11px;
} 

.callback .submit input:hover 
{
background: url('/uploads/images/submiton.jpg') no-repeat top left;
}

/* END FORMS */

/* End of 'Layout: SCS 3' */