body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 90%;
	color: #253C82;
	margin: 12px 20px;
	padding: 0;
	text-align: center;
}

#navlist {
	width: 150px;
	background-color: #FFFFFF;
}

#navlist p {
	font-size: 1em;
}

#navlist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.1em;
}
#navlist li {
	margin: 0 0 10px 0;
}

#navlist a {
	display: block;
	padding: 2px 2px 2px 24px;
	background-color: White;
	background-image: url(../Goldsmith_Kauai_Splash/down.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}
#navlist a:link, #navlist a:visited {
	color: #0E6EB8;
	text-decoration: none;
}
#navlist a:hover, #navlist a:active {
	background-image: url(../Goldsmith_Kauai_Splash/newover.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #84BDF2;
}

#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
	background-color: White;
	background-image: url(../Goldsmith_Kauai_Splash/newover.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: White;
}

/*We used text align center on the body (for IE5). This centers
the wrapper- and all the text inside. So we set text align to
turn off centering for elements inside the wrapper DIV.
Then to center the layout for modern browsers, we set left
and right margins to "auto". Width 750px sets the overall layout width
and the width of the 2 columns, plus and padding or borders must not
exceed this value.*/


#pagewrapper {
	text-align: left;
	background-color: #FFFFFF;
	border-top: 0;
	width: 650px;
	margin: 0 auto;
}


#mainbox {
	background-image: url(../gk/bartstuff/barthz_vrule.gif);
	background-repeat: repeat-y;
	background-position: 170px 0px;
}

/*Sidebar is floated to the left side of the mainbox. Its left
and right padding (20px) is added to its width to
determine the horizontal space it occupies. Font size is set
to .75em.*/

#sidebar {
	float: right;
	width: 140px;
	margin: 0 25px 0 0;
	padding: 20px;
	font-size: 0.75em;
	background-color: #FFFFFF;
}

/*Left margin is set to clear the area occupied by the floated sidebar.*/
#maincontent {
	margin: 0 0 0 22px;
	padding: 20px 25px;
	font-size: 0.9em;
	line-height: 1.5em;
}

/*Paragraph margins are set.*/
#maincontent p {
	margin: 8px 10px 12px 10px;
}

#mainpic {
	position: absolute;
	top: 237px;
	left: 421px;
	
}


/*picture styles*/

.block100 {
	float: left;
}


/*Footer styles*/
#footer {
	padding: 10px 0 0 18px;
	font-size: .9em;
	background-color: White;
	background-image: url(../gk/bartstuff/barthz_vrule.gif);
	background-repeat: repeat-y;
	background-position: 170px 0px;
}

#footer p {
	margin: 0 0 3px 0;
}

/*Heading Styles*/
h1, h2, h3 {
	margin: 0px;
	font-size: 1.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	line-height: normal;
	font-weight: normal;
}
h2, h3 {
	margin: 30px 0 0 0;
	font-size: 1.6em;
	color: #EAC06A;
}
h3 {
	font-size: 1.4em;
}
#sidebar h3 {
	color: #666666;
}

/*the top class is applied to headings at the top of a DIV when we want
those heading to be flush with the top of the DIV. This class can be
assigned to any element to set its margin to zero.*/
.top {margin: 0;}


/*Link Styles. Applies to links except
those that are in the main menubar.*/
a:link {
	color: #A59D6B;
}
a:visited {
	color: #B5AD86;
}
a:hover, a:active, a:focus {
	color: #7E886F;
}
#sidecontent a:link {
	color: #837C50;
}
#sidecontent a:visited {
	color: #9D9660;
}
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
	color: #333333;
}
.imgleft {
}
.imgleft {
	float: left;
}