*		{ padding: 0; margin: 0 }
body		{ background: url('../eyebg.jpg') #13063A; text-align: center; padding: 20px; font: 90% Trebuchet MS, Verdana, Arial, Helvetica; color: #fff }

a		{ color: #bae1ca; text-decoration: none }
a:hover		{ color: #e00; border-bottom: 1px solid #e00 }
a:focus,
a:active	{ outline: none }

#logo, #header, #body,
#footer, #note	{ width: 850px; background-color: #454545; padding: 5px; border: 1px solid #222; margin-bottom: 5px }

#logo		{ width: 715px; background: url('../eyelogo.jpg') #454545 10px 10px no-repeat; text-align: left; padding-left: 140px }
#logo div	{ height: 75px; display: table-cell; vertical-align: bottom; font-variant: small-caps; font-size: 150% }
#logo h1	{ display: inline; color: #8e8cff; font-weight: normal }

#header p	{ margin-bottom: 10px }
	
#body table	{ width: 850px }
#body td	{ vertical-align: top; width: 25%; padding: 4px; padding-bottom: 10px; background-color: #111 }
#body img	{ border: 1px solid #333 }
#body td div	{ margin-bottom: 20px }
#body td div a	{ color: #fff }
#body td div a:visited	{ background: #222; color: #bae1ca; font-weight: normal; padding-right: 15px; background: url(../visitedLink.gif) right no-repeat }
#body td div a:hover img{ border: 1px solid #a00 }
#body td div a:hover	{ border: 0 }

#note		{ width: 560px; background-color: #333; text-align: left; padding: 10px 150px }
#note ul	{ margin-left: 30px }

.pages		{ padding: 20px }
.pages ul	{ list-style: none }
.pages li	{ display: inline; padding: 5px 10px; margin: 3px; border: 1px dotted #777 }
.pages li:hover	{ background-color: #555 }
.pages li.p_e	{ border: 0; color: #777 }
.pages li.p_d	{ color: #777 }
.pages li.p_a	{ background-color: #555; color: #faa }
.pages a	{ color: #eee }
.pages a:hover	{ color: #faa; border: 0 }
.pages li.p_e:hover,
.pages li.p_d:hover	{ background: none }