body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .70em;
    color: #CCCCCC;	
    text-align: left;
    margin: 0px;
    background-color: #1A1818;
    background-image: none; background-repeat: no-repeat; background-position: 0 0;
}

body.col-SM div#subcol { width: 250px; overflow-y: hidden }
body.col-SM div#description { max-height: 360px; overflow-y: auto; padding-right: 12px; margin: 12px 0px 12px 0px; }
/* body.col-SM div#description { padding-right: 12px; margin: 12px 0px 12px 0px; } */
/* body.col-SM div#maincol { width: 630px; overflow-y: hidden; overflow-x: hidden; } */
/* body.col-SM div#wrap { width: 910px; overflow-x: visible; } */
body.col-SM div#maincol { width: 630px; overflow: visible; }
body.col-SM div#wrap { width: 910px; overflow: visible; }

body.col-popup div#subcol { width: 0px; }
/* body.col-popup div#maincol { width: 1100px; overflow-x: hidden; } */
body.col-popup div#maincol { width: 1100px; }
body.col-popup div#wrap { width: 1200px; }

#uberContainer {
    text-align: left;	
    margin: 20px 0px 40px 30px;
    width: 910px;
}

#uberContainerPopup {
    text-align: left;	
    /*	margin: 20px 0px 40px 30px; */
    margin: 0px 0px 0px 30px;
    width: 1044px;
}

#spinner {
    border: 1px solid #666666;
    margin: 0px;
    padding: 0px;
    height: 450px;
    width: 600px;
    vertical-align: middle;
}

.clear {
    clear: both;
}

.clearing {
    clear: both;
    line-height: 0;
    height: 0;
    font-size: 1px;
}

.hide {
    display: none;
}

img, .photoImg, .popupImg .popupImgNext {
    border: 1px solid #666666;
    margin: 0px;
    padding: 0px;
    display: block;
/*The block command causes problems with image alignment in gallery but without it caption borders don't align properly.*/
}

.photoImg {
    cursor:-moz-zoom-in;
}


.popupImg .popupImgNext {
    cursor:-moz-zoom-out;
}

@media print {
    .popupImgNext {
	page-break-before: always;
    }
    .imageDescriptionDiv {
	page-break-before: always;
    }
    .pbreak {
	page-break-before: always;
    }
}

div#headertop img {
    border: 0;
    position: absolute;
    left: 0px;
    top: 0px;
}

div#headertop h1 {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 1.3em;
    font-family: Arial, Helvetica, sans-serif;
}

div#headertop {
    width: 910px;
    height: 35px;
    position: relative;		
    border-bottom: 1px solid #666666;
}

div#headertoppopup {
    width: 1044px;
    height: 35px;
    position: relative;		
    border-bottom: 1px solid #666666;
}

div#details {
    width: 512px;
}

div#detailspopup {
    width: 512px;
}

div#header {
    margin-bottom: 50px;
    position: relative;		
}

div#headerpopup {
    position: relative;		
}

/* SUBCOL */

#subcolContent {
    margin: 0px 0px 40px 0px;
    padding: 0;
    color: #CCCCCC;
}	

#subcolContent p {
    
}

#subcolContent h2 {
    margin-bottom: 10px;
}


/* table */
table.td table.th {
    vertical-align: top;
}

table.info {
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    margin-bottom: 12px;
}

table.info td, table.info th  {
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    padding: 2px;
    color:#CCCCCC;
}

table#contactform td, table#contactform th {
    padding: 2px;
}


/* form fields */
input.inputField, textarea.inputField {
    border: 1px solid #666666;
}
input.buttonHi, input.button {
    border: 1px solid #666666;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

input.buttonHi {
    /*	color:#666666; */
    /*	background-color:#1A1818; */
    color:#FFFFFF;
    background-color:#666666;
}

input.button {
    color:#1A1818;
    background-color:#666666;
}

input#galleryCode {
    margin-right: 8px;
    margin-top: 0px;
}

input#gallerySubmit {

}

/* MAINCOL */

#maincolContent {
    margin: 0px 0px 40px 0px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    height: 320px;
}

html>body 	#maincolContent {
    height: auto;
    min-height: 320px;
}


#maincolContent ul a {
    display: block;
}

/* Guestbook */

div.guestbook {
    width: 80%;
}

/* Articles */

.article {
    margin-bottom: 12px;
}

