body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
/*--*/
/* centering */
body{text-align:center;font:75% "Lucida Grande","Trebuchet MS",Verdana,sans-serif;background-color:#A00303;margin-top:30px;}
a{color:#000000;}
#container{text-align:left;margin:auto;margin-top:10px;width:800px;border:5px solid #000000;background:#eeeeee;overflow:hidden;}
h2{font-size:16px;margin-top:10px;}
#pageHeader{color:#FFFFFF;background:url(../img/header_bg.png);padding:1px 10px 10px 10px;text-align:center;height:80px;}
#animatedHeader{height:80px;}
#pageHeader h1{font-size:25px;margin-top:15px;margin-bottom:0px;padding-bottom:0px;}
#pageHeader h2{font-size:16px;margin-top:7px;padding-top:0px;font-family:Courier,serif;}
#mediaContainer h2{font-size:16px;margin-top:10px;margin-left:0px;}
#mediaContainer hr{color:#000000;background:#000000;background-color:#000000;border:0;height:1px;width:780px;margin-top:0px;padding-top:0px;}
.thinBlackHR{color:#000000;background:#000000;background-color:#000000;border:0;height:1px;width:780px;margin-top:0px;padding-top:0px;}
#navcontainer{color:#FFFFFF;background:url(../img/side_head_bg.png);padding:1px 0px 0px 0px;height:29px;overflow:hidden;}
#navcontainer a{color:#FFFFFF;}
#navcontainer a:hover{color:#FF0022;}
#navcontainer li{list-style-type:none;float:left;padding-right:30px;}
#navcontainer ul{margin:3px 0px 3px 25px;padding:0;height:10px;}
#navmenu{float:left;}
#languageSelectForm{margin-top:-2px;_margin-top:0px;}
.postFormDiv{padding-top:1px;}
.postFormDiv h2{font-size:16px;margin-top:10px;margin-left:10px;}
#lb_container{text-align:left;margin:0;padding:0;padding-bottom:40px;/*background:#f0f0f0;*/}
#content{padding:10px 10px 0px 10px;width:780px;}
#contentWrapper{overflow:hidden;}
#homeContent{margin-left:10px;}
#homeContent p{margin-bottom:10px;}
#loadingFlashSpinner{display:inline;width:16px;height:16px;clear:none;float:left;}
#loadingFeedback{display:inline;clear:none;}
#loadingContainer{display:block;margin-top:5px;margin-right:5px;padding:0;float:right;}
#loadingText{display:inline;margin-top:1px;margin-right:3px;float:left;}
.clearer{clear:both;}
.photoCollectionRow{clear:both;}
.thumbnail{width:120px;height:160px;margin-bottom:0px;}
.thumbnailContainer{width:120px;float:left;margin-right:10px;}
.thumbnailText{font-size:11px;text-align:center;width:120px;height:32px;float:left;margin:0;padding-bottom:5px;/*margin-bottom:5px;*/}
#flashcontent{padding:0;margin:0;}
/* debug */
/* ----- */
th{padding:1px 0px 5px 10px;background:#f2f2f2;color:#000000;border-bottom:1px solid #ddd;border-top:1px solid #ddd;font-weight:bold;}
th a{color:#000000;font-weight:bold;}
table tr td{border-bottom:1px solid #ddd;padding:4px 10px;vertical-align:top;width:800px;}
table tr.altrow td{background:#f2f2f2;}
.comments{overflow:hidden;}
dl{line-height:2em;margin:0em 0em;width:100%;}
dl .altrow{background:#f4f4f4;}
dt{font-weight:bold;padding-left:4px;vertical-align:top;}
dd{margin-left:10em;margin-top:-2em;vertical-align:top;}
div.paging div.disabled{color:#ddd;display:inline;}
/* Actions */
div.actions a{}
div.action{display:inline;margin-right:5px;}
div.actions{text-align:left;margin-bottom:10px;margin-top:10px;}
ul li{list-style-type:none;}
#footer{margin:auto;padding:0;text-align:center;display:inline;color:#999999;}
#footer p{text-align:center;display:block;margin:0;padding-top:2px;width:800px;background:url(../img/table_head_bg.png);}
#footer a{color:#ffffff;}
/* Forms */
form{margin-top:0;margin-left:10px;padding:0;width:95%;}
form div{border:1px solid #ddd;clear:both;margin-bottom:1em;padding:.8em 2em 1em 1.4em;vertical-align:text-top;}
form div.required{color:#333;background:#f2f2f2;font-weight:bold;}
form div.optional,form div.input{background:#f6f6f6;color:#444;}
form div.submit{border:0;clear:both;float:right;_width:100px;margin-top:5px;padding:0;}
label{display:block;font-size:14px;padding-right:20px;}
input,textarea{clear:both;display:block;font-size:14px;width:100%;}
textarea{height:100px;}
select{clear:both;font-size:14px;vertical-align:text-bottom;}
select[multiple=multiple]{width:100%;}
option{font-size:14px;padding:0 0.3em;}
input[type=checkbox]{clear:left;float:left;margin:2px 6px 7px 2px;width:auto;}
input[type=submit]{display:inline;padding:0 .4em;width:auto;vertical-align:bottom;}
/* home */
#homeBG{background:url(../img/john_session_images/John_main7.jpg) no-repeat;width:800px;height:429px;cursor:pointer;}
#homeText{font-family:Courier,serif;clear:none;position:relative;z-index:10;width:360px;left:360px;top:60px;margin:0;padding:0;}
#homeImage{padding-bottom:0px;margin-bottom:0px;padding-top:2px;margin-top:-15px;padding-right:0px;margin-right:0px;position:relative;top:3px;left:-10px;}
/*********/
.white_color{color:#ffffff;}
.black_color{color:#000000;}
/**********/
.click_button_middle a{display:inline;clear:none;color:#000000;text-decoration:none;padding:3px 4px 0px 4px;height:21px;text-shadow:#fff 2px 2px 2px;}
.click_button_middle_active a{display:inline;clear:none;color:#000000;text-decoration:none;padding:3px 4px 0px 4px;height:21px;text-shadow:#fff 2px 2px 2px;}
.click_button{display:block;cursor:pointer;height:21px;clear:both;}
.click_button_middle{background:url(../img/button_middle_21-42.png) 0 0;display:inline;height:19px;padding-top:2px;clear:none;float:left;}
.click_button_left{background:url(../img/button_left_21-42.png) 0 0 no-repeat;display:block;height:21px;width:3px;float:left;}
.click_button_right{background:url(../img/button_right_21-42.png) 0 0 no-repeat;display:block;height:21px;width:3px;float:left;}
.click_button_middle_active{background:url(../img/button_middle_21-42.png) 0 -21px;display:inline;height:19px;padding-top:2px;clear:none;float:left;}
.click_button_left_active{background:url(../img/button_left_21-42.png) 0 -21px no-repeat;display:block;height:21px;width:3px;float:left;}
.click_button_right_active{background:url(../img/button_right_21-42.png) 0 -21px no-repeat;display:block;height:21px;width:3px;float:left;}
/*********/
#lightbox{position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img{border:none;}
.lightboxIframeSafariBug{border:none;overflow:hidden;}
#lightboxIframe{border:none;overflow:hidden;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:110;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink,#nextLink{width:49%;height:100%;background:transparent url(../img/blank.gif) no-repeat;/* Trick IE into showing hover */
display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover,#prevLink:visited:hover{background:url(../img/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover,#nextLink:visited:hover{background:url(../img/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;color:#000;margin:0 auto;line-height:1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #imageHelp:before{content:'(';}
#imageData #imageHelp{display:block;clear:both;font-weight:normal;font-style:italic;}
#imageData #imageHelp:after{content:')';}
#imageData #caption{font-weight:bold;clear:both;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{height:26px;width:26px;float:right;cursor:pointer;padding-bottom:0.5em;}
#imageData #bottomNavCloseLabel{font:15px "Lucida Grande","Trebuchet MS",Verdana,sans-serif;font-variant:small-caps;float:right;cursor:pointer;clear:right;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html>body .clearfix{display:inline-block;width:100%;}
* html .clearfix{/* Hides from IE-mac \*/
height:1%;/* End hide from IE-mac */}