/* some browsers do not recognize margin-top correctly so set to 0 
      and in CSS code use padding instead */

/* Reset browser defaults */
* {margin: 0;
   padding: 0;
  }

/* ------------------------------------------- 
     Unique application defaults          
   ------------------------------------------- */
        
body                   { 
	color: #000000;    /* black for default font*/
	background: #522131 url('images/body_bg.jpg'); 
	margin: 0; font-style:normal; font-variant:normal; font-weight:normal; font-size:16px; font-family:arial, verdana, sans-serif;
	}
img {border: none;
   }

a:link, a:visited { 
	text-decoration: underline; 
	color: #000000;
	font-size: 13px;
	line-height: 20px;
	}

a:hover {
    text-decoration: none;  
	color:#ab9c5f;
	}

a:active { 
	text-decoration: underline; 
	color: #000000;
	font-size: 13px;
	line-height: 20px;
	}
	
/* -------------------------------- */
/*  Selectors, Elements, Ids        */
/* -------------------------------- */

/* need width to use relative position, need relative vs absolute position to use margin auto to center */
#container { 
	background: #ffffff repeat;
	margin: 0 auto;
	position: relative;
	width: 1000px;  
	top: 12px;
	}
	
#content {
    padding: 10px 10px 20px 30px;
	min-height: 400px;
	overflow: auto;
	}
/* used on bio, contact, shows pages */
#colwide {
    padding: 0px 10px 10px 10px;  
    width: 95%; 
    text-align: justify;
    }
    
/* used on show pages */
.boxshows {float: lft;
           width: 48%;
           background-color: #e2ddb5; 
           padding: 15px 30px 20px 30px;
           border: solid 1px #7c8d4f;
          }

/* used on home, gallery, gallery detail pages */
#column1 {
    padding: 10px 0px 10px 0px;  
    width: 70%; 
    float: left;
    text-align: justify;
    }
.box {padding: 20px 0px 0px 0px;}  
.box img.lft {float: left; clear: left; padding: 0px 10px 0px 0px;}
.box img.rt {float: right; clear: right; padding: 0px 10px 0px 0px;}
.box img.lft2 {float: left; clear: left; padding: 10px 30px 0px 10px;}

/* used on gallery pages */
.boxgal {display: inline; 
         padding: 0px 0px 0px 0px;
         }
.boxgal img.lft {padding: 0 0 0 0;
                 border: solid 1px #7c8d4f;
                 }
                 .boxgal img.lft {padding: 0 0 0 0;
                 border: solid 1px #7c8d4f;
                 } 
                 
/* used on home page */
#column2  {
    padding: 30px 8px 10px 20px;
    width: 27%; 
    float: right;
    text-align: left;
    }
.boxhome {float: left; 
          display: inline;
          background-color: #e2ddb5; 
          padding: 10px 25px 20px 30px;
          border: solid 1px #7c8d4f;
          }
.boxhome img.lft {padding: 0px 10px 0px 10px;}
.boxmsg {float: left; 
          display: inline;
          background-color: #e2ddb5; 
          padding: 10px 35px 10px 25px;
          border: solid 1px #7c8d4f;
          }
.boxmsg img.lft {float: left; clear: left; padding: 0px 0px 0px 20px;}

#column2g  {
    padding: 0 0 0 0;
    width: 24%; 
    position: absolute;
    top: 60px;
    bottom: 40px;
    right: 25px;
    background-color: #e2ddb5;
    border: solid 1px #7c8d4f;
    }
/* used on gallery detail pages with boxside */
#column2d  {
    padding: 0 0 0 0;
    width: 26%; 
    position: absolute;
    top: 60px;
    bottom: 40px;
    right: 25px;
    background-color: #e2ddb5;
    border: solid 1px #7c8d4f;
    }
.boxside {float: left; 
          padding: 60px 40px 20px 60px;
          text-align: left;
          position: relative;
          }
.boxside a.selected { 
	                 text-decoration: none;
	                 color: #5d5d5d;
	                }
.navn {padding: 60px 0 0 0;}
.navp {padding: 10px 0 0 0;}
	
/* need width to use relative position, need relative vs absolute position to use margin auto to center */
#footer { 
    font-family: arial, helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal;
    margin: 0 auto;
  	padding: 10px 0 30px 0;  
	width: 1000px;
	color: #faf0e6;
	position: relative;
	top: 20px;
	clear: both;
	}
	
#footer #ftr1 {float: left; padding-left: 8px;}
#footer #ftr2 {float: right; padding-right: 8px;}

/* included text in header because text alone has jagged edges */ 
/* need width to use relative position, need relative vs absolute position to use margin auto to center */

