/* PAULS CSS */

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

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

html {height: 100%;
      }
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#525051;
	background-color: #666666;
      }

/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 CONTAINERS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
#page{
	width:900px;
	padding:0px;
	background-color:#F9F9F8;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #FFFFFF;
}

#header{
	padding:0px;
	margin:0px;
}
#header a {cursor:pointer;}

#content{clear:both;
	margin: 0px 0px 0px 0px;
}

#switcher div{
	display:none; 
	z-index: 100; 
	position: relative; top: 0px;
}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	GLOBAL HYPERLINK ELEMENTS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
a:link, a:visited, a:hover {
	text-decoration: none;
	cursor: pointer;
	}
a:link, a:visited {color:#A0C804; 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: 12px;
	font-weight: normal;
	margin-left: 30px;
	font-size: 10px;
	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: 10px;
	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;
}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	SUPPLEMENTRY TEXT COLOURS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
.redText {color:#FF0000;}
.greenText {color:#A0C804;}



/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	TEXT PADDING AND MARGIN
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
h1 {
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
      }
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: 10px;
	line-height: 16px;
	font-weight: normal;
}
h1 {
	display:block;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #A0C804;
	padding-bottom: 0px;
	text-transform: lowercase;
}
h2 {
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #a0c804;
	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: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #FFFFFF;
}
h6 {
	font-size: 10px;
	font-weight: bold;
	color: #A0C804;
	background-image: url(../site/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;
}
#logoContainer h1 {
	color:#FFFFFF;
	font-size:22px;
	font-weight: bold;
}
#logoContainer p {color:#FFFFFF; font-size:9px; text-align:right;}

#contentContainer {background-color:#FFFFFF;}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	DROP-SHADOW STYLING
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
.shadow_R {
	background-image: url(../site/images/shadow_right.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.shadow_B {
	background-image: url(../site/images/shadow_bttm.gif);
	background-repeat: repeat-x;
	background-position: left top;
}



/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	TABLE STYLING
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
table {
	margin: 0px;
	padding: 0px;
	border: none;
	}

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

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

#formTable td, #formTable th {border: 1px solid #FFFFFF;}
#formTable td p, #formTable th p, #formTable td h2, #formTable th h2 {padding:0px; margin: 5px 0px 2px 5px; font-size:10px;}

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

#formTable .tr1 {
	background-color:#ffffff;
} 
#formTable .tr1 p {color:#333333; margin-right:5px;}
#formTable .tr2 {
	background-color:#f0f0f0;
}
#formTable .tr2 p {color:#333333; margin-right:5px;} 

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

/* select options box padding + margin */
.selectOptions {margin: 8px 0px 5px 0px;}

.tr1 div, .tr2 div {padding:0px; margin: 5px 0px 2px 5px; font-size:10px;}
.trheader div {font-size:11px; font-weight:bold; color:#FFFFFF;}


/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	COLUMN WIDTHS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
 .c1,.c2,.c3,.c4,.bCopy,.bCopy2col,.bImage {float:left;display: inline;}
 .c1 {width:270px;}
 .c2 {
	width:450px;
}
 .c3 {width:630px;}
 .c4 {width:900px;}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	INNER BOX STYLING ELEMENTS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
.bCopy,.bCopy2col,.bImage {
	margin: 0px;
	background-color: #FFFFFF;
}

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


.bCopy2col{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 474px;
}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	bStateMap 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
.bStateMap {
	margin-top:30px;
}
.bStateMap li {
	display: block;
	list-style-type: none;
	margin-bottom: 10px;
	margin-top: 5px;
}
.bStateMap li, .bStateMap li a {
	color: #666666;
}
.bStateMap a:hover {
	color: #a0c804;
}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	bImage 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
.bImage{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.bImage p {
	padding:0px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}

.bImageFP{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.bImageFP img {
	margin: 15px 0px 0px 0px;
	padding:0px;
}


/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	FOOTER
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
#footer {
	clear:both;
	color:#FFFFFF;
	background-color: #666666;
	height: 30px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 60px;
	}
#footer ul {
	margin-left: 0px;
	padding: 4px 0px 0px 0px;
	list-style-type: none;
	position:relative;
	font-size: 9px;
	}
#footer ul li {
	margin: 0px;
	padding:0px;
	display:inline;
	}
#footer ul li a, #footer ul li a:visited {
	margin: 0px;
	padding-right:20px;
	padding-left:0px;
	float:left;
	color:#FFFFFF;
	text-decoration: none;
	}
#footer ul li a:hover { 
	color: #A0C804;
	}


/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
	GLOBAL FORM CONTROLS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
form {
	margin:0px; padding:0; 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;
	}

input, select {font-size:11px;}

option {
	color:#666666;
	background-image: url(../../global/images/graphics/mesh_cream.gif);
	background-repeat: repeat;
}

option value {
	padding: 3px;

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

textarea {
	font-size: 11px;
	margin-top: 10px;
}

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


/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	GIVE YOUR FORMS THE SPANME CLASS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
.spanMe tr, .spanMe td, .spanMe th {padding:0px 0px 5px 0px;}


/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	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: #669900;
	border-right-color: #99CC00;
	border-bottom-color: #99CC00;
	border-left-color: #669900;
	background-color: #A0C804;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-weight: normal;
}

/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  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 */