/* everything that directly affects the position of elements and the background */
body {
/* fallback */
 background: #F6E6BF url('../images/bgskyblue.gif'); 
/* background: #fff url('../images/bgskyblue.gif'); 

 Safari 4-5, Chrome 1-9 *
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F0D594), to(#FFFFFF));

 Safari 5.1, Chrome 10+ *
background: -webkit-linear-gradient(top, #F0D594, #FFFFFF);

 Firefox 3.6+ *
background: -moz-linear-gradient(top, #F0D594, #FFFFFF);

 IE 10 *
background: -ms-linear-gradient(top, #F0D594, #FFFFFF);

 Opera 11.10+ 
background: -o-linear-gradient(top, #F0D594, #FFFFFF); */
}
#pagewrapper { /* must be large enough to keep main menu options on one line */
 position: relative; /* to support absolute positioning of contained elements */
 /*width: 80%;
 min-width: 950px;  must be large enough to keep main menu options on one line */
 width: 1035px;
 margin: 0 auto; /* centered horizontally */
}
#pageheader { /* includes Felitec logo, slogan and main menu */
 height: 98px; /* total height is 114px (98 + 8 + 6 + 1 + 1) */
 margin: 8px 0px 8px 0px; /* with the 1 pixel solid border, we need a left margin of -1px, otherwise the pageheader will not be perfectly centered in the pagewrapper */
 border: 1px #98AAB1 solid;
 background-color: #EEF2F7; /* light blue/grey */
 /*box-shadow: 2px 0 2px rgba(0,0,0,0.2);*/
 border-radius: 8px 8px 0 0;
}
#logo { /* logo image link on left side of header */
 position: absolute;
 top: 9px;
 left: 9px;
}
#slogan { /* centered on the right of the logo in the header area */
 margin-top: 11px;
 margin-left: 168px;
}
#navedge {
 position: absolute;
 top: 62px;
 left: 160px;
}
#mainmenu {
 position: absolute;
 top: 62px;
 left: 184px;
 right: 10px;
 background-image: url('../images/navbg2.gif');
 /*border-radius: 0 6px 6px 0;*/
}
#contentwrapper { 
 float: left;
 width: 100%;
}
#contentcol {
 padding: 15px;
 border: 1px #98AAB1 solid;
 background-color: #EEF2F7;
 /*box-shadow: 2px 2px 2px rgba(0,0,0,0.2); */
 border-radius: 0 0 8px 8px;
}
#sidebar_right {
 float: right;
 width: 180px;
 margin-left: -180px;
}
.sideblock {
 margin-bottom: 8px;
 border: 1px #98AAB1 solid;
 padding: 1px;
 background-color: #EEF2F7;
 /*box-shadow: 2px 2px 2px rgba(0,0,0,0.2); 
 border-radius: 8px;*/
}
.sideblock h3, .sideblock h4 {
 -webkit-margin-before: 0;
 -webkit-margin-after: 0;
 background: #78B1F3 url('../images/boxhdngbg.gif') repeat-x;
}
.sideblock nav, .sideblock div {
 margin: 6px;
}
.leftblock {
 border-radius: 0 0 0 8px;
 /*box-shadow: 0 2px 2px rgba(0,0,0,0.2);*/
}
/*.leftblock h4 {
 border-radius: 7px 0 0 0;
}*/
/*.rightblock {
 box-shadow: 2px 0 2px rgba(0,0,0,0.2);
}*/
/*.rightblock:first-child {
 border-radius: 0 8px 0 0;
}*/
/*.rightblock:first-child h4 {
 border-radius: 0 7px 0 0;
}*/
.rightblock:last-child {
 border-radius: 0 0 8px 0;
 /*box-shadow: 2px 2px 2px rgba(0,0,0,0.2);*/
}