/* 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.70em;font-weight:normal;color:black;text-align:left;background:#FFF;line-height:1.2em;margin:0;padding:0}

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

.whitelink a, .nav a {color:#fff;text-decoration:underline;outline:none;font-weight:bold}
.whitelink a:link, a:visited {text-decoration:underline}
.whitelink a:hover, a:active {text-decoration:underline}
.whitelink a:hover, .nav a:hover {color:#fff;text-decoration:none}

/* IMAGES */
img {border:none}

/* HEADERS */
h1, h2, h3, h4, h5, h6 {font-weight:bold;padding:0;margin:10px 0;line-height:1.1em;color:#6C0024}	
h1 {font-size:140.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.0em}

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;width:30em;height:6em}

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

/* TABLES */
table {margin:0 0 10px 0;padding:0;border-collapse: collapse;border:1px solid #ccc}
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:0px solid #ddd}
tbody td {border-bottom:1px solid #ccc}
td {border-right: 1px solid #ccc}

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

.thgrey {background:#ddd;padding:10px;border-bottom:1px solid #ccc}
.tdgrey {background:#eee;padding:10px;border-bottom:1px solid #ccc}
.tdgreyalt {background:#e7e7e7;padding:10px;border-bottom:1px solid #ccc}

.tabred {background-color:#de5959}
.tabgreen {background-color:#59ff59}
.tabdblue {background-color:#b2d2c8}
.tablblue {background-color:#59deff}
.tabpurple {background-color:#dc66aa}
.tabaqua {background-color: #00a983}

/* 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 */
.container {margin:0;padding:0;width:920px}
.mast {background:#6C0024;color:white;padding: 10px; width:900px}
.nav {background:#3c0014;padding:5px;color:white}

.absmast {position:absolute;top:0;left:0}
.absnav {position:absolute;top:80px;left:0;width:910px}
.abslnav {position:absolute;top:120px;left:0}
.absbody {padding:120px 0 0 170px}

.navblock {height:29px;background:#ddd url(../images/bg-navigation-bar.png) repeat-x;margin-top:0px;text-align:center;font-size: 110%}
.box {border:1px solid #cdcdcd;padding:4px}

.border {border: 1px solid #ccc}
.box {border:1px solid #ccc; padding: 10px}

.boxhalf {width:343px;border:1px solid #ccc;padding:10px}
.boxthird {width:218px;border:1px solid #ccc;padding:10px}
.boxtwothird {width:468px;border:1px solid #ccc;padding:10px}
.boxfull {width:718px;border:1px solid #ccc;padding:10px}

.box45 {width:308px;border:1px solid #ccc;padding:10px}
.box55 {width:378px;border:1px solid #ccc;padding:10px}


.bghppurple {background: #650022 url(../images/bg-hp-main-promo-purple.png) repeat-x}
.bghpblue {background: #0059e8 url(../images/bg-hp-main-promo-blue.png) repeat-x}

.clickarrow {background:#6c0024 url(../images/click-arrow.png) no-repeat top right}
.clickbox {padding: 5px;background:#6c0024}

.borderr {border-right: 1px solid #ddd}

/* SITE SPECIFIC - NAVIGATION */
a.navhome {background:#F7EED5 url(../images/star.png) no-repeat 6px 4px;height:20px;display:block;text-decoration:none;padding:3px 1px 0 27px;color:black;margin-bottom:2px}
a.navhome:hover {background:#6c0024 url(../images/star.png) no-repeat 6px 4px;text-decoration:none;color:white}
a.navhomeOn {background:#6c0024 url(../images/star.png) no-repeat 6px 4px;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 */
.font70 {font-size:70%}
.font80 {font-size:80%}
.font90 {font-size:90%}
.font100 {font-size:100%}
.font110 {font-size:110%}
.font120 {font-size:120%}
.font180 {font-size:180%}

.w25px {width:25px}
.w30px {width:30px}
.w40px {width:40px}
.w50px {width:50px}
.w52px {width:52px}
.w55px {width:55px}
.w75px {width:75px}
.w80px {width:80px}
.w130px {width:130px}
.w150px {width:150px}
.w160px {width:160px}
.w238px {width:238px}
.w248px {width:248px}
.w330px {width:330px}
.w363px {width:363px}
.w400px {width:400px}
.w478px {width:478px}
.w490px {width:490px}
.w738px {width:738px}
.w740px {width:740px}

.w32pc {width:32%}
.w49pc {width:49%}
.w48pc {width:48%}

.h100px {height:100px}

/* 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}
.padt20 {padding-top:20px}

.padr5 {padding-right:5px}
.padr20 {padding-right:20px}

.padl10 {padding-left:10px}
.padl165 {padding-left:165px}

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

/* BG COLOURS */
.bggrey	{background:#333}
.bgwhite {background:white}
.bgpurple {background:#6c0024}
.bglgrey {background:#eee}
.bgdgrey {background:#ddd}

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

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

.alignleft    {float:left}
.alignright {float:right}