/* Links */
.linkentry {
    margin-bottom: 12px;
    padding-left: 12px;
}

.linkentry h3 {
    color:#FFFFFF;
    margin-top: 8px;
    margin-bottom: 4px
}

.linkentry p {
    margin-top: 0px;
    margin-bottom: 2px
}

.linkentry p span {
    font-weight: bold;
    width: 50px;
    color:#FFFFFF;
}

/* TITLES */

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    text-transform: uppercase;
    letter-spacing: 15px;
    text-align: left;
    color: #FFFFFF;
    padding: 0px;
}

h1.popup {
    letter-spacing: 4px;
}

h2 {
    text-transform: uppercase;
    letter-spacing: 4px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    padding: 0 0 5px 0;
    color: #FFFFFF;
}

h3 {
    margin: 5px 0 5px 0;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;	
}

h3.newslink {
    text-transform: none;
}

#subcol h3 {
    color: #FFFFFF;
    margin: 0 0 5px 0;
    /*font-size: 0.9em;*/
    text-transform: uppercase;
    font-weight: normal;	
}

/* TEXT LINKS */

a {
    color: #999999;
    text-decoration: none;
    font-size: 1.0em;
}
a.hover {
    color: #FFFFFF;
}

a.previous {
    border-left: 1px solid #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    text-transform: uppercase;
    margin: 0 40px 2px 0;
    padding: 0 0 0 5px;
}

a.next {
    border-right: 1px solid #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    text-transform: uppercase;
    margin: 0 0 2px 0;
    padding: 0 5px 0 0;
}

/* LISTS */

ul#mainNav {
    position: relative;
    list-style-type: none;
    margin: 12px 0 0px 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

ul#mainNav li {
    display: inline;
    margin: 0;
    padding: 0;
}

ul#mainNav a {
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0 8px 0 12px;
    border-left: 1px solid #666666;
}


ul#mainNav li.start a{
    border-left: 0px;
    padding-left: 1px;
    
}

ul#mainNav a.highlight {
    color: #FFFFFF;
}

ul#mainNav li.highlight {
    color: #FFFFFF;
}

ul#subNav {
    list-style-type: none;
    margin: 12px 0 0px 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    position: absolute; 
    top: 1em; 
    left: 6.5em; 
    width: 910px;
}

ul#subNav li {
    display: inline;
    margin: 0;
    padding: 0 8px 0 13px;
    border-left: 1px solid #666666;
}

ul#subNav li.first {
    padding: 0 8px 0 0px;
    border: 0px;
}

ul#subNav a {
    text-transform: uppercase;
    letter-spacing: 1px;
    border-left: 0;
    padding: 0 0 2px 0;
    margin-right: 5px;
    color: #999999;
}

ul#subNav a.hover {
    color: #FFFFFF;
}

ul#subNav a.highlight {
    color: #FFFFFF;
}

/* GALLERY */

/* photo galleries */
div.crop {
    height: 99px;
    width: 132px;
    overflow: hidden;
}

table.galleryImages td {
    text-align: center;
    vertical-align: top;
    width: 132px;
}

table.galleryImages td.galleryPhoto {
    padding: 4px;
    overflow: hidden;
    width: 132px;
    text-align: left;
}

table.galleryImages td.galleryCaption, table.galleryImages td.galleryName {
    text-align: left;
    vertical-align: top;
}

table.galleryImages td.first {
    padding-left: 0px;
}

table.galleryImages td.last {
    padding-right: 0px;
}

table.galleryImages td h3 {
    margin: 0px;
    padding: 2px;
}


table.galleryImages td.galleryPhoto img {
    margin-top: 0px;
    margin-bottom: 0px;
    background:#ffffff;
}
table.galleryImages tr.first td.galleryPhoto img {
    margin-top: 0;
}



table.galleryImages h3 {
    
    border-left: 1px solid #666666;
    
    margin: 0px;
    padding: 0px;
    /*padding-top: 0px;
      padding-left: 5px;
      margin-top: 0px;
      margin-bottom: 0px;*/
    font-weight: normal;
    text-transform: uppercase;
    font-family: Verdana, Arial, Helvetica, sans-serif;;
    /*font-size: 0.9em;  This doesn't work for some reason on IE; need to hard wire pixel size (???)*/
    font-size: 10px;
    text-align: left;
    display: block;
}

