body {
background-color: #ffffff;
padding: 10px 0 0 63px;
font: small Verdana, Arial, sans-serif; text-align:right;
}

#thumbnailsContainer {
width: 225px;
margin: 0 20px 20px 0;
padding: 30px 0 20px 10px;
background-color: #433B53;
border: 1px solid #d8d8d8;
float: left;
}
#thumbnails {
width: 225px;
}
#thumbnails img {
float: left;
border: 1px solid #888888;
margin: 0 10px 10px 0;
}
.separator {
clear: both;
height: 0;
}

.logo {
margin: 0;
}
.logo img {
margin: 0 0 -27px -63px;
position: relative;
z-index: 2;
}

#textContainer {
width: 500px;
margin-right: 20px; float:right
}

#title {color:#433b53; margin-bottom:7px; }

h1, p {
color: #433b53;
}
h1 {
font: normal 110% Arial, sans-serif;
text-transform: uppercase;
margin: 0;
}
p {
font-size: 85%;
margin: 0 0 1em;
}


#frameBorder,#frameBackground,#displayArea {
}

#frameBorder {
width: 524px;
background-color: #433B53;
float: left;
}

#frameBackground {
padding: 10px;
}

#displayArea {
width: 500px;
}

#displayArea img {
border: 2px solid #e5e2d3;
margin-bottom: 2em;
}

#frameBorder p {
text-align: right;
font: 10px Arial, sans-serif;
color: #2b2b2b;
}

#caption, #credit {
font-weight: bold;
color: #ffffff;
}

p#closeWidget {
position: absolute;
top: 50%;
left: 50%;
margin-top: -210px;
margin-left: 210px;
width: 50px;
}
#closeWidget img {
border: 0;
margin: 0 0 -1px;
}

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


/* CSS Document */

html { text-align:left}
#top_squares {margin-left: 2px; margin-top: 4px}
#banner { margin-bottom:0px;}

body {font: 11px; margin:0px; padding:0px; color: #000000; text-align:left; 	font-family: Arial, Helvetica, sans-serif;
 }
h1 {font-size:20px; text-align:left;}
p {line-height:1.2;}


div#wording {
	padding-right: 7em;
	border-right-width:thin;
	border-right: 1px solid gray;
	font-style:normal;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0;
	margin-right: 35%;
	margin-left: 6px;
}

div#rightwords {margin: 0 ; padding: 0; float:right; width:30%; 	font-weight: normal;
	font-variant: normal;
}
div#rightwords {display:block; padding: 0px; margin:0; border-left:1px; font-size:12px}

div#rightwords A:hover {color: #877AA0; font-size:12px;}
A:link {text-decoration:none; color: #433b53}

#pages {font: 12px   Arial; margin-left: 256px; word-spacing:4px; margin-bottom: -20px }
#next {font: 12px   Arial; margin-left: 256px; word-spacing:4px; padding-right:10px; padding-bottom:10px}

#pages A:link {color: #433B53;}
#pages a:link {text-decoration: underline;}
#pages A:visited {color: #433B53;}
#pages A:active {color: #433B53;}
#pages A:hover {color: #A99999;}

#next A:link {color: #433B53;}
#next a:link {text-decoration: none;}
#next A:visited {color: #433B53;}
#next A:active {color: #433B53;}
#next A:hover {color: #A99999;}