/* -------------Generic------------------------ */
* {
margin:0;
padding:0;
}

body {
background:#9BB27A url('images/back.gif');
margin:0;
padding:0;
font-size:11px;
font-family:Verdana, sans-serif;
}

a:link,a:visited {
text-decoration:none;
color:#360;
border-bottom:1px dotted #360;
}

a:hover {
border-bottom:#bdf 1px solid;
}

/** Uncomment below for liquid width (expands and contracts with brwoser window width
*/
.pageWrapper {
margin:0 auto;
width:730px;
min-width:620px;
}

/* extension to page wrapper */
#main {
border-right:#FFF 2px solid;
border-left:#FFF 2px solid;
/* IE Hack. Set this to right colour for now */
background:#E2FFC6;
}

div#bodyWrap {
background:url('images/back_top.jpg') repeat-x;
}

div#bodyWrap {
width:auto;
min-width:770px;
height:432px;
}

.content .product {
text-align:center;
}

.subBarInner p {
margin:8px 8px 2px;
padding:0;
line-height:80%;
}

.product {
font-weight:700;
color:#660 !important;
}


input[type=text],input[type=button],input[type=submit],select,textarea {
background:#FFF;
border:1px solid #2D5900;
}

/* ---------------Headers ( h* style )--------------------- */
h1,h2,h3,h4,h5,h6 {
margin:8px 10px;
font-size:14px;
font-weight:400;
letter-spacing:0.08em;
}

h1 {
font-size:18px;
color:#660;
padding-bottom:4px;
border-top:1px solid #660;
}

h1 span {
float:right;
color:#9A9A4E;
}

/* ----------------View Controllers------------------------ */
.clear {
clear:both;
}

.hide,#oldBrowserNotice,.ieSixCharDupBug {
display:none;
}

/* ----------------Page Header(s) and Footer-------------- */
#header {
height:146px;
margin-right:-2px;
/* Box model adjustment */
}

#header #logo {
width:240px;
float:left;
background:url(images/QPlogo.jpg) center center no-repeat #FFF;
margin:0 -3px;
height:146px;
position:absolute;
z-index:100;
}

#logo h1 {
display:none;
}

#logo2 {
width:223px;
float:left;
background:url(images/QIEClogo.png) center center no-repeat #FFF;
margin:0 -3px;
height:146px;
position:absolute;
z-index:100;
}

#logo2 h1 {
display:none;
}

#heading .head {
height:78px;
background:url('images/books.jpg') no-repeat right top #FFF;
border-right:2px solid #fff;
position:relative;
margin-right:-2px;
}

* html #heading .head {
margin-right:-4px;
/* Extra 2px due to IE Box model */
}

#heading .top, #heading .sub {
color:#FFF;
margin:10px 10px 0 0;
float:right;
width:500px;
text-align:right;
height:22px;
}

div#heading a:link, div#heading a:visited {
color:#FFF;
border-bottom:none;
}

div#heading .top a:hover {
border-bottom:#7D833D 4px solid;
}

div#heading .sub a:hover {
border-bottom:#004226 4px solid;
}

#heading .sub {
clear:right;
}

#footer {
position:static;
padding:4px 24px;
color:#249;
background:url('images/bg5.gif');
}

/* --------------------Layout Controls-------------------- */
/* --------------------- Common to both -------------------- */
#mainInner,div.subBarInner,div.subTitleInner {
z-index:2;
width:100%;
border-right:#FFF 2px solid;
}

div.content {
border-width:0;
/* Fix print/v4 borders issue */
}

#mainOuter div.left,#mainOuter div.right,#mainOuter div.content,div.subBarInner div.content,div.subBarInner div.right,div.subTitleInner div.content,div.subTitleInner div.right {
/* For Sub elements of #mainOuter AND div.subBarInner */
float:left;
position:relative;
z-index:10;
overflow:visible;
/* fix for IE italics bug */
}

/* --------------------- The Sub Bar Piece -------------------- */
div.subBarOuter,div.subTitleOuter {
z-index:1;
border-style:solid;
border-color:#E1FFE1;
border-width:0;
}

