body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        background-image:url(http://www.tripodproject.org/uploads/image/template/bg.gif);
        background-repeat:repeat-x;
	background-color:#4C6883;
	font-size:13px;
	line-height:1.5em;
	padding:0;
	margin:0;
}
a {
color:#2D82B8;
}
a:active, a:visited {
color:#074A8D;
}
a img {
border:0;
}
p {
margin: 0 0 12px 0;
padding:0;
}
ul {
margin:10px 0 ;
padding:0;
}
ul li {
line-height:1.5em;
}

#footer a, #footer a:active , #footer a:visited , #footer a:hover {
color:#fff;
}

#contentWrapper {
	width:770px;
	margin:0 auto;
	padding:0;
        background-color:#fff;
}
#logo {
height:100px;
width:221px;
float:left;
position:relative;
margin:0 0 0 10px;
padding:0;
border:0;
}

#banner {
height:100px;
padding:0;
margin:0;
}
#login {
width:230px;
float:right;
margin-top:15px;
}

label {
font-size:.8em;
color: #a6b6c5;
margin-right:10px;
margin-bottom: 5px;
}

div.label {
width:100px;
float:left;
text-align:right;
}

#login form .input{
width:100px;
border:1px solid  #a6b6c5;
margin-bottom: 5px;
}

.button {
background-color:#f3f7f9;
border:1px solid #a6b6c5;
}
#login form .button {
margin-left:100px;
}

#tile {
background-image:url(http://www.tripodproject.org/uploads/image/template/tile-bg.jpg);
background-repeat:no-repeat;
height:91px;
width:505px;
float:right;
margin:9px 0 8px 0;
padding:0;
}
#tile-photo{
float:right;
height:91px;
width:91px;
margin:0;
padding:0;
}
#sidebar{
	width:200px;
	float:right;
	background-color:#fff;
	background-repeat:repeat-x;
	margin:0;
	padding:0;
}

#sidebar img{
	margin:20px 0 0 10px;
}

#mainNav {
height:44px;
background-color:#F5BC32;
width:770px;
}

#mainNav ul {
 margin:0 0 0 10px;
 padding:0;
}

#mainNav li {
  float:left;
  list-style-type:none;
  margin:0;
  padding:0;
}

#mainNav li a {
  display:block;
  height:44px;
  float:left;
  text-decoration:none;
  text-indent:-5000px;
  overflow: hidden;
  outline:none;
  background-position: top left;
background-repeat: no-repeat;
}


#mainNav li a:hover, #mainNav ul li.current a {
  background-position: bottom left;
}

#mainNav li.home a{
background-image:url(http://www.tripodproject.org/uploads/image/template/nav-home-full.gif);
width:90px;
}

#mainNav li.about a {
background-image:url(http://www.tripodproject.org/uploads/image/template/nav-about-full.gif);
width:96px;
}

#mainNav li.services a {
background-image:url(http://www.tripodproject.org/uploads/image/template/nav-services-full.gif);
width:193px;
}

#mainNav li.materials a {
background-image:url(http://www.tripodproject.org/uploads/image/template/nav-materials-full.gif);
width:173px;
}

#mainNav li.events a {
background-image:url(http://www.tripodproject.org/uploads/image/template/nav-events-full.gif);
width:96px;
}

#mainNav li.contact a {
background-image:url(http://www.tripodproject.org/uploads/image/template/nav-contact-full.gif);
width:102px;
}

#secondaryNav{
	margin:10px 20px 10px -10px;
	padding:0;
}
#secondaryNav ul li {
	list-style-type:none;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #DCDCDD;
}
#secondaryNav ul li a {
	text-decoration:none;
	display:block;
	padding:5px;
	margin:0;
	color:#000;
}
#secondaryNav ul li a:hover, .on {
  background-color:#EFF3F6;
}
#pageContent {
	width:450px;
	float:right;
	margin:25px 53px 30px 25px;
}

