/* CSS Document */

body,html {
height:100%;
color:#003456;
margin:0;
padding:0;
}

body {
font-family:"Century Gothic", Arial, sans-serif;
background:url(../images/chrome/grad-white.png) repeat-x fixed;
background-color:#003456;
/*margin:0 auto;*/
}

img {
border:0;
margin:0;
padding:0;
}

h1,h2,h3,strong {
font-family:"Trebuchet MS";
}

h1 {
float:right;
margin:10px 0;
}

#wrap {
min-width:770px;
max-width:1000px;
position:relative;
background-color:#99adc2;
background-image: url(../images/chrome/folder-tile3.png);
background-position:10px;
background-repeat:repeat-y;
overflow:auto;
margin:0 auto;
}

.ri {
float:right;
width:242px;
padding-bottom:15px;
margin:0 auto;
}

.badge {
position:absolute;
top:200px;
right:50px;
width:100px;
height:117px;
text-align:center;
color:#003456;
}

#topbar {
font-size:smaller;
overflow:auto;
background-color:#fff;
background-image:url(../images/chrome/band.gif);
background-repeat:repeat-x;
padding:2px;
}

#topbar p {
float:left;
width:40%;
margin:5px 20px;
}

#topbar ul {
list-style-type:none;
float:right;
width:40%;
margin:5px 10px;
}

#topbar ul li {
float:right;
padding:12px 0 0;
}

#topbar li+li {
background-image:url(../images/chrome/divider.gif);
background-position:right 12px;
background-repeat:no-repeat;
}

#topbar ul li#on1 {
background-image:url(../images/chrome/ondown.gif);
background-position:50% 0;
background-repeat:no-repeat;
padding-bottom:3px;
}

#topbar ul a {
text-decoration:none;
padding:0 10px;
}

#topbar ul li a:hover {
background-image:url(../images/chrome/godown.gif);
background-position:50% 0;
background-repeat:no-repeat;
padding-top:12px;
}

#topbar ul li#on1 a {
background-color:#99adc2;
color:#fff;
padding-top:0;
background-image:none;
border-bottom:1px solid #0062c2;
}

#header {
background-color:#ccd6e0;
background-image:url(../images/chrome/grad-white.png);
background-repeat:repeat-x;
position:relative;
overflow:auto;
}

#header h1 {
float:right;
color:#99ADC2;
text-align:right;
width:50%;
padding:10px 20px 0 0;
}

#header img {
margin-bottom:5px;
float:left;
padding:0 0 0 10px;
}

img.logo {
margin:5px 0 0;
}

#nav {
background-color:#0062c2;
padding-left:30px;
font-family:Trebuchet MS;
font-size:large;
min-height:100px;
background-image:url(../images/chrome/forlder-top3.png);
background-repeat:no-repeat;
background-position:10px 10px;
}

#nav ul {
list-style:none;
overflow:auto;
margin:0;
padding:10px 0 0;
}

#nav li:hover {
background:transparent;
background-image:url(../images/chrome/grad-white.png);
background-repeat:repeat-x;
border-color:#fff #fff #00c22c;
}

#nav li a {
display:block;
color:#fff;
text-decoration:none;
padding:7px;
}

#nav li {
float:left;
margin-right:15px;
border:2px solid #0062c2;
border-top:none;
border-left:none;
border-right:none;
border-bottom-color:#00c22c;
background:#0062C2;
background-image:url(../images/chrome/grad-white.png);
background-position:0 50px;
}

#nav li+li,#nav li+li:hover {
border-bottom-color:#d64600;
}

#nav li+li+li,#nav li+li+li:hover {
border-bottom-color:#ffbf00;
}

#nav li+li+li+li,#nav li+li+li+li:hover {
border-bottom-color:#595bd3;
}

#nav li:hover a {
color:#7F5F00;
background-image:url(../images/chrome/goup.gif);
background-position:50% bottom;
background-repeat:no-repeat;
padding-bottom:20px;
}

#nav li#on:hover a {
background-image:url(../images/chrome/arrowup.gif);
}

li#on {
background:#0062C2;
color:#fff;
background-image:url(../images/chrome/grad-white.png);
background-position:0 70px;
}

li#on a {
background-position:50% bottom;
background-repeat:no-repeat;
padding-bottom:20px;
background-image:url(../images/chrome/arrowup.gif);
color:#fff;
}

li#on:hover {
background:#0062C2;
background-image:url(../images/chrome/grad-white.png);
background-position:0 70px;
}

#main {
float:left;
width:500px;
border-left:1px dashed #E3D598;
padding:0 0 5em;
}

#main ul {
list-style-type:square;
}

#main p {
padding:0 40px;
}

#main h2,#main h3 {
text-align:center;
padding:0 40px;
}

#main h3 {
letter-spacing:.1em;
font-family:Trebuchet MS;
font-size:medium;
margin:0;
}

