@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; border:0;}
.clear{clear:both;}
.float_left{float:left; margin:0 10px 0 0;}
.left{float:left; width:380px; display:block; margin:0 0 0 20px;}
.right{float:right; display:block; width:380px; margin:0 10px 0 0;}
.block1{float:left; display:block; width:290px; position:relative;}
.block2{float:left; display:block; width:482px; padding:10px 5px 0 15px;}
.john{ display:block; position:absolute; bottom:0;}
h1{ width:760px; font-size:20px; color:#a6a6a6; display:block; line-height:21px; margin:0 0 10px 20px; border-bottom:#a1b8c5 3px solid;}
h2{ width:900px; font-size:20px; color:#a6a6a6; display:block; margin:0 auto; border-bottom:#a1b8c5 3px solid;}

body{ background:#b4b4b4 url(images/main_bg.png) repeat-x; font-family:Arial, Helvetica, sans-serif;}

#container1{ width:1024px; background:#000; margin:0 auto; border:#000 3px solid;}
#header{ width:1024px; height:136px; text-align:center;}
#nav{ width:1024px; height:18px; background:#a8a9ab;}
#content{width:1024px; float:left; background:#FFF url(images/content_bg.gif);}
#content_wide{width:1024px; float:left; background:#FFF;}
#content_center{width:1024px; float:left; background:#FFF;}
#left{width:795px; float:left; padding:25px 0 0 0; line-height:17px; font-size:13px;}
#left a,#right a,#center a{color:#2f4c5d; font-weight:bold; text-decoration:none;}
#left a:hover,#right a:hover,#center a:hover{color:#333;}
#right{width:219px; float:left; padding:25px 0 0 8px; font-size:13px; }
#center{width:1024px; float:left; padding:25px 0 0 0; background:url(images/top_long.png) no-repeat;line-height:17px; font-size:13px;}
#bottom{width:964px; height:73px; float:left; background:url(images/bottom_bg.png) no-repeat; padding:15px 30px 0 30px;}
#footer{width:1004px; height:15px; float:left; color:#FFF; font-size:10px; background:#000; text-align:right; padding:6px 20px 0 0;}
#footer a{color:#FFF; text-decoration:none;}
#footer a:hover{color:#a1b7c4;}
#factoids{width:212px; float:left; font-size:13px; padding:5px 0px 10px 0px; text-align:center; background:#cfdbe1; border:#a1b8c5 2px dotted;}

/*Form*/
#form{}
#formbox1{width:335px;height:143px;float:right;margin:20px 0 0;padding:6px;}
#form input{font-size:12px;border:solid 1px #000;width:250px;margin:2px 0 10px 10px;padding:4px 2px;font-family:Arial, Helvetica, sans-serif;}
#form input:hover{ background:#CCC;}
#form label{display:block;width:300px; color:#000; font-size:15px;}
#form .small{color:#000;font-size:9px;text-transform:uppercase;font-family:Tahoma, Geneva, sans-serif;margin:0 0 0 5px;}
#form textarea{font-size:12px;border:solid 1px #000;width:400px;margin:2px 0 10px 10px;padding:4px 2px; font-family:Arial, Helvetica, sans-serif;}
#form textarea:hover{ background:#CCC;}
#form .button{clear:both;width:100px;height:25px; cursor:pointer;background:#CCC;border:#000 1px solid;text-align:center;color:#000;font-size:11px;}
#formbox1 input,#formbox1 textarea{background:#b0b0b0;border:#000 1px solid;width:320px;margin:1px 0;}
select{border:#b0b0b0 1px solid;}

/*Slideshow*/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:1006px; margin:0px auto 100px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize { margin:0 auto; position:relative; width:600px; height:400px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:45px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:956px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/* Twitter */
#right li{ list-style:none; display:block; margin:2px 0px; padding:2px; font-size:13px;}
#right ul{ margin: 0px; padding: 0px;}