* {    padding: 0; margin: 0;}

h3 
{
    font-size: 140%;
    color: #009ECE;
    margin-bottom: 0;
	clear: both;
}

a 
{
    text-decoration: none;
    border-bottom: 1px dotted #009ECE;
    color: #CE0000;
}

a:hover {
    color: #9CCF31;
    border-bottom: 1px solid #CE0000;
}

legend 
{
	display: none;
}

fieldset 
{
	border: none;
}

body
{
    background-color: #ffd795;    
    font: 90%/1.5 Verdana, Tahoma, serif;
}

div#container
{
    width: 870px;
    margin: 15px auto;   
}

div#container div.header 
{
    display: block;
    margin-bottom: .75em;
    background-color: #FFF;
    border: 2px solid #FF9E00;
}

div#container div.header img
{
margin: .5em 1em;
}

div.header p
{
font-size: 9px;
text-align: center;
margin: 4px;
}

div#content-wrapper
{
	border: 2px solid #FF9E00;
	background: #FFF url('../images/pgelements/backing.gif') no-repeat 100% 100%;
}

div#content
{   
    padding: 0 .6em;    
    width: 640px;
    float: left;
}

div#content-column
{
    background: #FFF;
    padding: 0 .7em;
    float: right;
}

div#tagboard-wrapper
{
	width: 180px;
}

div#tagboard-wrapper label,
div#tagboard-wrapper dt
{
	clear: left;
	color: #9CCF31;
	font-weight: bold;
	float: left;
	font-size: 110%;
}

div#tagboard-wrapper dt
{
	font-size: 100%;	
}

div#tagboard-wrapper dd
{
margin: 0;
}

div#tagboard-wrapper dd img
{
position: relative;
margin: -.2em 0;
padding: 0;
}

div#tagboard-wrapper span#msgcharleft,  div#tagboard-wrapper span#namcharleft
{
	font-size: 90%;
	margin: .2em;
	margin-right: .6em;
	float: right;
}

div#tagboard-wrapper input,
div#tagboard-wrapper textarea
{
	background-color: #FFF;
	border: 1px solid #CE0000;
	padding: .2em;
	margin: .1em;
	width: 90%;
}

div#tagboard-wrapper input#email
{
display: none;
}

div#people-wrapper div.roll, 
div#friends-wrapper div.roll,
div#projects-wrapper div.roll,
div#tagboard-wrapper div.roll
{
    width: 305px;
    padding: .2em;
    margin: .4em 0;
    background: #FFF;
    font-size: 78%;
    border: 1px dotted #FF9E00;
}

div#tagboard-wrapper div.roll
{
	border: 1px dotted #CE0000;
}

div#content-column div#tagboard-wrapper div.roll
{
	height: auto;
	width: auto;
}

div#people-wrapper div.roll img,
div#friends-wrapper div.roll img,
div#projects-wrapper div.roll img
{
    border: 1px dotted #FF9E00;
    float: left;
    margin: .3em .75em .3em .3em;
}

div#people-wrapper div.roll ul li.bebo,
div#people-wrapper div.roll ul li.myspace
{
float: left;
margin: .5em;
}

div#people-wrapper div.roll ul li.bebo a,
div#people-wrapper div.roll ul li.myspace a
{
display: block;
width: 80px;
height: 15px;
padding: .2em 0;
}

div#people-wrapper div.roll ul li.bebo a
{
background: url('../images/pgelements/socialSites.png') no-repeat 0 -15px;
}


div#people-wrapper div.roll ul li.myspace a
{
background: url('../images/pgelements/socialSites.png') no-repeat 0 5px;
}

div#friends-wrapper div.ernie,
div#friends-wrapper div.rachel,
div#friends-wrapper div.wilson,
div#projects-wrapper div.shack,
div#projects-wrapper div.gteam
{
height: 95px;
}

div#friends-wrapper div.ernie{ background: url('../images/pgelements/friendsProjects.jpg') no-repeat 0px 0px;}
div#friends-wrapper div.rachel{ background: url('../images/pgelements/friendsProjects.jpg') no-repeat 0px -100px;}
div#friends-wrapper div.wilson{ background: url('../images/pgelements/friendsProjects.jpg') no-repeat 0px -200px;}
div#projects-wrapper div.shack{ background: url('../images/pgelements/friendsProjects.jpg') no-repeat 0px -300px;}
div#projects-wrapper div.gteam{ background: url('../images/pgelements/friendsProjects.jpg') no-repeat 0px -400px;}

div#people-wrapper div.roll ul,
div#friends-wrapper div.roll ul
{
    list-style-type: none;
}

div#people-wrapper div.roll h4 a,
div#friends-wrapper div.roll h4 a,
div#projects-wrapper div.roll h4 a
{
    color: #F7D708;
    font-size: 115%;
}

div#friends-wrapper div.roll h4,
div#projects-wrapper div.roll h4,
div#friends-wrapper div.roll ul,
div#projects-wrapper div.roll ul
{
margin-left: 110px;
list-style-type: none;
}

div#people-wrapper div.left,
div#friends-wrapper div.left,
div#projects-wrapper div.left
{
    clear: left;
    float: left;
}

div#people-wrapper div.right,
div#friends-wrapper div.right,
div#projects-wrapper div.right
{
    clear: right;
    float: right;
}

div#content-wrapper div.clear
{	
	clear: both;
    display: block;
    height: 15px;   
}

div#footer
{
    clear: both;	
	text-align: center;
	margin: .2em 0;
}

div#footer a img
{
	border: 0;
}

div#footer a 
{
	border: 0;
}