/* -- global -- */

body
{margin: 0; padding: 0; background-color: #fff}

div, span, p, li, h1, h2, h3
{font-family: helvetica, arial; line-height: 108%}

.clear {clear: both}

ul {list-style: disc}

ol {list-style: decimal}

hr {border-top: 1px solid #888;}


/* -- main block -- */

#block
{width: 100%;}

#content
{position: absolute; top: 31px; bottom: 31px; left: 281px; right: 0px;
 background-image: url(imgs/lines.jpg); background-repeat: repeat-x}

#titletext
{position: absolute; left: 32px; right: 33px; top: 8px;
font-size: 15px; color: #05a}

#blockbody
{position: absolute; left: 30px; right: 30px; top: 31px; bottom: 30px;
min-width: 300px; max-width: 550px;
padding: 20px 30px 20px 20px; border: 1px solid #a88; overflow: auto;
font-size: 12px; color: #666; background: url(imgs/gradient.jpg)}

.blockintitle
{font-size: 13px; color: #09d; /*margin: 0px 20px 3px 25px*/}

.caption
{font-size: 85%; font-weight: lighter; text-align: center; padding-bottom: 15px;}

span.caption
{font-size: 85%; font-weight: lighter; text-align: center}

span.uphigh
{font-size: 120%; font-weight: bold; }

span.upreg
{font-size: 120%; font-weight: lighter; }

.intitle
{font-size: 110%; letter-spacing: .5pt; color:#a55; font-weight: bold}

.gallery
{float:left; text-align: center}

img.gallery
{margin: 2px 8px 3px 0px; border: 1px solid #aaf; padding: 2px 2px 2px 2px; opacity: 0.6; height: 55px}

img.gallery_big
{margin: 2px 8px 3px 0px; border: 1px solid #aaf; padding: 2px 2px 2px 2px; opacity: 0.6; height: 100px}

img.general
{margin: 2px 8px 3px 0px; border: 1px solid #aaf; padding: 2px 2px 2px 2px; opacity: 0.6}

img.gallery:hover, img.general:hover
{opacity: 1.0}

img.right
{margin: 0px 0px 8px 10px; border: 1px solid #aaf; padding: 2px 2px 2px 2px; opacity: 1}

div.links
{margin: 5px 30px 15px 0px; color: #999; font-size: 95%}

span.linkstitle
{font-weight: bold; color: #d48; font-size: 115%}

hr.general
{margin: 5px 0px 5px 0px; text-align: left;}


/* -- top & bottom -- */

#header
{border-bottom: 1px solid #a55; width: 100%; height: 30px; background-color: #fff}

#footer
{position: absolute; height: 30px; width: 100%; bottom: 0px;
border-top: 1px solid #a55; font-size: 10pt; letter-spacing: 2px; color: #aac; background-color: #fff}

div.contact
{margin: 7px 0px 0px 40px; float: left}

div.keys
{margin: 7px 40px 0px 0px; float: right}



/* -- sidebar -- */

#sidebar
{background-color: #09d; background: url(imgs/jongeyer.jpg); border-right: 1px solid #000;
float:left; position: absolute; top: 31px; left: 0px; width: 280px; bottom: 31px;}

#menu
{margin: 0px 10px 0 0px; font-size: 10pt; text-align: right; color:#fea;
position: absolute; top: 200px; width: 185px; height: 250px; left: 72px; 
line-height: 14px;}

#menuback
{position: absolute; top: 200px; width: 185px; height: 250px; left: 72px; 
border-top: 1px solid #bdf; border-bottom: 1px solid #bdf; padding-right: 8px; 
background-color: #004; opacity: .6;}

#menu a:link 		{color: #eee; text-decoration: none}     /* unvisited link 	*/
#menu a:visited  	{color: #eee; text-decoration: none}  	/* visited link    */
#menu a:hover 		{color: #fda; text-decoration: none}   /* mouse over link */
#menu a:active 		{color: #eee; text-decoration: none}  /* selected link   */


#homelink
{
	position: absolute; 
	top: 450px; 
	width: 185px; 
	height: 30px; 
	left: 72px;
	
	margin: 9px 10px 0 0px; 
	font-size: 10pt; 
	text-align: right; 
	color: #eee;
}

#homelink a:link 		{color: #eee; text-decoration: none}     /* unvisited link 	*/
#homelink a:visited  	{color: #eee; text-decoration: none}  	/* visited link    */
#homelink a:hover 		{color: #fda; text-decoration: none}   /* mouse over link */
#homelink a:active 		{color: #eee; text-decoration: none}  /* selected link   */

#homelinkback
{position: absolute; top: 450px; width: 185px; height: 30px; left: 72px; 
border-bottom: 1px solid #bdf; padding-right: 8px;
background-color: #003; opacity: .4;}


#menunotes
{margin: 120px 9px 0 0; font-size: 9pt; text-align: right; color:#000;
padding-right: 40px; position: absolute; bottom: 10px; width: 267px}



/* -- link styles -- */

a:link 		{color: #11d; text-decoration: none}     /* unvisited link  */
a:visited  	{color: #11d; text-decoration: none}  	/* visited link    */
a:hover 	{color: #66f; text-decoration: none}   /* mouse over link */
a:active 	{color: #11d; text-decoration: none}  /* selected link   */