/* PAULS CSS */

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	GLOBAL ELEMENTS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/

* {border:none; padding:0px; margin:0px;}

html {height: 100%; }
body{
	font-family:"Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	color:#FFFFFF;
	background-color: #000000;
      }

/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 CONTAINERS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
#page{
	padding:0px;
	margin:auto;
	height: 100%;
	overflow: hidden;
	width: 1000px;
}


#header{
	padding:0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 3px;
}
#header a {cursor:pointer;}


#footer {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
#footer ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer ul li {
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#footer a {cursor:pointer;}

#navigation {
	margin: 0px;
	cursor: pointer;
	background-color: #4D4D4D;
	height: 20px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: doted;
	border-bottom-color: #333333;
	z-index: 99999;
}
#navigation #navMenu {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	width: 100%;
	float: left;
}
#navigation #navMMplayer {
	width: 20%;
	float: left;
}
#navigation a:link, #navigation a:visited{
	text-decoration:none;
	cursor:pointer;
	color:#FFFFFF;
}
#navigation a:hover {
	text-decoration:none;
	cursor:pointer;
	color:#000000;
}

#nav {
	z-index: 99998;		
}
#nav ul li {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 10px;
}

#containerTable {
	height:100%;

/*opacity: .4; filter: alpha(opacity=40);*/

}

#navTable {background-color: transparent;}
#navTable ul{margin-top:0px;}

#content{
	width:1000px;
	background-color:transparent;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 100%;
	padding: 0px;
	overflow: auto;
	float: none;
}


#switcher div{
	display:none; 
	z-index: 100; 
	position: relative; top: 0px;
}

#box {cursor:pointer;}

#leftcolumn, #rightcolumn {
}


