@import url("/font/stylesheet.css");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
div#container a {color: #0295CC; outline:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

div#container ol, div#container ul {
  list-style: none;
}
div#container blockquote, div#container q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
.clr { clear:both !Important;}
.left {float:left;}
.right{ float:right !important;}
.noleft {margin-left:0px !Important;}
.noborder { border:none !important;}

div#container table {
  border-collapse: collapse;
  border-spacing: 0;
}

body div#container  {
/*  background:url(/images/bg.png) left top repeat-x #fff;*/
  font-size:13px;
  color:#464646;
  font-family:'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
}
a { text-decoration:none; color:#0295cc;}

div#container div#top {
 /* background: #fff url(/images/top.gif) no-repeat;*/
  background: #fff;
  height: 99px;
  padding: 0 16px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -moz-border-top-right-radius: 10px;
}

/* Top Nav Element to Right */

div#container div#top ul#subnav li a {
  color: #8ABC00;
  font-weight: normal;
  font-size: 0.9em;
}

/* End Top Nav Element */

div#container div#main {
/*  background: #FFF url(/images/bg-main.gif) no-repeat;*/
  background: #fff;
  padding: 20px 16px;
  padding-bottom: 0px;
}

div#container div#footer {
  background: #fff;
  margin-top: 0px;
  padding-top: 0px;
  height: 95px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
}

div#container .wrap {
  width:960px;
  margin:0 auto;
}


div#container #header {
  margin:0px 0 60px 0;
  height:105px;
  position:relative;
}

div#container #header a.logo {text-indent:-9999pt; font-size:1px; width:263px; height:79px; display:block; float:left; background:url(/images/logo.png) left top no-repeat; margin:10px 0 0 10px;}

div#container #topmenu {float:right; margin:20px 0 0 0;}
div#container #topmenu a { font-size:11px; margin-left:15px;}
div#container #topmenu a img {vertical-align:middle;}
div#container #topmenu span {color:#636363; font-size:11px;}
div#container #topmenu a.login { background:url(/images/loginbg.png) left top no-repeat; color:#5e7c8e; padding:5px 15px; }

div#container #menu {height:35px; width:685px; position:absolute; bottom:-3px; right:0px;}
div#container #menu ul {float:right;}
div#container #menu ul li {float:left; text-align:right;}
div#container #menu ul li a {display:block; padding:0px 15px; margin-left:2px; background:#e6f0f7; color:#898989; font-size:13px; height:31px; line-height:32px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; }

div#container #menu ul li a:hover { background:#fff;}
div#container #menu ul li.selected a { background:#fff;}

div#container {
  width: 960px;
  border: 1px solid #bdd3e1;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

div#container #content #sidebar {width:215px; float:left; background:url(/images/sidebarbg.png) 6px top repeat-y; padding-bottom:50px;}
div#container #content .main { float:right; width: 710px;}

div#container #content #sidebar ul li { border-bottom:1px solid #d9d9d9; width:197px; display:block;}
div#container #content #sidebar ul li a {color:#0295cc; font-size:13px; text-decoration:underline; display:block; width:180px; padding:11px 0 11px 10px;}
div#container #content #sidebar ul li a:hover { text-decoration:none;}

div#container #content #sidebar ul li.selected, div#container #content #sidebar ul li.selected ul li.selected  {background: none;}
div#container #content #sidebar ul li.selected a { color:#434242; width:217px; text-decoration:none; background:url(/images/sidebarselected.png) left top no-repeat;}

div#container div#content div#sidebar ul li:last-child { border:none !important;}

div#container #content #sidebar ul li ul li {border-bottom:none; background:url(/images/sidebararrow.png) 10px center no-repeat;}
div#container #content #sidebar ul li ul li a {font-size:12px; text-decoration:underline !important; color:#0295cc !Important; padding:5px 0 5px 25px; width:165px; background:none !important; }
div#container #content #sidebar ul li ul li a:hover { text-decoration:none !Important;}

div#container #content #sidebar ul li ul li.selected a {color:#000 !important; text-decoration:none !Important;}


div#container .heading {display:block; margin-bottom:20px; font-family:VAGRoundedStdLight;}
div#container .heading a {color:#888888; font-size:28px;}
div#container .heading h1 {color:#434242; font-size:28px; display:inline;}

div#container .main .smallbox {width:330px; height:95px; padding:5px 0; overflow:hidden; margin-right:20px; margin-bottom:30px; display:block; float:left;}
div#container .main .smallbox a {display:block; float:left; width:100px; height:99px;margin-right:15px; margin-left:5px;}
div#container .main .smallbox a img { padding:2px; width:95px; height:95px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; float:left; }

div#container .main .smallbox .text { margin-left:115px;}
div#container .main .smallbox .text a { display:block; color:#0295cc; float:none; text-decoration:underline; font-size:14px;margin:0px 0 5px 0; height:auto; width:auto;}
div#container .main .smallbox .text p {display:block; line-height:18px;}



div#container #footer {margin-top:30px; border-top:1px solid #e7e7e7; height:40px; line-height:40px; text-align:center;}
div#container #footer p { color:#7c7c7c; font-size:10px;}
div#container #footer p a { color:#7c7c7c;}
div#container div#footer ul li {font-weight: normal;}


/* turorial page */

.rightside { width:140px; float:right;}
.rightside .greybox { background:#f9f9f9; padding:13px; border:1px solid #d6d6d6; margin-bottom:15px;}
.greybox p { font-size:12px; color:#464646; line-height:16px;}
.question { margin-bottom:15px; padding:5px;}
.question a,div#container .question a {font-size:12px; color:#0295CC; text-decoration:underline;}
.question h2 { text-transform:uppercase; margin-bottom:2px; color:#333333; font-size:13px;}

.rightside .yellowbox { background:#fff9de; padding:13px; border:1px solid #e7e1ae; margin-bottom:15px;}
.yellowbox p { font-size:12px; color:#464646; line-height:16px; margin-bottom:10px;}
.yellowbox p a,div#container .yellowbox p a { text-decoration:underline; color:#0295CC;}
.yellowbox h3 { font-size:15px; color:#464646; margin-bottom:15px;}

.leftside {float:left; width:560px;}
.leftside p { color:#464646; font-size:13px; line-height:18px; margin-bottom:16px;}
.leftside p a {text-decoration:underline;}
.leftside h4 { color:#434242; font-size:24px; margin-bottom:5px;}
.leftside h5 { color:#555555; font-size:20px; margin-bottom:5px; margin-top:5px;}
.leftside img { padding:2px; border:1px solid #e3e3e3; float:left;}
.imgbotmargin {margin-bottom:15px;}
.rightten {margin-right:10px;}
img.block {display:block !important;}
.none {float:none !important;}

.video { margin-bottom:20px;}
.video img {margin-bottom:5px;}
.video span { font-size:12px; color:#464646;}
.video span a { text-decoration:underline; font-size:12px;}

.map {display:block; margin-bottom:30px; clear:both;}
img.keep { border:none !important; margin-left:50px;}

ul.topic li { display:block; margin-bottom:10px; background:url(/images/sidebararrow.png) left center no-repeat; padding-left:20px;}
ul.topic li a { text-decoration:underline;}

a:hover img {opacity:0.9;}