/* RESET - Yahoo CSS Reset http://developer.yahoo.com/yui/reset/#code */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0} 
table {border-collapse:collapse;border-spacing:0}
fieldset,img,abbr,acronym {border:0}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal}
ol, ul {list-style:none}
caption,th {text-align:left}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal}
q:before, q:after {content:''}
	
/* HTML / Body */
html, body {margin:0;padding:0}
body {font-family:Arial, Helvetica, sans-serif;font-size:0.85em;font-weight:normal;color:#ddd;text-align:left;background: #1a1a1a url(../images/bg-body.png) repeat-x;line-height:1.3em;margin:0;padding:0}

/* ANCHORS */
a {color:#f8991c;text-decoration:underline;outline:none}
a:link, a:visited {text-decoration:underline}
a:hover, a:active {text-decoration:underline}
a:hover {color:#cb7e19}

/* IMAGES */
img {border:none}

/* HEADERS */
h1, h2, h3, h4, h5, h6 {font-weight:bold;padding:0;margin:10px 0;line-height:1.1em;color:#fff}	
h1 {font-size:138.5%;margin:0 0 10px 0}
h2 {font-size:123.1%}
h3 {font-size:123.1%}
h4, h5, h6 {font-size:100%}

/* LISTS */
ol, ul {list-style-position:outside;padding:0 0 0 2.5em}

ol {list-style:decimal}
ul {list-style:square}

dt {font-weight:bold}
dd, li {padding:0;margin:0 0 10px}

/* FORMS */
form {padding:0;margin:0 0 10px}
fieldset {padding:0;margin:0;border:0}
legend {font-weight:bold;margin:0;padding:0 0 10px;color:#000}
label {margin:0 10px 0 0}

input, select {margin:0 10px 0 0;font-size:1em}
optgroup {font-style:normal;font-weight:bold;margin:10px 0 0;color:#CCC}
option {padding:0 10px;color:#000}

textarea {display:block;margin:10px 0 0;font-size:100%}

button {font-size:1em}
input, textarea {font-family:Arial, Helvetica, sans-serif}

.bginput {background:#fff url(../images/bg-input.png) repeat-x; border: none}

/* TABLES */
table {margin:0 0 10px 0;padding:0;border-collapse: collapse;border:1px solid #666}
caption {text-align:left;margin:0;padding: 0 0 10px 10px}
thead th, thead td {border-bottom:1px solid #666;border-right:1px solid #666;background:#FFF;color:#000;font-weight:bold}

td, th {padding:5px 10px;text-align:left;vertical-align: top}

tbody {background-color:#FFF;border:1px solid #666}
tbody td {border-bottom:1px solid #666}
td {border-right: 1px solid #666}

tfoot {font-style:italic;font-size:0.8em}
tfoot td {text-align:right;border:none}

/* TEXT */
strong {font-weight:bold}
abbr, acronym {border:none}
cite {font-style:italic}
em {font-style:italic}
dfn {font-style:normal}
code, kbd, samp {font-family:monospace}
del {text-decoration:line-through}
sub {vertical-align:sub}
sup {vertical-align:super}

/* SITE SPECIFIC - GENERAL */
p {margin:1em 0;padding:0}

address {font-style:normal;margin:0 0 10px;padding:0}
blockquote, pre {margin:0 0 10px}
blockquote {font-size:250%;color:#000;line-height:1.1em}
pre {font-family:inherit;overflow:scroll}
hr {border: none;border-bottom:1px solid #dedede;height:0;margin:10px 0;display:block;padding:0}

/* SITE SPECIFIC - BUTTONS */
span.button {display:block;margin:10px 0}
span.button a {float:left;display:block;padding:5px;color:#FFF;text-decoration:none;background:#000}
span.button a:hover {background-color:#222;text-decoration:none;color:#FFF}

/* SITE SPECIFIC - LAYOUT */
.mainbody {text-align:center;padding:0;margin:0}
.contentbody {width:780px; border:0px solid black; margin: 0 auto}
.headerarea	{width:990px;text-align:left;margin:0 auto 0 auto;padding:0}
.mainarea {background: #ffffff;width:930px;padding:15px}

.logo {margin-top:20px}

.box {border:1px solid #cdcdcd;padding:4px}
.boxtop {background: #212121 url(/images/bg-box-top.png) no-repeat; height:11px}
.boxmiddle {padding: 10px 20px; background:#212121}
.boxbottom {background: #212121 url(/images/bg-box-bottom.png) no-repeat; height:11px; margin-bottom:20px}

/* SITE SPECIFIC - NAVIGATION */
a.navhome {background:#ddd;height:20px;display: block;text-decoration:none;padding:7px 7px 2px 7px;color:black;border-right:1px solid white}
a.navhome:hover {background:#333;text-decoration:none;color:white}
a.navhomeOn {background:#333;height:20px;display:block;text-decoration:none;color:white}

a.navhomeBG {background:url(/images/file.png) repeat 0 0;width:60px;height:20px;display:block;text-decoration:none;padding-top:7px;color: white;font-weight:bold}
a.navhomeBG:hover {background:url(/images/navs.png) repeat 0 -27px;text-decoration:none}
a.navhomeBGOn {background:url(/images/navs.png) repeat 0 -27px;width:60px;height:20px;display:block;text-decoration:none;padding-top:7px;color:white;font-weight:bold}

/* SITE SPECIFIC - BASICS */
.center {text-align:center}
.right {text-align:right}
.bold {font-weight:bold}

.clear {clear:both;height:0;overflow:hidden}
.clearl {clear:left;height:0;overflow:hidden}
.clearr {clear:right; height:0;overflow:hidden}
.floatr {float:right}
.floatl {float:left}

/* SITE SPECIFIC - FONT SIZE, WIDTH & HEIGHT */
.font80 {font-size:80%}
.font100 {font-size:100%}
.font110 {font-size:110%}
.font120 {font-size:120%}
.font180 {font-size:180%}

.w25px {width:25px}
.w50px {width:50px}
.w80px {width:80px}
.w150px {width:150px}
.w220px {width:220px}
.w300px {width:300px}
.w540px {width:540px}

.h100px {height:100px}
.h70px {height:70px}

/* SITE SPECIFIC - MARGINS & PADDING */
.marg0 {margin:0}

.margt0	{margin-top:0}
.margt5	{margin-top:5px}
.margt10 {margin-top:10px}
.margt15 {margin-top:15px}
.margt20 {margin-top:20px}
	
.margb0 {margin-bottom:0}
.margb5 {margin-bottom:5px}
.margb10 {margin-bottom:10px}
.margb15 {margin-bottom:15px}
.margb20 {margin-bottom:20px}

.margr5	{margin-right:5px}
.margr10 {margin-right:10px}
.margr15 {margin-right:15px}
.margr20 {margin-right:20px}

.margl10 {margin-left:10px}

.margtb10 {margin:10px 0}
.margtb20 {margin:20px 0}

.pad0 {padding:0}
.pad5 {padding:5px}
.pad10 {padding:10px}

.padt0 {padding-top:0}
.padt5	{padding-top:5px}
.padt10	{padding-top:10px}

.padr5 {padding-right:5px}

/* F COLOURS */
.white {color:white}
.grey {color:#333}

/* BG COLOURS */
.bggrey	{background:#333}
.bgwhite {background:white}

/* BLOG ADDITIONS */
textarea#comment {width:300px;padding:5px}
.screen-reader-text {display:none}

img.alignleft, div.alignleft {float:left;margin:0 1.5em 0.5em 0}
img.alignright, div.alignright {float:right;margin:0 0 0.5em 1.5em}
img.aligncenter, div.aligncenter {text-align:center;margin:0 auto}