﻿/*Reset*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	}

body {
    line-height:1;
	}
	
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
	}
	
nav ul {
    list-style:none;
	}
	
blockquote, q {
    quotes:none;
	}
	
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
	}
	
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	}
	
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
	}
	
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
	}
	
del {
    text-decoration: line-through;
	}
	
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
	}
	
table {
    border-collapse:collapse;
    border-spacing:0;
	}
	
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
	}
	
input, select {
    vertical-align:middle;
	}


/*Global*/

html { }
body { background-color:#eeeeee; }


/*Headings*/

h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#000000; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }


/*Text Elements*/

p			{ color:#000000; font-size:12px; line-height:150%; }
p .left		{ margin:1.5em 1.5em 1.5em 0; padding:0; }
p .right	{ margin:1.5em 0 1.5em 1.5em; padding:0; }

a			{ }
a:link		{ color:#0000ff; }
a:visited	{ color:#00ff00; }
a:active	{ color:#000000; }
a:focus		{ color:#666666; }
a:hover		{ color:#ff0000; }

blockquote	{ color:#000000; font-size:12px; }

strong		{ font-weight:bold; }
em			{ font-style:italic; }


/*Images*/


/*Lists*/

ul			{ }
ol			{ list-style-type:decimal; }

ul li		{ color:#000000; font-size:12px; }
ol li		{ color:#000000; font-size:12px; }

dl			{ }
dt			{ }
dd			{ }


/*Tables*/

table		{ width:100%; }

tr			{ }
.odd		{ background-color:#eeeeee; }
.even		{ background-color:#ffffff; }

th			{ font-weight:bold; }
thread, th	{ background:#cccccc; }

tbody		{ }

th, td, caption	{ }
caption		{ }

tfoot		{ }
.tfooter	{ background-color:#cccccc; text-align:center; font-style:italic; }

caption		{ background:#efefef; }


/*Miscellaneous*/

sup, sub	{ line-height:0; }

abbr, acronym	{ border-bottom:lpx dotted #666666 }
address		{ }
del			{ background:#ffcece; color:#ff0000; }

code, pre	{ background-color:#ffff99; padding:2px 0px; margin:4px 25px;
				font-family:"Courier New", Courier, monospace; font-size:12px; }


/*Containers*/
#wrapper	{ width:900px; margin:0 auto; background-color:#ffffff; }
#top		{ background-color:#4a3778; width:100%; padding:20px 0; overflow:hidden; border-bottom:1px #cccccc solid; }
#logo		{ margin:0 0 0 10px; float:left; }
#socialMedia	{ float:right; margin:0 10px 0 0; }
#socialMedia p { color:#ffffff; font-size:11px; margin:4px 10px 4px 0; }
#socialMedia img { width:24px; height:24px; }
#socialMedia ul li { display:inline; }
#topnav		{ background-color:#BC80BE; clear:both; }
#topnav ul { width:100%; float:left; margin:0px; background-color:#333333; border-bottom:3px #cccccc solid; }
#topnav ul li { display:inline; }
#topnav ul li a { float:left; padding:10px 10px; }
#topnav a:link { color:#ffffff; }
#topnav a:visited { color:#ffffff; }
#topnav a:active { color:#ffffff; }
#topnav a:hover { color:#ffffff; background-color:#770000; }
#topnav a:focus { color:#ffffff; }
#banner		{ }
#banner img { width:900px; /*height:24px;*/ }
#subbanner	{ width:100%; background-color:#555555; padding:10px 0; overflow:hidden; }
#subbanner h3 { color:#ffffff; font-size:16px; text-align:center; line-height:180%  }
#content-wrapper	{ }
#leftnav	{ }
#leftside	{ }
#content	{ float:left; width:650px; padding:20px; }
#content h1 { margin:0 0 20px 0; font-size:32px; border-bottom:1px #777777 solid; padding:20px 0; }
#content h2 { margin:20px 0 0 0; }
#content p	{ margin:16px 0; line-height:120%; }
#content img { padding:8px; border:1px #888888 solid; margin:8px; }
#rightside	{ padding:20px; margin-left:675px; }
#rightside img { width:200px; height:200px; }
#rightside h2 { margin:20px 0 10px 0; }
rightside p { margin:8px 0; line-height:160%; }
#footer		{ background-color:#000000; padding:10px 0; clear:both; }
#footer p	{ text-align:center; color:#ffffff; }

#box1		{ }
#box2		{ }
#box3		{ }
#box4		{ }
#box5		{ }
#box6		{ }


/*Lyout Extra*/


/*Navigation Extra*/


/*Forms*/

form { text-align:left; margin:20px; }

label, submit, input, txtarea {
	border:0; padding:0; margin:0; background:none;
	}
	
label {
	float:left; width:150px; text-align:right; display:block;
	}
	
input, textarea {
	border:1px #333333 solid; margin-left:10px;
	}
	
input {
	width:280px; margin-bottom:16px;
	}
	
textarea {
	width:280px; height:150px; margin-bottom:16px;
	}
	
select { }

.submit {
	width:90px; height:25px; margin-left:150px; font-size:12px;
	}
	
br { clear:left; }


/*Miscellaneous*/

.copyright-text { font-size:80%; font-style:italic; color:#333333; }
.footer-text { font-size:80%; font-style:normal; color:#666666; }

.title { font-size:18px; font-weight:bold; color:#333333; }
.subtitle { font-size:14px; font-style:italic; color:#333333; }

.artist { font-size:16px; font-weight:bold; color:#333333; }
.author { font-size:14px; font-weight:bold; color:#555555; }
.editor { font-size:14px; font-style:italic; color:#555555; }

.pub-date { font-size:10px; font-style:italic; color:#555555; }
.article-date { font-size:10px; font-style:italic; color:#555555; }
.location { font-size:10px; font-style:italic; color:#555555; }

.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }

.hide { display:none; }
.block { display:block; }
.inline { display:inline; }

.first { font-weight:bold; }
.last { font-weight:bold; }
.left { font-weight:bold; text-align:left; }
.right { font-weight:bold; text-align:right; }

.added { background:#D7D7FF; }
.removed { background:#FFCECE; color:#FF0000; }
.changed { background:#FFFFBB; }


/*Success, info, notice and errer/alert boxes - from Blueprint CSS Framework */

.error, .alert, .notice, .success, .info {
	padding:0.8em; margin-bottom:1em; border:2px solid #dddddd;
	}
	
.error, .alert { background:#fbe3e4; color:#8a1f11; border-color:#fbc2c4; }

.notice { background:#fff6bf; color:#514721; border-color:#ffd324; }

.success { background:#e6efc2; color:#264409; border-color:#c6d880; }

.info { background:#d5edf8; color:#205791; border-color:#92cae4; }

.error a { color:#8a1f11; }
.alert a { color:#8a1f11; }

.notice a { color:#514721; }
.success a { color:#264409; }
.info a { color:#205791; }