#homeTop {
background-color: #A6B6C5;
margin:0;
padding:0;
}
#homeTopText {
padding: 42px 42px 0 42px;
width:365px;
float:left;
background-color: #A6B6C5;
color:#06498E;
font-size:1.1em;
}
#homeTopText a{
color:#FFF;
text-decoration:none;
font-weight:bold;
font-size:.9em;
}
#homeTopText a:hover{
text-decoration:underline;
}
img.homePhoto {
margin:0;
padding:0;
float:right;
position:relative;
}
#homeBottom {
padding:20px;
}
#homeBottomLeft {
float:left;
background:#F3F7F9;
border:1px solid #BED0DC;
width:468px;
margin:0 20px 20px 0;
padding:0;
}
#homeBottomLeft h2, #homeBottomRight h2 {
font-family:arial,helvetica,sans-serif;
font-size:1.3em;
margin:30px 30px 0 30px;
}
#homeBottomRight p {
margin:10px 30px 10px 30px;
}
#homeBottomLeft ul {
margin:0 30px 30px 30px;
}
#homeBottomLeft ul li {
list-style:none;
display:block;
height:40px;
background:#E1E5E8;
margin-top:10px;
}
#homeBottomLeft ul li a {
color:#06498E;
text-decoration:none;
font-weight:bold;
display:block;
margin:10px;
padding:10px;
}
#homeBottomMiddle {
float:left;
width:210px;
height:300px;
margin:0 20px;
padding:0;
}
#homeBottomRight {
float:left;
width:238px;
margin:0;
padding:0 0 30px 0;
border:1px solid #BED0DC;
}

#footer {
	width:730px;
	background-color:#BED0DC;
	color:#000;
	font-size:.8em;
	text-align:center;
	padding:10px 10px 10px 30px;
}
h2 {
	font-size:1.6em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3em;
	color:#2D82B8;
	margin-top:10px;
        padding:0;
}
h3 {
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	margin:15px 0 5px 0;
	color:#E08F1A;
        padding:0;
}
h4 {
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0 5px 0;
        padding:0;
}
h5 {
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0 5px  0;
        padding:0;
}
p {
line-height:1.3em;
margin:5px 0;
padding:0;
}
ul {
margin:0 0 5px 20px;
padding:0;
}
li {
margin:0;
padding:0;
line-height:1.3em;
}
.colLeft {
float:left;
width:220px;
}
.colRight {
width:220px;
float:left;
margin-left:20px;
}

hr {
clear:both;
border:1px solid #ccc;
margin:20px 10px;
        padding:0;
}


#feature {
background-color:#F5F5F5;
width: 410px;
padding:15px 30px;
margin:20px 0;
}
#feature p{
font-size:.9em;
}

#map {
float:right;
position:relative;
margin:0 0 20px 20px;
}
#map img{
padding:5px;
border:1px solid #ccc;
}
#sponsors{
	margin:0 10px 10px 10px;
	padding:10px;
	background-color:#fff;
	border:1px solid #ccc;
}
#sponsors img{
	border:0;
	margin:10px 0;
}
#sponsors h3{
	margin-top:0;
}

ul.colLeft, ul.colRight {
width:220px;
list-style-type:none;
margin:0 0 15px 0;
padding:0;
}
ul.colLeft {
float:left;
}
ul.colRight {
float:right;
}

ul.colLeft li, ul.colRight li{
border-bottom: 1px solid #ccc;
padding:5px 0;
}
ul.colLeft li a,  ul.colRight li a{
text-decoration:none;
}
ul.colLeft li a:hover,  ul.colRight li a:hover {
text-decoration:underline;
}
.right{
float:right;
position:relative;
}

.clear {
	clear:both;
	margin:0;
	padding:0;
	font-size:0px;
	height:0px;
	width:0px;
line-height:0px;
}

img.left {
float:left;
position:relative;
margin:15px 15px 15px 0;
}