html, body {padding:0; margin:0; height:100%;}
body{font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#333333; background-color:#262626}
h1{font-size:80px; padding:0; margin:0; text-align:center; text-shadow:1px 1px 1px #262626;}
h1 span{color:#990000}
h2{font-family:Tahoma, Arial, sans-serif; margin:15px 0 5px 0; padding:0; font-size:2em; font-weight:bold; letter-spacing:.05em; color:#990000; text-shadow:1px 1px 1px #5C5C5C;}
h3{margin:23px 0 3px 0; padding:0; font-size:1.6em; font-weight:normal; color:#990000}
h4{margin:0; padding:20px 0 5px 0; font-size:1.2em; text-transform:none; text-align:left; color:#000}
h4 a{color:#000}
h5{font-size:1.1em; font-weight:normal; margin:15px 0 0 0; padding:0; text-decoration: underline;}
h6{padding:20px 0 5px 0; margin:0; font-size:1.2em; font-weight:normal; font-style:italic; font-variant:normal; text-transform:none; text-decoration:none}
p{font-size:1.1em; margin:10px 0 5px 0; padding:2px; text-align:left; line-height:1.6em; vertical-align:middle; overflow: hidden;}
a{text-decoration:none; color:#990000}
a:visited{color:#666666}
a:hover{color:#990000; text-decoration:underline}
li{font-size:1.1em; text-align:left; line-height:1.6em; vertical-align:middle}
li li{font-size:1em}
img{padding:5px; margin:0;}
q{font-style:italic; margin:10px 0 5px 50px; padding:2px;}
code{font-size:1.2em;}
pre{width:600px; overflow:auto; display:block; background:#F3F3F3; padding:10px; margin:0 auto;}
blockquote{padding:0 10px; margin:0 30px; border: 1px dotted #990000; font-style: italic;}
object{width:620px; margin:0 auto; padding:0; border:none;}

img, object, pre{-moz-box-shadow: 2px 2px 2px #E6E6E6; -webkit-box-shadow: 2px 2px 2px #E6E6E6; box-shadow: 2px 2px 2px #E6E6E6; border:1px solid #CCCCCC;}

table{margin:5px auto; width:620px;}
tr{vertical-align:top; margin: 0; padding: 0}
td{padding:4px; border:1px solid #E5E5E5}
.header td{background:#333333; vertical-align:middle;}
.header h4{margin:0; padding:1px; text-align:center; color:#fff; font-weight:normal;}
table p{font-size:1em; margin:0; padding:2px 0 8px 0; line-height:1.3em;}

.wrapper{margin:0 auto 0 auto; width:960px}

#top{font-family:Tahoma, Arial, sans-serif; color:#fff;}
#top .wrapper{margin:10px auto;}

#navigation{clear:both; padding:0; background-color:#2B2B2B; border-top:1px solid #424242; height:33px;}
#nav{width:960px; margin:0 auto; padding:0; list-style:none; font-size:13px; letter-spacing:.6px}
#nav li{float:left; line-height:33px;}
#nav li a{display:block; float:left; color:#fff; padding:0; margin:0 0 0 35px; text-decoration:none; text-transform:uppercase}
#nav li a:hover{text-decoration: underline; color:#fff;}
body.home #nav .home, body.software #nav .software, body.tutorials #nav .tutorials, body.website #nav .website, body.articles #nav .articles, body.sitemap #nav .sitemap{text-decoration:underline}

#white-top{background-color:#fff; height:10px; border-bottom:2px solid #E5E5E5; clear:both}
#white-bottom{background-color:#fff; height:10px; border-top:2px solid #E5E5E5}

#middle{padding:10px 0 10px 0; background-color:#EFEFEF; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC}

#content{margin:0 auto 0 auto; width:960px; background-image:url(../images/content-middle.png); background-repeat:repeat-y; background-color:#fff}
#content-top{background-image:url(../images/content-top.png); background-repeat:no-repeat; background-color:#fff; height:22px; overflow:hidden}
#content-bottom{background-image:url(../images/content-bottom.png); background-repeat:no-repeat; background-color:#fff; height:27px; overflow:hidden; clear:both}

#left-column{margin:0 15px 0 20px; width:625px; float:left; display:inline}

#right-column{margin:10px 23px 10px 10px; width:267px; float:right; display:inline}
#right-column ul{padding:0; margin:0 0 20px 0; list-style-type:none}
#right-column li{margin:0; padding:5px; font-size:1em; line-height:1.4em; border-bottom:1px dashed #ccc; color:#000}
#right-column li li{padding:3px 0 3px 15px; border-bottom:none}
#right-column ul ul{margin:0}
#right-column a{color:#333333; text-decoration:none; display:block; font-style:italic}
#right-column a:visited{color:#666666}
#right-column a:hover{color:#990000; text-decoration: underline;}
#right-column a[href $= '.pdf']{padding-left:20px; background: transparent url(../images/acrobat.png) no-repeat scroll left top}
#right-column h2 {font-family:Arial, Helvetica, sans-serif; color:#990000; font-size:1.3em; text-align:center; margin:0; padding:5px 0; border-bottom:3px double #ccc; text-shadow:none;}
#right-column h2 a{color:#990000; font-style:normal;}
#right-column h2 a:visited{color:#990000;}
#right-column p{font-size:1em; margin:2px 0 5px 0; padding:0 0 4px 0; line-height:1.4em}

#tabs li.active a{color:#990000}

#bottom{padding:0 0 10px 0;  letter-spacing:.09em}
#bottom h5{font-size:.9em; color:#FFFFFF; text-align:center; margin:0; padding:10px 0; text-transform:uppercase; font-style:normal; clear:both; text-decoration:none}

ul.map{margin:10px 0 0 10px; padding:0; list-style:none; list-style-position: inside;}
ul.map ul{margin:0; padding:0; list-style:none; list-style-position: inside;}
.folder, .file, .pdf, .zip{line-height: 25px; background: transparent no-repeat left 3px; padding: 0 0 0 22px;}
.folder{background-image:url(../images/folder.gif)}
.file{background-image:url(../images/file.gif)}
.pdf{background-image:url(../images/pdf.gif)}
.zip{background-image:url(../images/zip.gif)}

.thumbnail{float: left; margin-right: 20px;}
.thumb{float: right; margin-left: 20px;}
.button{clear:both}
.thumbnail, .button, .thumb{-moz-box-shadow: 2px 2px 2px #E6E6E6; -webkit-box-shadow: 2px 2px 2px #E6E6E6; box-shadow: 2px 2px 2px #E6E6E6; border:1px solid #E6E6E6;}
.thumbnail img, .button img, .thumb img{-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; text-decoration:none; padding:0; border:0;}
.thumbnail a, .button a,.thumb a{display:block; padding: 5px; text-align: center;}
.thumbnail a:hover, .button a:hover, .thumb a:hover{text-decoration:none; background-color:#990000; color:#fff;}

.resources{margin:0 auto; padding:0; overflow:hidden;}
.resources dl{padding:15px 0; margin:0; clear: both;}
.resources dt{color:#990000; font-size:1.3em; text-align:left; margin:0 0 5px 0; padding:5px 0; border-bottom:3px double #ccc; font-weight:bold}
.resources dd{margin:5px; padding:0; font-size:1em; line-height:1.4em; float:left}
.resources a{padding:4px 6px; color:#000; display: block; -moz-box-shadow: 2px 2px 2px #E6E6E6; -webkit-box-shadow: 2px 2px 2px #E6E6E6; box-shadow: 2px 2px 2px #E6E6E6; border:1px solid #E6E6E6;}
.resources a:visited{color:#666;}
.resources a:hover{background:#990000; text-decoration:none; color:#fff}

body.articles h2{clear:both;}
body.articles h2 a{text-decoration:none; color:#990000}
body.articles h2 a:visited{color:#990000}
body.articles h2 a:hover{color:#990000; text-decoration:underline;}
.gsc-search-box td{padding:4px; border:none}
#blog-pager{clear:both;}
.blog-feeds, .feed-links{visibility: hidden; display: none;}
.comment-link{font-size:.8em; color:#000; margin:10px; text-transform:uppercase; font-style:normal; float:right;}
#comments{margin-top:40px}
#comments h4, .comment-form h4{color:#990000; font-size:1.3em; font-weight:normal; margin:0; padding:5px 0; border-bottom:3px double #ccc;}
#comments dl{margin:10px 0;}
#comments dt{float:left; -moz-box-shadow: 2px 2px 2px #666; -webkit-box-shadow: 2px 2px 2px #E6E6E6; box-shadow: 2px 2px 2px #E6E6E6; border:1px solid #E6E6E6; padding: 5px; text-align:center; width:75px; margin:0 20px 0 0; background-color:#990000; color:#fff;}
#comments dt a{color:#fff;}
#comments dt a:hover{text-decoration:underline;}
.comment-body{padding:0; margin:0; font-style:italic; float:left; width: 500px;}
.comment-footer{clear:both; font-size:.8em; color:#000; border-bottom:1px dashed #ccc; margin:0 0 15px 0; padding: 0 0 5px 0; text-transform:uppercase; font-style:normal; text-decoration:none; text-align: right;}
.comment-footer a{color:#000}

.clear{clear:both}
.clear-left{clear:left}
.clear-right{clear:right}
.picture-left{float:left; margin-right:10px}
.picture-right{float:right; margin-left:10px}
.centre{text-align:center;}
.underline{text-decoration:underline;}
.nostyle{-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none;}
.blue{color:blue;}
.highlight-yellow{background: #FFFF00;}
.highlight-blue{background-color: #00FFFF;}
.highlight-green {background: #00FF00;}
.highlight-orange {background: #FF9933;}
.highlight-pink {background: #FF6699;}
.highlight-gray {background: #CCCCCC;}
.highlight-purple {background: #CC99FF;}
.mono{font-family:"Courier New", Courier, monospace; color:#000}

.keyboard, .shortcut{width:568px; padding:5px; margin:10px auto; background: #666666}
.keyboard {list-style:none;}
.shortcut dl{padding:0; margin:0; width:50%; display:inline; float:left;}
.shortcut dt{padding:0; margin:0; color:#fff; font-size:1.6em;}
.keyboard{height:200px;}
.small, .backspace, .medium, .caps, .enter, .shift, .spacebar, .shortcut dd a{background:#fff; border:1px solid #333; height:32px; float:left; margin:3px 2px; color:#000; overflow:hidden; font-size: 14px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow: 1px 1px 2px #333; -webkit-box-shadow: 1px 1px 2px #333; box-shadow: 1px 1px 2px #333;}
.small, .backspace, .medium, .caps, .enter, .shift, .spacebar{padding-left:2px; display:inline; line-height:1.1em; }
.shortcut dd {padding:0; margin:0;}
.shortcut dd a{padding-left:5px; padding-right:5px; display:block; vertical-align:middle; line-height:32px;}
.small{width:30px;}
.backspace{width:66px;}
.medium{width:48px;}
.caps{width:60px;}
.enter{width:74px;}
.shift{width:86px;}
.spacebar{width:224px;}
.press, .shortcut dd a:hover{background:#990000; color:#fff; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border-color:#666; text-decoration:none}
.keyboard img{-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; padding:0; margin:0}