/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 BACKGROUND IMAGES
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
.bkgKnight {
	background-image: url(../images/backgrounds/knight.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.bkgQ {
	background-image: url(../images/backgrounds/Q.gif);
	background-repeat: no-repeat;
	background-position: right top;
}



/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	GLOBAL HYPERLINK ELEMENTS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
a:link, a:visited, a:hover {
	text-decoration: none;
	cursor: pointer;
	}
a:link, a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover {color:#333333; text-decoration:none;}
			
			/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	LISTS STYLING
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
ul {
	margin-bottom:5px;
	margin-top: 5px;
}
ol {
	margin-bottom:5px;
	margin-top: 5px;
}
ul li {
	line-height: normal;
	font-weight: normal;
	margin-left: 30px;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

ol li {
	line-height: 12px;
	font-weight: normal;
	margin-left: 30px;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	}

.oLink {margin-top:20px; margin-bottom:5px;}
.oLink li {margin-top:0px; padding-top:0px;}

ul li ul li, ol li ol li {
	line-height: 18px;
	font-weight: normal;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	}
ol li ol li {
	list-style-type: lower-alpha;
}
.greyText {color:#666666;}
.greyText a {color:#666666;text-decoration:none;}
.greyText a:hover {color:#FFFFFF;text-decoration:none;}

.redText {color:#FF0000;}
.redText a {color:#FF0000;}
.redText a:hover {color:#CC3300;}


/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	TEXT PADDING AND MARGIN
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
h1 {
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 8px;
      }
h2,h3,h4,h5,h6 {
	padding: 0px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
      }
p {
	margin:0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	TEXT STYLING
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
p {
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
}
.mtitles{
	font-family: Futura, Arial, Helvetica, sans-serif;
	display:block;
	font-size: 18px;
	padding: 0px;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 8px;
	letter-spacing: 0.1em;
	
}
h1 {
	display:block;
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 0px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-family: Futura, Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #ffffff;
	font-style: normal;
}
h3 {
	font-size: 12px;
	line-height:15px;
	font-weight: normal;
	color: #999999;
	font-style: italic;
	text-align:right;
}
h4 {
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
}
h5 {
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #FFFFFF;
}
h6 {
	font-size: 11px;
	font-weight: bold;
	color: #A0C804;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 30px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
	display: block;
}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	CONTAINER STYLING
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
#headerContainer {
	background-color:#FFFFFF;
}

#logoContainer {
	background-color: #656263;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#containerTable {}
#contentContainer {
	height: 800px;
	overflow: auto;
}


/* TABLE IMAGE STYLING - force pad from top */
td img {display: block;}

/* Table formatting class */
#formTable {
	background-color:transparent;
	margin-right: 10px;
	margin-left: 10px;
	width: 100%;
	margin-top: 10px;
}

#formTable a {color:#525051; text-decoration:none;}
#formTable a:hover {color:#A0C804; text-decoration:none;}

#formTable td, #formTable th {
	border: none;
	margin: 0px;
	padding: 0px;
}
#formTable td p, #formTable th p, #formTable td h2, #formTable th h2 {
	padding:0px;
	margin: 5px 0px 2px 0px;
	font-size:11px;
}

/* table row background colors */
#formTable .trheader {
	background-color:transparent;
} 
#formTable .trheader p {font-size:11px; font-weight:bold; color:#FFFFFF;}

#formTable .tr1 {
	background-color:transparent;
} 
#formTable .tr1 p {
	color:#FFFFFF;
	margin-right:5px;
}
#formTable .tr2 {
	background-color:transparent;
}
#formTable .tr2 p {
	color:#FFFFFF;
	margin-right:5px;
} 

/* tablepadding + margin */
#formTable table {margin:0px 10px 10px 0px;}

/* select options box padding + margin */
.selectOptions {margin: 8px 0px 5px 0px;}
.trheader div {font-size:11px; font-weight:bold; color:#FFFFFF;}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	COLUMN WIDTHS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
 .c1,.c2,.c3,.c4,.bCopy {float:left;}
 
 .c1 {
	width:375px;
}
 .c2 {
	width:450px;
}
 .c3 {
	width:505px;
}
 .c4 {
	width:1000px;
}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	INNER BOX STYLING ELEMENTS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
.bCopy {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 100%;
}


/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
	GLOBAL FORM CONTROLS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
form {
	margin:0px;
	padding:0px;
	border:none;
	}

select, input, textarea {
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #727272;
	border-right-color: #BBBBBB;
	border-bottom-color: #A4A4A4;
	border-left-color: #BFBFBF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: transparent;
	}

input, select {
	font-size:11px;
	background-color: transparent;
	color: #e4e4e4;
	margin: 0px;
	padding: 5px;
}

option {
	color:#666666;
}

option value {
	padding: 3px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color: #666666;
}

textarea {
	font-size: 11px;
	color: #e4e4e4;
	margin: 0px;
	padding: 5px;
}

label {
	margin-top:0px;
	margin-bottom:0px;
	float: left;
	font-size: 11px;
	display: block;
	}


/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	GIVE YOUR CHECK BOXES THE CLASS checkbox
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
label.checkbox {
	float: left;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	GIVE YOUR BUTTONS THE CLASS bttn
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
input.bttn {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-color: #4C4C4C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	cursor: pointer;
}

/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  HACKS / BUGGN'
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  
*/

.stretcher{
	font-size:1px;
	clear:both;
	white-space: nowrap;
	display: block;
	margin: 0px;
	padding: 0px;
}

/*
mozilla & safari : 
IMG OBJECT
these browsers add 4px padding-bottom to
IMG and OBJECT tags. To fix, set tags to display 
as BLOCK with 0px margin, padding. 
*/

img, object {
	border:none;
	margin:0px;
	padding: 0px;
	display: block;
	}

/*all browsers : 
FLOATED DIVS
if floated divs are placed inside a div, the
wrapper div will not stretch around the floated
divs. To fix, ensure a 'block' element is placed underneath
the floated elements, to give the wrapper something to stretch
around. ensure block element includes clear:both rule.  Or you
can add this class to the lowermost floated div */
.floatClear{font-size:20px;clear:both;}		

/* ie win :
doubles the margin width of floated divs. see
http: //www.positioniseverything.net/explorer/doubled-margin.html 
to fix, add display:inline to all floated divs. 

LINK LISTS : IEWIN ADDS LINE BREAKS BETWEEN <li> TAGS. 

win IE will add line breaks between
each list item if the list item tags have a 
carriage return between them, eg:

<li>IE winsanity </li>
<li>please fix it  bill</li>

will cause the browser to render an extra br 
between the two items. To prevent this, 
write tags  as follows. <li>IE winsanity </li><li>please fix it  bill</li>

Mystery IE6 Bug: on dropdown list menus.

IE6. A background must be declared on the li a, else when a sub-menu stretches further (vertically) 
than the main menu itself, the links start to disappear before you have time to click them. 
*/

/* ////////////////////////////////////////////////////////////////////
** HAVE CREATED A NEW CSS DOCUMENT CALLED IEFIXES.CSS TO ADDRESS IE BUGS 
ATTACH TO AL PAGES.
//////////////////////////////////////////////////////////////////// */

/* End */	

img, object {
	z-index: 1;
}