/* CSS Document */

a { outline:none; }

a img {outline: none;}

#outer {width:200px; height:510px; position:relative; }

#outer #content {clear:left; position:absolute; left:230px; top:10px; width:220px; z-index:10;}

body  {width: 802px; padding-left: 50%; background-color:#757485;}
 
#frame {				/*centering hack*/
width: 802px;
margin-left: -401px;
}


#back8 {					/*Background document*/
	position: absolute;
	/*background: url(../images/background_logo10.jpg) no-repeat;*/
	width: 802px;
	height: 625px;
}

#header {
position: absolute;
top: 10px;
left: 0;
z-index: 100;
}
#header a, #header a img {
outline: none;
text-decoration: none;
border-style: none;}

#sidepicture {
position: absolute;
top: 170px;
left: 332px;
width: 420px;
height: 360px;
z-index: 10;
border: 2px solid #000;}

#sidetext {
position: absolute;
top: 175px;
left: 320px;
width: 395px;
height: 350px;
z-index: 20;
padding-left: 30px;
}
#sidetext ul{
list-style-type: none;
font-family: arial, sans-serif;
font-size: 0.9em;
font-variant: small-caps;
letter-spacing: 0.1em;
font-weight: bold;
position: relative;
top: -10px;}

#sidetext ul a, #sidetext ul a:active{ 
text-decoration: none;
font-weight: bold;
color: #5E634C;

}
, #sidetext ul a:hover {
text-decoration: underline;
}

#sidetext p {
font-family: arial, sans-serif;
font-size: 0.9em;
font-variant: small-caps;
letter-spacing: 0.1em;
font-weight: bold;
}

#sidetext p a {
text-decoration: none;
font-weight: bold;
color: #5E634C;
}

#footer{
height: 12px;
text-decoration: none;
font-size: 0.6em;
font-weight: bold;
font-family: arial, sans-serif;
color: black;
margin-left: 20px;} 

#footer a, #footer a:focus {
text-decoration:none;
color: black;
}

#footer a:hover {
text-decoration:none;
color: #5E634C;}

#creditlogo {
height: 12px;
width: 18px;
position: relative;
top: -12px;
left: 242px;
z-index: 100;}

#creditlogo span {
display: none;
}


#creditlogo a:link, #creditlogo a:focus {
display: block;
width: 18px;
height: 12px;
background: url(../images/studiog-logo.jpg) top left no-repeat;
}
#creditlogo a:link.visited, #creditlogo a:link:visited, #creditlogo a:focus:visited {
display: block;
width: 18px;
height: 12px;
background: url(../images/studiog-logo.jpg) top left no-repeat;
}

#creditlogo a:link:hover {
display: block;
width: 18px;
height: 12px;
background: url(../images/studiog-logo.jpg) no-repeat;
background-position: 0 -12px;
}