/* General styles */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6,
p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin: 1em 0; 
}
li, dd { 
	margin-left: 5%; 
}
fieldset { 
	padding: .5em; 
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* redo as desired */

body {
	padding: 0;
	/*margin: 0 7% 0 3%;*/
	margin: 0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;    	/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	font: 90%/135% "Myriad Web", Arial, Helvetica, sans-serif;
	color: #444;
	background-color:#000;
}


h1 {
	margin: .25em 0 0 0;
	font: normal 1.4em  California, "Times New Roman", serif;
	color: #333;
}

h2 {
	margin-top: 2em;
	margin-bottom: -.5em;
	font:  1.1em  "Myriad Web", Arial, Helvetica, sans-serif;
	color: #444;
	letter-spacing: 1px;
}

h3 {
	margin-top: 2em;
	font:  1em  "Myriad Web", Arial, Helvetica, sans-serif;
	color: #444;
	letter-spacing: 1px;
}
h3.notopmargin {
	margin-top: 0px;
}

h3 + h2 {
	margin-top: -.5em;
}	
p, ol, li{ 
	font-family: "Myriad Web", Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #333;
}
blockquote {
	font-weight: bold;
	padding: 0 4em;
	font-size: 80%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - */

/* Header styles */
#banner {
	clear:both;
	float:left;
	margin: 0 7% 0 3%;
	width:90%;
	height: 136px;
	background: #000 url(../images/banner/banner1red.jpg) repeat-x left top;
	}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	margin: 0 7% 0 3%;
	width:90%;
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colleft {
	float:left;
	width:100%;
	position:relative;
	background: #F3F3F3;
}
.col1, .col2 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
	}
/* 2 Column (right menu) settings */
.rightmenu {
	background: #F3F3F3 url(../images/misc/cornerBR.gif) no-repeat right bottom;		/* right column background colour and image */
	padding-bottom: 80px;
	}
.rightmenu .colleft {
	right:25%;			/* right column width */
	background:#F3F3F3;		/* left column background colour */
	}
.rightmenu .col1 {
	width:71%;			/* left column content width (left column width minus left and right padding) */
	margin-left: 2em;
	left:27%;			/* (right column width) plus (left column left padding) */
	}
.rightmenu .col2 {
	width: 21%;			/* right column content width (right column width minus left and right padding) */
	top: 7em;
	left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

.rightmenu .col2 h3 {
	margin-bottom: -.5em;
	margin-right: 2em;
	color: #444;
	border-bottom: 1px dotted #444;
}
/* Footer styles */
#footer {
	clear: both;
	float: left;
	width: 90%;
	
}
#footer p {
	margin: 0;
	padding: 1em 6em;
	font: .7em/170%  Verdana, Arial, sans-serif;
	color: #777;
}



/**************** CLASSES *****************/

.nav {
	margin: 0;
	padding-right: 2em;
	font-size: .9em;
	color: #880000;
}

.nav li {
	margin: .5em 1.5em;
	line-height: 1.3em;
	list-style:  url(../images/misc/bullet_nav.gif);
}

.nav + li.here {
	list-style: none;
}

.topofpage {
	margin: 1em 0 3em 0;
	font-size: 80%;
	font-weight: normal;
	color: #777;
	text-transform: normal;
}
.borderbottom {
	padding-bottom: 12px;
	border-bottom: 1px dotted #444;
}
.txtSmall {
	font-size: 90%;
}
.txtSmaller {
	font-size: 80%;
}
.txtLarge {
	font-size: 110%;
}
.imgLeft {
	float: left;
	margin: 1em 1em 1em 0;
}
img.poster{
	margin: 0 1em .5em 0;
	padding: 2px;
	background: #DDD;
	border: 1px solid #777;
}



/**************** LINKS *****************/

/* BODY LINKS */
a:link, a:visited {
	color: #880000;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #880000;
	text-decoration: underline;
}

/* NAV LINKS */
.nav a {
	padding: 0;
}
.nav a:link, .nav a:visited {
	color: #880000;
	text-decoration: none;
}
.nav a:hover, .nav a:active, .nav a:focus {
	color: #880000;
	text-decoration: underline;
}
li.here a {
	padding: 0;
}
li.here a:link, li.here a:visited, li.here a:hover, li.here a:active, li.here a:focus {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

/* FOOTER LINKS */
#footer a {
	margin: .7em;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #777;
	text-decoration: underline;
}