/* Start of CMSMS style sheet 'OMGC Fluid 3cols : Layout' */
/* 
1024px theme for cmsms 1.04 by kermit 23 mar 2007 based on 1024px v2.0 by andreas viklund 
*/

/* general styles  */

body{
background:url(images/cms/background.gif) repeat-y top center #fff;
color: #404040;  /*Font color in body*/
font:96% Verdana,Tahoma,Arial,sans-serif;
line-height:1.2em;
margin:0 auto;
padding:0
}

a{
color:#00008b;
font-weight:700;
text-decoration:none
}

a:hover{
text-decoration:underline
}

a img{
border:0
}

p{
margin:0 0 12px 10px
}

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{
color:#4088b8;
font-size:2.1em;
letter-spacing:-5px;
margin:0 0 30px 25px
}

h1 a{
color:#4088b8;
text-transform:none
}

h2{
border-bottom:4px solid #dadada;
color:#4088b8;
font-size:1.2em;
letter-spacing:.2em;
margin:1px 0 2px;
padding:0 2px 2px 5px
}

h3{
color:#4088b8;
font-size:1.20em;
letter-spacing: .2em;
margin:10px 0 10px;
padding:0 2px 2px 5px
}

h4{
border-bottom:2px solid #dadada;
color:#4088b8;
font-size:1.0em;
font-weight:700;
letter-spacing: .1em;
margin:10px 0 8px;
padding:1px 2px 2px 3px
}

h5{
color:#4088b8;
font-size:1.0em;
font-weight:700;
letter-spacing: .1em;
margin:10px 0 8px;
padding:1px 2px 2px 3px
}

h6{
font-size:.6em;
letter-spacing: .1em;
margin:10px 0 8px;
}

/* wrapper and header */

#wrap{
background:#ececec url(images/cms/omgc_stencil.jpg) no-repeat top center;
color:#404040;
margin:6px auto;
padding:0;
width:100%;  /*970px*/
height:120px;
}

#header{
margin:0
}

#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.5em;
}

/* main content */

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

div#main {
   margin-left: 20%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 20%; /* and some air on the right */
   border:4px solid #dadada;
    padding:5px 5px 5px 5px;
}

div#pagetitle{
   border-bottom:4px solid #dadada;
   color:#4088b8;
   font-size:1.4em;
   font-weight:700;
   text-align:center;
   letter-spacing:.2em;
   margin:3px 0 15px;
   padding:2px 2px 12px 2px;
}

div#leftsidebar {
   background: #ececec;
   float: left;  
   width: 19%;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
}

div#leftsidebar.hascontent {
/*  padding: 0 1%;  */
   width: 18%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

div#rightsidebar {
   background: #ececec;
   float: right;  
   width: 19%;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-right: 0;
}

div#rightsidebar.hascontent {
/*   padding: 0 1%; */
   width: 18%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

/* footer */

div#footer {
   clear:both;       /* keep footer below content and menu */
   color: #4088b8;
   background-color: #ececec; /* same bg color as in header */
}

div#footer p {
   font-size: 0.8em;
   padding: 1.2em;      /* some air for footer */
   text-align: center; /* centered text */
   margin:0;
}

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

/* 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;
}


/* additional styles */

.box{
background: #4088b8; /*#dadada;*/
border:3px solid #dadada;  /*#4088b8;*/
color:#fff;
font-size:0.9em;
font-weight:600;
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
}

#toplinks a,#footer a,.gray{
color:gray
}

#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:right;
font-weight:bold;
padding-bottom:1em
}

.NewsSummaryPostdate {
text-align:right;
font-style:italic;
padding-bottom:.33em
}

#NewsPostDetailReturnLink,.NewsSummaryMorelink {
text-align:center
}

.currentpage {
font-weight:bold
}

h1 {
font-size:1.4em;
letter-spacing:-1px
} 
/* template default size is just too big for more than one word */

/* utility styles */

.printonly,.hide {
display:none
}

/* END */


/* End of 'OMGC Fluid 3cols : Layout' */