/*---------------------------------------------- GLOBAL SETTINGS */
html {
	height: 100%;
}

body {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em; /* dont control the font-size here - leave it for the 
	element you want to control. This sets the base text size to 16px */
}



/*-------------------------------------------------------- LINK */


a {
	color: #644391;
	text-decoration: none;
}

a:hover {
	color: #000;
}

/*---------------------------------------------------- HEADINGS */

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
margin:0pt;
padding:0pt;
	line-height: 1.2em;
	color: #644391;


}
h1 {
	font-size: 1.8em;
	padding: 0 0 10px 0;
}

h2 {
	font-size: 1.6em;
	padding: 0 0 8px 0;
}

h3 {
	font-size: 1.4em;
	padding: 0 0 6px 0;
}

/*-------------------------------------------------- PARAGRAPHS */

p {
	font-size: 100%;
	line-height: 1.4em;
	padding: 0 0 1.25em 0;
}


/* LISTS -------------------------------------------------------- LISTS */

ul, ol {
	padding:0 0 1.25em 2.5em;
}

/*------------------------------------------------------ LAYOUT */


#container {
	width:960px;
	margin: 0 auto; 
}
#header {
	margin:;
	padding:;
	clear:;
	height:;
}

#side-column {
	width: 160px;
	float: left;
	}

#main-column {
	width: 800px;
	float: right;
	}

#content {
	width: 520px;
	border-right: 1px solid #d8d0e3;
	float: left;
	padding: 0 10px 0 0;
}

#content-side {
	width: 260px;
	float: right;
}

#get-involved-text {
	width: 230px;
	background: url(../art/getinvolved.gif) no-repeat;
	padding: 10px 15px;
	height: 90px;
}

a#get-involved-btn {
	background: url(../art/prscbutton.gif) no-repeat;
	width: 260px;
	height: 36px;
	display: block;
	text-align: center;
	color: #fff;
	padding: 10px 0;
}

#sponsors {
	width: 130px;
	padding: 10px;
	background:#f7f7f7;
	display: block;
	margin: 20px 0 0 0;
}

#sponsors img {
	margin: 10px;
}

#nav {
	width: 100%;
	background:#dcddde;
	height: 30px;
	margin: 5px 0 20px;
}

#nav a {
	margin: 8px 30px 0 20px;
	float: left;
}

#facebook {
	padding: 0 10px;
}

/* CLASSES --------------------------------------  CLASSES */

.clear {
	clear: both;
}

.highlight {
	color: #644391;
	}

.document {
	width: 430px;
	display: block;
	background: url(../art/document.gif) no-repeat #f7f7f7;
	margin: 0 0 10px 0;
	float: left;
	display: inline;
	padding: 30px 10px 30px 80px;
	height: 30px;

}

.event {
	width: 520px;
	height: 54px;
	display: block;
	background: #f7f7f7;
	margin: 0 0 10px 0;
	float: left;
	display: inline;
}

.event img {
	float: left;
	margin: 0 10px 0 0;
	display: inline;
}

.event p{
	padding: 15px 0 0 0;
}

.contact {
	width: 500px;
	display: block;
	background: #f7f7f7;
	margin: 0 0 10px 0;
	float: left;
	display: inline;
	padding: 10px;
}

table {
	margin: 0;
}