/* Photo */
p#imageTitle {
    font-weight: bold;
}

p#imageTitle .blank {
    display: none;
}

div#imageDetails h3 {
    float: left;
    margin: 0 0 5px 0;
    font-size: 0.9em;
    font-weight: normal;
    text-transform: uppercase;
}

p.imageinfo, div.imageinfo {
    margin-bottom: 2px;
    margin-top: 2px;
    margin-left: 0px;
    padding: 0px;
    
}

p.imageinfo strong {
    display: inline;
    width: 160px;
}


div#imageDetails div {
    margin-bottom: 12px;
}


/* image details */
#imagePanel {
    margin: 20px 0 20px 0;
}

#imagePanel h3 {
    margin: 0 0 5px 0;
    text-transform: capitalize;
    font-weight: normal;
}

#imagePanel {
    color: #CCCCCC;
}

#imagePanel p {
    margin: 0 0 5px 0;
}

/* FOOTER */

#footer {
    margin: 0;
    padding: 0 0 10px 0;
    border-top: 1px solid #666666;
    color: #666666;
}

#footer ul {
    list-style-type: none;
    margin: 10px 0 0 0;
    padding: 0;
}

#footer li {
    display: inline;
    padding: 0 20px 0 0;
}


/* home page */
div.homepage {
    width: 630px;
}

div.homepageposition {
    border: 0;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
    
}

div.homepageposition#homepagepos2 {
    float: left;
    width: 48%;
    clear: both;
    
}
div.homepageposition#homepagepos3 {
    float: right;
    width: 48%;
}

div.homepageposition#homepagepos4 {
    clear: both;
}

div.homepageposition {
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
}

div.homepagesection {
    border: 1px solid #666666;
    margin: 0;
    padding: 2px;
    margin-bottom: 12px;
}

div.notitle {
    border: 0px;
    padding: 0px;
}

div.homepageposition h2 {
    margin: 0px;
    display: block;
    background-color:#666666;
    color:#666666;
    padding: 2px 4px 2px 4px;
    letter-spacing: 0px;
}

div.homepageposition h2 a, div.homepageposition h2 a.hover {
    color:#FFFFFF;
}

img.spinnerImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 210px;
    border: 0px;
}

img.homepageimage {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
}

div.homepagearticle {
    clear: both;
    border: 0;
    margin: 0;
    padding: 2px;
    margin-bottom: 6px;
}

div.homepagesection  p {
    padding: 2px;
}

div.homepagesection  p, div.homepagearticle p {
    margin: 0;
    margin-top: 4px;
}

/* inline images */

.ArticleImageLeft {
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    clear: both;
}

.ArticleImageRight {
    float: right;
    margin-right: 4px;
    margin-bottom: 4px;
    clear: both;
}

div#cv h4 {
    float: left;
    width: 120px;
    clear: both;
    border: 0px;
    padding: 0px;
    margin: 2px 0px 2px 0px;
}

div#cv p {
    margin-left: 120px;
    border: 0px;
    padding: 0px
}

div#cv p.normal{
    margin-left: 0px;
}


div#paypal {
    margin-top: 12px;
}

div#paypal p {
    margin-top: 2px;
    margin-bottom: 2px;
}

input#payPalAddButton, input#payPalViewButton {
    margin-top: 4px;
    float: left;
    margin-right: 2px;
}

select.paypallink {
    font-size: 11px;
    border: 1px solid #666666;
    padding: 0px;
}

div#homeLoader {
    height: 360px;
    width: 480px;
}

div#imagePhotoLoader {
    height: 450px;
    width: 600px;
}

/** 
 * While we're having the loading class set.
 * Removing it, will remove the loading message
 */
div#homeLoader.loading {
    background: url(ajax-loader.gif) no-repeat center center;
}

div#imagePhotoLoader.loading {
    background: url(ajax-loader.gif) no-repeat center center;
}

.descriptionDialog {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #CCCCCC;	
    text-align: left;
    margin: 0px;
    background-color: #1A1818;
    background-image: none; background-repeat: no-repeat; background-position: 0 0;
}

.ui-dialog-buttonpane {
    background-color: #1A1818;
}

.ui-state-default {
    color:#1A1818;
    background-color:#666666;
    border: 1px solid #666666;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

.hidden {
    display: none;
}

.inline {
    display: inline;
}