div.subBarInner div.right,div.subTitleInner div.right {
float:right;
width:20em;
margin:0 -20em 0 1px;
}

div.subBarInner div.content,div.subTitleInner div.content {
margin:0 -1px;
/* Ensure floating */
width:100%;
}

/* --------------------- The Main Bar Piece -------------------- */
#mainOuter {
z-index:1;
border-left:16em #EAFFD5 solid;
border-right:8px #060 solid;
}

#mainInner {
border-left:2px solid #FFF;
background:#FFF;
}

#mainOuter .content {
margin:0 -1px;
/* Ensure floating */
width:100%;
}

#mainOuter .right {
/* Not used for now */
float:right;
/* Possiblity for NN4 layout */
width:15em;
margin:0 -15em 0 1px;
/* Column position */
}

#mainOuter .left {
width:16em;
margin:0 1px 0 -16em;
/* Column position */
}

/* -----------------Decoration Fix-up Pieces------------- */
div.gap {
border-top:2px solid #FFF;
background:#CDE;
position:relative;
}

html>body .mozclear {
border-bottom:1px solid #FFF;
/* help mozilla recognize empty  clearing element */
margin-bottom:-1px;
/* compensate for 1px space used by border */
}

/* --------------------Fix BugIE :-| ---------------------- */
* html #mainInner,* html div.subBarInner,* html div.subTitleInner {
position:relative;
/* fix a render bug in IE under certain conditions */
}

* html div.gap {
margin-right:-4px;
}

* html #mainOuter {
border-right:4px #060 solid;
}

.leftInside,.titleSide,#mainInner .left div.button1,#mainInner .left div.button2 {
margin-left:-2px;
margin-right:2px;
}

/* ------------------------Main Bar----------------------- */
.titleSide,.titleMain {
padding:8px 16px 4px;
border-bottom:1px solid #FFF;
letter-spacing:0.1em;
height:16px;
}

.titleSide {
background:#060 repeat-y left url('images/title1.gif');
color:#FFF;
margin-bottom:12px;
font-size:12px;
padding-left:24px;
}

.titleMain {
background:#EAFFD5;
font-size:11px;
}

.titleMain a:link,.titleMain a:visited {
color:#696;
}

.right p,.content p {
color:#660;
line-height:1.5em;
letter-spacing:0.05em;
padding:0 8px 5px;
}

#mainInner .left ul {
list-style-type:none;
margin:0 0 12px 12px;
padding:0;
}

#mainInner .left ul li {
margin:8px;
}

ul.dotted,li.select {
list-style-type:square;
color:#060;
margin-left:52px;
font-size:9px;
line-height:1.4;
}

.left .active a:link,.left .active a:visited {
font-weight:700;
color:#0471E1;
list-style-type:square;
}

div.left p {
color:#060;
font-size:9px;
line-height:1.4;
}

#mainInner .left ul.dotted {
list-style-type:square;
}

#mainInner .left input {
color:#000;
}

#mainInner .left div.button1,#mainInner .left div.button2 {
width:100%;
color:#330;
border:0 none;
border-top:#FFF solid 2px;
padding:6px 0;
}

#mainInner .left div.button1 a:link,#mainInner .left div.button1 a:visited,#mainInner .left div.button2 a:link,#mainInner .left div.button2 a:visited {
margin:0 0 0 24px;
font-size:12px;
font-weight:700;
}

#mainInner .left div.button1 {
background:#C9D6A6 url('images/bg3.gif');
}

#mainInner .left div.button2 {
border-bottom:#FFF solid 2px;
background:#C9D6A6 url('images/bg4.gif');
}

/*------------General layout---------------------*/
div.content ul {
margin-left:30px;
}

a img,img {
border:none;
text-decoration:none;
}

#webproper {
float:right;
}

.left p {
margin:0 5px 10px 3px;
color:#660;
}

.offpage {
background-image:url(images/offpage.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:12px;
}

.rossbook {
float:right;
margin:5px;
}

/*Adapted from virtualfunction.net design by www.webproper.com*/