#sidebar {
float:left;
width:240px;
position:relative;
}

#sidebar p {
font-size:90%;
text-align:center;
margin:0 25px 10px 40px;
padding:0;
}

#sidebar ul+p {
border-top:1px dashed #000;
padding-top:15px;
}

#sidebar img {
padding:10px 0;
}

#sidebar ul {
list-style:none;
margin: 0;
*margin-left: 30px;
}

#sidebar li {
margin-bottom:20px;
width:160px;
}

#sidebar li a {
display:block;
height:100%;
padding-right:15px;
}

a:link {
color:#00598F;
}

a:visited {
color:#7F5F00;
}

#sidebar li#on2 {
background-image:url(../images/chrome/arrow.gif);
background-position:100% 50%;
background-repeat:no-repeat;
}

#sidebar li#on2 a {
text-decoration:none;
cursor:default;
font-weight:900;
color:#003456;
}

#sidebar li:hover {
background-image:url(../images/chrome/goleft.gif);
background-position:100% 50%;
background-repeat:no-repeat;
}

#sidebar h3 {
padding:0 10px 0 0;
}

#footer {
text-align:center;
background-color:#e6edf4;
color:#003456;
clear:both;
padding:5px;
}

#footer a:visited /*#sidebar a:visited*/ {
color:#efd4c9;
}

#footer ul {
list-style:none;
margin:0;
padding:0;
}

#footer li {
display:inline;
margin:0 10px 0 0;
padding:0;
}

.clearing {
clear:both;
text-align:center;
padding:15px 0 3em;
}

table {
width:400px;
background:#90191b;
border-collapse:collapse;
margin-left:auto;
margin-right:auto;
border:2px;
}

td {
border:1px dashed #90191B;
border-width:0 1px 0 0;
padding:10px;
}

td+td {
text-align:center;
border:0;
}

#main img {
display:block;
margin:0 auto 20px;
}

#shelf {
width:179px;
height:139px;
background-image:url(../images/mclennan.png);
position:absolute;
top:50px;
left:30px;
}

div.sm {
width:450px;
margin:0 auto;
}

#main div.sm ul {
list-style-type:none;
background-color:#e6edf4;
padding:0;
}

div.sm ul li {
background-color:#99adc2;
padding:5px 0 5px 10px; 
}

div.sm ul li a:link,div.sm ul li a:visited {
color:#FFF;
font-weight:700;
}

div.sm ul ul {
background-color:#e6edf4;
*margin-left: -10px;
*margin-top: 10px;
}

div.sm ul ul li {
background-color:#e6edf4;
padding:5px 0 5px 10px;
margin-bottom: 0;
}

div.sm ul ul li a:link,div.sm ul ul li a:visited {
font-weight:400;
color:#000;
}

div.sm li.gr {
background-color:#97C2A1;
}

div.sm li.gr+ul,div.sm li.gr+ul li {
background-color:#E3EFE1;
}

div.sm li.rd {
background-color:#D6AD99;
}

div.sm li.rd+ul,div.sm li.rd+ul li {
background-color:#F5EAE5;
}

div.sm li.yl {
background-color:#EBD699;
}

div.sm li.yl+ul,div.sm li.yl+ul li {
background-color:#FAF5E5;
}

div.sm li.pl {
background-color:#B7B7D3;
}

div.sm li.pl+ul,div.sm li.pl+ul li {
background-color:#EDEDF4;
}

iframe {
border:1px dashed #99ADC2;
border-width:1px 0;
}

form p,form fieldset,form ol {
font-size:90%;
}

#inline-list {
margin-left:40px;
font-size:90%;
margin-bottom:10px;
}

#inline-list ul,#inline-list li {
display:inline;
margin:0;
padding:0;
}

#inline-list ul li:after {
content:" > ";
margin:0 5px;
}

#inline-list ul li.last:after {
content:" ";
}

#inline-list ul li {
*padding-right: 20px;
*margin-right: 10px;
*background:url(../images/chrome/bread.gif) right no-repeat;
}

#inline-list li.last {
background-image: none;
}

form.cmxform li.error {
border:1px solid #003456;
padding-right:30px;
background:url(../images/chrome/error.gif) 325px center no-repeat #e6edf4;
}

li.error + li.error {
border-width:0 1px 1px;
}

span.errormsg {
font-weight:700;
font-size:65%;
display:block;
}

.ri div {
background-image:url(../images/chrome/small-folder-top.png);
background-repeat:no-repeat;
height:20px;
margin:5px 10px 0;
}

.ri p {
text-align:center;
font-size:90%;
background-color:#ffc;
display:block;
margin:0 10px 10px;
padding:5px;
}

tr td,tr+tr+tr td,tr+tr+tr+tr+tr td {
background:#efefef;
}

tr+tr td,tr+tr+tr+tr td,tr+tr+tr+tr+tr+tr td {
background:#fff;
}

embed, object{
margin: 0 auto;

}