/* global reset */

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, b, u, i, center, 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%;
	vertical-align: baseline;
	background: transparent;
}

body {
font-family: Arial, sans-serif;
font-size: 0.75em;
color: #333;
background-image:url(../images/background.gif);
}

img {
display: block;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/* typography */

a {
font-weight:bold;
color: #999;
text-decoration:none;
}

a:link {
font-weight:bold;
color: #999;
text-decoration:none;
}

a:hover {
color: #660066;
font-weight:bold;
text-decoration:none;
}

a.cross-link {
font-weight:bold;
color: #999;
text-decoration:none;
}

a.cross-link:link {
font-weight:bold;
color: #999;
text-decoration:none;
}

a.cross-link:hover {
color: #660066;
font-weight:bold;
text-decoration:none;
}

h1 {
font-size:3em;
color:#660066;
}

h2 {
font-size:1.8em;
font-weight: normal;
line-height: 1.2em;
color:#993366;
}

h3 {
font-size:1.8em;
font-weight: normal;
line-height: 1.2em;
color:#660066;
}

h4 {
font-size:1em;
font-weight: normal;
line-height: 1.2em;
color:#660066;
}

.darkpurple {
color:#660066;
}

.lightpurple {
color:#993366;	
}

#bottomleft p {
font-size:1.2em;
font-weight: normal;
color:#660066;
line-height: 40px;
}

#bottomright p {
font-size:1.8em;
font-weight: normal;
color:#660066;
line-height: 40px;
background:url(../images/bag.gif) no-repeat;
padding-left:45px;
}

input {
border: 1px;
border-style: solid;
border-color: #999;
padding: 3px;
text-align:left;
vertical-align:middle;
font-family: Arial, sans-serif;
color: #333;
}

.button {
border: 1px;
border-style: solid;
border-color: #999;
padding: 2px;
text-align:left;
vertical-align:middle;
font-family: Arial, sans-serif;
color: #333;
}

textarea {
border: 1px;
border-style: solid;
border-color: #999;
padding: 3px;
text-align:left;
font-family: Arial, sans-serif;
font-size:1em;
color: #333;
width: 500px;
}

.pad ul li {
padding:0px;
margin-left:-18px;
}

/* structure */

#centrewrap {
postion: relative;
margin: 0 auto;
width: 960px;
}

#clearwraptop {
postion: relative;
width: 960px;
padding: 25px 0px 5px 0px;
}

#top {
position: relative;
width: 960px;
height: 116px;
}

#whitewrap {
postion: relative;
width: 956px;
padding: 0px;
border: solid 2px #ccc;
background-color:#FFF;
}

#body {
position: relative;
width: 956px;
}

#bodythanks {
position: relative;
width: 956px;
height:560px;
}

.floatleft {
position: relative;
float: left;
width: 375px;
}

.floatright {
position: relative;
float: right;
width: 581px;
}

.pad {
padding: 14px 22px 0px 22px;
}

.borderleft {
height: 560px;
border-left: solid 2px #ccc;
}

.clear {
position: relative;
clear:both;
}


#clearwrapbottom {
postion: relative;
width: 960px;
padding: 5px 0px 20px 0px;
}

#bottomleft { 
position: relative;
float:left;
height:40px;
text-align:left;
}

#bottomright { 
position: relative;
float:right;
height:40px;
text-align:right;
}