#header_home {
    background: url('images/header_bg_text.jpg') no-repeat;
    margin: 0 auto;
    width: 1000px;
    position: relative;
	top: 10px; 
	height: 180px;  
	}

/* green yellow - sidebar titles */ 		   			
h2 { 
	font: bold 15px arial, verdana, sans-serif; 
	padding: 10px 0 5px 0;
	color: #7c8d4f;
	}

/* black - homemsg header */          
h4 { 
	font: 28px "bookman old style", arial, verdana, sans-serif; 
	padding: 0 0 0 0;
	color: #000000;        
	}

/* black - gallery and gallery detail header*/        
h5 { 
	font: 24px "times new roman", arial, verdana, sans-serif; 
	padding: 0 0 12px 0;
	text-align: left;
	color: #000000;        
	}

/* black - gallery and gallery detail header*/        
h6 { 
	font: 16px "times new roman", arial, verdana, sans-serif; 
	padding: 0 0 8px 0;
	text-align: left;
	color: #000000;        
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

/* need width to use relative position, need relative vs absolute position to use margin auto to center */
#navigation_bg {
    background: #000000 repeat;
	margin: 0 auto;
	position: relative;
	width: 1000px;  
	top: 10px;
	height: 40px;  
	}

/* need width to use relative position, need relative vs absolute position to use margin auto to center */
#navigation {margin: 0 auto;
             position: relative;
             top: 0px;
             width: 1000px;
             padding: 13px 0px 14px 0px;
             }
             
#navigation ul {
          padding: 0px 0px 0px 0px;
             }

#navigation ul li {
          display: inline;
      }    
#navigation ul li a {
          text-decoration: none;
          padding: 15px 15px 16px 15px;
          color: #ffffff;
          font-size: 12px;
          font-weight: bold;
          }
#navigation ul li a:hover {
          text-decoration: none;
          background-color:#e2ddb5;
          color:#000000;
          }

p { font: 14px arial, verdana, sans-serif; 
    color: #000000;
    line-height: 20px;
    margin-bottom: 14px;
	padding: 0 0 0 0; 
	}
/* puts next and prev line on bottom of sidebar column */
p.botn {float: right;
	    position: absolute;
	    bottom: 80px;
	    right: 80px;
	   }
p.botp {float: right;
	    position: absolute;
	    bottom: 40px;
	    right: 80px;
	   }
	
p.ss {margin-bottom: 0px;}

/* -------------------------------- */
/*          classess                */
/* -------------------------------- */
.bold {font-weight: bold;}
.clear {clear: both;}
.cntr {text-align: center;}
.ds {padding: 0px 0px 16px 0px;} 
.hs {padding: 0px 0px 2px 0px;}
.emphasis {font-weight: bold;}
.fontsml {font-size: 11px;}
.fontmed {font-size: 13px;
          line-height: 17px;}
.fontml {font-size: 18px;
          line-height: 20px;}
.fontlge {font-size: 20px;
          line-height: 22px;} 
.italic {font-style: italic;}
.justify {text-align: justify;}
.padlft10 {padding: 0 0 0 10px;}
.padlft20 {padding: 0 0 0 20px;}
.padlft40 {padding: 0 0 0 40px;}
.padlft50 {padding: 0 0 0 50px;}
.padlft75 {padding: 0 0 0 75px;}
.padlft100 {padding: 0 0 0 100px;}
.padlft110 {padding: 0 0 0 110px;}
.padlft120 {padding: 0 0 0 120px;}
.padlft250 {padding: 0 0 0 250px;}
.padlft275 {padding: 0 0 0 275px;}
.paddtl {padding: 0 0 0 75px;}
.padrt30 {padding: 0 30px 0 0;}
.cred {color: #ff0000;}

/*--------------------------Contact form------------------------------*/

.formcol {width: 45%; float: left; padding: 0 20px 0 0;}
.formcol_rt {width: 45%; float: right; padding: 0 0 0 20px;}
.formcola {width: 25%; float: left; padding: 10px 20px 0 0;}
.formcol_rtb {width: 70%; float: right; padding: 0 0 0 0;}
.formcol_wd {width: 100%; float: left; padding: 0 0 0 0;}

.formbox
{
	min-height: 342px;
}

.formbox img.pad 
{
   padding: 30px 0 0 0;
}

.formbody
{
	width: 580px;
	padding: 0 0 0 10px;
}

.formbody textarea
{
	width: 560px;
	height: 150px;
}

.formmess
{
	width: 270px;
	padding: 20px 0 10px 0;
	clear: both;
}

.formdemos
{
	width: 560px;
}

.formbutton
{
	float: left;
	padding: 20px 0 0 20px;
}