/*
//
// primary styles
// Author: DataSetGo
// Date: 2008/09/03
//
/////////////////////////////////////// */



/* Global Styles
/////////////////////////////////////// */
body {
	/* font-family: Helvetica, Arial, sans-serif;*/
	/* font-family: "Times New Roman", arial, sans-serif ;*/
	/* font-family: "Courier New", Courier, monospace;*/
	/* font-family: "Times New Roman", Times, serif; */
	/* font-family: "Trebuchet MS", Helvetica, sans-serif; */
	/* font-family: "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; */
	/* font-family: Verdana, Geneva, sans-serif; */
	/* font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif */
	font: 12px/14px "Trebuchet MS", Helvetica, sans-serif;
	background-color: #eee;
	color: #333;
	margin: 0;
	padding: 0;
}

a {
	color: #673398;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #673398;
	text-decoration: underline;
}

img {
	border: 0;
}

h1 {
	font-size: 18px;
	line-height: 20px;
	color: #333;
}

h2 {
	font-size: 16px;
	line-height: 18px;
	color: #333;
}

h3 {
	font-size: 14px;
	line-height: 16px;
	color: #333;
}

div#container {
	width: 800px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 1px solid #eee;
	border-top: 0;
	background-color: #fff;
}

div#content {
	position: relative;
	top: 0;
	left: 10px;
	width: 620px;
	float: left;
}

div#header {
	height: 157px;
	background: #673398 url('../images/backgrounds/header.png') no-repeat;
}

/* CSS Image Swap */
div#nav {
	position: relative;
	top:109px;
	left: 159px;
	margin: 0;
	padding: 0;
	width: 598px;
	height: 38px;
	background: transparent url('../images/buttons/nav.png') no-repeat;
	}

div#nav ul {margin: 0; padding: 0;}
div#nav li {margin: 0; padding: 0; list-style: none; position: absolute;}
div#nav a {height: 38px; display: block;}
div#nav span {display: none;}

li#navA {left: 0; top: 0; width: 125px;}
li#navB {left: 126px; top: 0px; width: 119px;}
li#navC {left: 245px; top: 0px; width: 133px;}
li#navD {left: 378px; top: 0px; width: 99px;}
li#navE {left: 477px; top: 0px; width: 122px;}

/* HOVER state */
li#navA a:hover {background: transparent url('../images/buttons/nav.png') 0px -38px no-repeat;}
li#navB a:hover {background: transparent url('../images/buttons/nav.png') -126px -38px no-repeat;}
li#navC a:hover {background: transparent url('../images/buttons/nav.png') -245px -38px no-repeat;}
li#navD a:hover {background: transparent url('../images/buttons/nav.png') -378px -38px no-repeat;}
li#navE a:hover {background: transparent url('../images/buttons/nav.png') -477px -38px no-repeat;}

/* ON state */
li#navA.on, #navA.on a:hover {background: transparent url('../images/buttons/nav.png') 0px -38px no-repeat;}
li#navB.on, #navB.on a:hover {background: transparent url('../images/buttons/nav.png') -126px -38px no-repeat;}
li#navC.on, #navC.on a:hover {background: transparent url('../images/buttons/nav.png') -245px -38px no-repeat;}
li#navD.on, #navC.on a:hover {background: transparent url('../images/buttons/nav.png') -378px -38px no-repeat;}
li#navE.on, #navC.on a:hover {background: transparent url('../images/buttons/nav.png') -477px -38px no-repeat;}


div#footer {
	height: 40px;
	text-align: center;
	color: #673398;
	font-size: 14px;
	margin-top: 30px;
}

br.clear {
	clear: both;
}

span.hidden {
	display: none;
}

/* common other shared elents */
 
a#homeLink {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 158px;
	height: 146px;
	float: left;
}

div#sideBar {
	position: relative;
	top: 0;
	left: 0;
	width: 159px;
	height: 252px;
	float: left;
	background: #fff url('../images/buttons/sidebar.png') no-repeat;
}

div#sideBar ul {margin: 0; padding: 0;}
div#sideBar li {margin: 0; padding: 0; list-style: none; position: absolute;}
div#sideBar a {height: 55px; width: 159px; display: block;}
div#sideBar span {display: none;}

#itemA {left: 0; top: 19px;}
#itemB {left: 0px; top: 80px;}
#itemC {left: 0px; top: 130px;}

/* ON state */
#itemA.on, #itemA a:hover, #itemA.on a:hover {background: transparent url('../images/buttons/sidebar.png') 0px -271px no-repeat;}
#itemB.on, #itemB a:hover, #itemB.on a:hover {background: transparent url('../images/buttons/sidebar.png') 0px -332px no-repeat;}
#itemC.on, #itemC a:hover, #itemC.on a:hover {background: transparent url('../images/buttons/sidebar.png') 0px -382px no-repeat;}

/* content header items */
div#contentHdr {
	height: 24px;
}
div#addThis {
	width: 200px;
	float: left;
}

div#conCon {
	float: right;
	font-size: 12px;
	font-weight: bold;
	color: #673398;
}

img.imgLeft {
	float: left;
	margin: 0;
}

img.imgRight {
	float: right;
	margin: 0;
}

/* page-specific styles
////////////////////////////////////// */

/* index.php */

ul.signatures {
	list-style-type: none;
	padding: 0;
}

/* uploadLetter.php */
form#letterUpload label {
	font-weight: bold;
	display: block;
	width: 130px;
	text-align: right;
	float: left;
	padding-right: 5px;
	margin-top: 13px;
}
form#letterUpload input {
	margin-top: 10px;
}
form#letterUpload input#submit {
	margin-left: 140px;
}

/*gallery.php */
div#supporters {
	width: 400px;
	margin-left: 40px;
}

img.download {
	float: left;
	margin-right: 5px;
}