/*
################ Main Layout Styles ################
*/
body {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:76%; color:#999999; margin:0; padding:0;}

#centeringContainer {width:988px; font-size:1.0em;  text-align:left; margin:0 auto; padding:0;}

.logoContainer {width:988px;}
    .logoPure {display:block; width:99px; float:left; margin-left:15px;}
    .logoOther {display:block; float:left; margin-left:15px; margin-top:30px;}

.navContentContainer {position:relative; width:988px; margin-top:15px;}
    .navContainer {position:relative; width:260px; float:left; font-size:1.4em; line-height:1.2em; margin-left:15px; margin-top:10px}
        .navSelected {color:#0E1655;}
        .mainNav {width:260px;}
        .secondNav {width:260px; margin-top:60px;}
        .pipe {width:1px; height:12px; background-image:url(../../images/pipeBg.gif); margin:0 7px 0 7px;}
        
    .contentContainer {position:relative; width:685px; float:left; margin-left:10px;}
    .paddingBio {padding-top:100px;}
    
    #mainImgFrame {position:relative; float:right; z-index:10; visibility:hidden;}
    #mainImgLoading {display:none; position:absolute; top:0; left:0; width:32px; z-index:1;}
    
	.galleryThumbNails {position:relative; width:970px; margin:0 0 0 18px;}
    .galleryThumb {position:relative; float:left; width:70px; height:70px; margin-left:2px; padding:1px 0 1px 0;}
    
  
    .galleryThumbSelected {position:relative; float:left; width:68px; height:68px; border:solid 1px #0E1655; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; margin:1px 0 1px 1px;}
	
    .galleryNext {position:absolute; display:none; top:30px; left:565px; width:60px; color:#cccccc; background-color:#0E1655; filter:alpha(opacity=80); -moz-opacity:0.8; padding:20px;}
    #getNext {position:absolute; display:none; top:30px; left:605px; width:60px; color:#cccccc; background-color:#ffffff; filter:alpha(opacity=80); -moz-opacity:0.8; padding:10px; z-index:10;}
    #getPrev {position:absolute; display:none; top:30px; left:600px; width:60px; color:#cccccc; background-color:#ffffff; filter:alpha(opacity=80); -moz-opacity:0.8; padding:10px; z-index:10;}
    .mouseOverForMainImg {position:absolute; display:block; top:0px; left:0px; width:650px; height:480px; background-color:Transparent;}

    #imageBox {position:relative; width:970px; background-color:#cfcfcf; overflow:hidden; padding:1px 0 1px 0;}
    #imageBoxInside {width: 30000px;}
    #imageBox br {clear:both;}
    
    #controls {position:relative; top:-20px; width:150px; margin-left:20px;}
    
    #controlsPrev {float:left; margin-right:5px; padding-top:4px;}
    #controlsViewAll {float:left; margin-right:5px;}
    #controlsNext {float:left; padding-top:4px;}
    
    #viewAllBox {position:relative; width:970px; background-color:#cfcfcf; padding:1px 0 1px 0;}
    .viewAllBoxHidden {display:none;}
    .viewAllBoxVisible {display:block;}

	
.footer { width:980px; margin:30px auto; font-size:11px }
.footer p { margin:0; padding:0;  }
	.footer #social { float: left; width: 460px;}
	.footer #social p { margin-right:10px; float:left; }
	.footer #social p.twitter,
	.footer #social p.blog { width:auto; }
	.footer #social p.blog a.button {display: block; text-indent: -9999px; background: url(../../images/blog.png) top center no-repeat; height:22px; width:57px; }
	.footer #social p.blog a.button:hover {background: url(../../images/blog.png) bottom center no-repeat; }
	.footer #social p.facebook {  width:auto; }
.footer p.copyright, p.copyright { float:right; }
.footer p.address,
.footer p.contact { float:right; color:#666; padding:2px 0; text-align: right; line-height: 18px; }


/* ------ cleaners ------ */
.clearBoth {display:block; clear:both; height:0; border:none; margin:0; padding:0; background:transparent;}
.clearLeft {display:block; clear:left; height:0; border:none; margin:0; padding:0; background:transparent;}
.clearRight {display:block; clear:right; height:0; border:none; margin:0; padding:0; background:transparent;}

/*
################ Generic Items ################
*/
img {border:0; padding:0;}

h1 {font-size:1.6em; color:#333333; padding:0; margin:0 0 10px 0;}
h2 {font-size:1.4em; color:#333333; padding:0; margin:0 0 10px 0;}
h3 {font-size:1.6em; color:#0E1655; padding:0; margin:0 0 10px 0;}

b {color:#333333;}

.padding5 {padding:5px;}
.padding10 {padding:10px;}
.padding20 {padding:20px;}

/*
################ Form Items ################
*/

.inputMed {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:200px; padding:2px;}
.inputMedError {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:200px; border:solid 1px #0E1655; padding:2px;}

.inputText {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:300px; height:150px; padding:2px;}
.inputTextError {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:300px; height:150px; border:solid 1px #0E1655; padding:2px;}

/*
################ Anchor Items ################
*/

a {text-decoration:none; color:#999999;}
a:hover {color:#0E1655;}
:focus { outline:0 }