html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
        background: transparent;
}

body {
	background-color: #ffffff;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
        text-align: center;
}

p {
        line-height: 20px;
        margin-bottom: 14px;
}
h1 {
	margin-bottom: .5em;
	font-size: 28px;
	font-weight: bold;
	color: #666666;
}

h2 {
	margin-bottom: .5em;
	font-size: 14px;
	font-weight: bold;
	color: #cc6600;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}
a {
	color: #cc6600;
}
a:hover {
	color: #666666;
}

hr {
border: 0;
color: #C0C0C0;
background-color: #C0C0C0;
height: 1px;
width: 100%;
text-align: left;
}

#wrapper {
	width: 840px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 12px;
        margin-top: 80px;
        text-align: left;
}
#nav {
       float: left;
       width: 350px;
}
#nav ul {
	margin: 0;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
	list-style-type:none;
	}
#nav ul li {
	padding-bottom: 6px;
	text-align: left;
	display: block;
	}
#nav ul.left {
	position: relative;
	padding: 0px 0px 10px 30px;
	float: left;
	border: 0px none;
	left: 0px;
	top: 10px;
}
#nav ul.right {
	position: relative;
	padding: 0px 0px 10px;
	float: right;
	border: 0px none;
	right: 60px;
	top: 10px;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
        color: #666666;
        text-decoration: none;
        display: block;
        margin: 0px;
}
#nav li a:hover {
	color: #cc6600;
}

#pubnav {
        float: right;
        width: 350px;
}
#pubnav ul {
	margin: 0;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999999;
	list-style-type:none;
	}
#pubnav ul li {
	padding-bottom: 6px;
	text-align: right;
	display: block;
	}
#pubnav li a:link, #pubnav li a:visited, #pubnav li a:active {
        color: #999999;
        text-decoration: none;
        display: block;
        margin: 0px;
}
#pubnav li a:hover {
	color: #cc6600;
}

#leftcol {
	float: left;
        padding: 20px;
	width: 350px;
}

#main {
        float: right;
        width: 428px;
}
#head {
       background: no-repeat;
       margin-top: -16px;
}
#footer {
       clear: both; 
       text-align: center; 
       font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer a {
	color: #666666;
        text-decoration: none;
}
#footer a:hover {
	color: #cc6600;
}

#album {
width:428px; 
height:363px;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0 8 0 0; 
margin:0; 
position:relative;
list-style-type:none; 
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
display: inline;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:0; 
left:0; 
visibility:hidden; 
border:0;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
float:right;
text-decoration:none; 
width:22px;
height:345px;
background-repeat:no-repeat;
background-position: bottom right;
background-color: #cc66oo;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background: transparent;
background-repeat:no-repeat;
background-position: bottom right;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background: #cc66oo;
background-repeat:no-repeat;
background-position: bottom right;
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}