/* CSS Document */

/* MAIN LAYOUT DIVs */

body {
	text-align:center;
	margin-left: 0px; margin-top: 0px; margin-bottom: 0px;
	font:normal 0.8em/1.2em verdana, arial, sans-serif; 
	color: black; background-color:white ;
	}
	
#logo { float: left; margin-bottom: -3px; }

#wrapperhead { position:relative; text-align:left; width:995px; min-width: 300px; /**background:  url(images/menubg.gif)**/ repeat-y; float:left; }

#wrapper {	position:relative; text-align:left; width:995px; min-width: 300px; background:  url(images/menubg.gif) repeat-y; float:left; }

#header {	margin-top: 20px; margin-left: 119px; margin-right: 0px; text-align:left; }

#leftcol { 
	margin-left: 1px;
	float:left;
	width:109px;
	voice-family: "\"}\"";  /*for IE5/WIN */
	voice-family:inherit;
	width:99px; /* actual value */
	padding:0px;
	}

#backgroundLH { }
	
#rightcol {
	float:right;
	width:280px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:260px; /* actual value */
	z-index:99;
	text-align: center;
		}

	
		
#footer {
	margin-left: 120px;
	padding: 4px 0 3px 0;
	margin-top:10px;
	border-style: solid;
	border-color: #DCDCDC;
	border-width: 1px 0 0 0;
	text-align:center;
	color: black;
	font-size:80%;
	height: 30px;
	clear:both;
}

#centercol { margin: 0 250px 0 120px; }
#centercol2 { clear:left; margin: 0 250px 0 120px; }

.justify { text-align: justify;  }


#centercolwide {  margin: 0 0 0 120px;  height: 100%; }  


/* NAVIGATION */

.navOpen {  font-size: 100%; font-weight: normal; width: 99px; border: solid 1px; background-color: #F8F8FF ; margin-bottom: 6px; padding: 5px 4px 4px 0px; }

.navOpen UL { margin-top: -10px; margin-bottom: 0px; }

.navOpen LI{  margin-left: -35px;  padding-left: -35px; list-style-type: none; line-height: 120%; }

.navoff {  font-size: 89%; font-weight: normal; text-align: left; line-height: 100%; width: 99px; border: solid 1px; background-color: #DCDCDC; margin-bottom: 3px; padding: 5px 0 5px 4px; }

.navon { font-size: 89%; font-weight: bold; text-align: left; }

.subnavoff { margin-left: 5px; font-size: 83%; font-weight: normal; }
 
.subnavon { margin-left: 5px; font-size: 83%; font-weight: bold; }


/* FLOATS */

.floatleft { float: left; padding: 10px 10px 10px 10px; }

.floatleftPad30 { float: left; padding: 10px 30px 10px 10px; }

.floatright { float: right; padding: 10px 10px 10px 10px;  }

.floatrightCenter{ float: right; padding: 10px 10px 10px 10px; text-align: center; }

/*.floatrightpadtop{ float: right; padding: 40px 10px 10px 10px; text-align: center;   } */

.webmaster { float: left; padding: 10px 10px 10px 10px; margin-top:-45px; }

/* HOMEPAGE RH BOXES */
		
#box { 	margin: 2px 4px 0 20px ; padding:0 5px 10px 5px; border-style: solid; border-width: 1.5px; border-color: gray; background-color: white;	 }

#box2 { margin: 10px 4px 0 20px ; padding: 0px 5px 0px 5px; border-style: solid; border-width: 1.5px; border-color: gray; background-color: #F5F5F5;  }

#box3 {	margin: 15px 25px 20px 35px ; padding:0 5px 10px 5px; border-style: solid; border-width: 1px; border-color: black; background-color: #F5F5F5; font-size:80%; text-align: center; 	 }

#box4 { 	margin: 2px 4px 0 20px ; padding:0 5px 10px 5px; border-style: none; border-width: .11em; border-color: gray; background-color: white;	 }

#boxblue { 	margin: 2px 4px 0 20px ; font-weight: bold; color: #CCCCCC; padding:0 5px 10px 5px; border-style: solid; border-width: 2px; border-color: black; background-color: #5912DE;	 }

.boxHeading { margin: 3px 0 5px 0; padding: 2px 0; font-size: normal; color: white; background-color:#CC0000; font-weight: bold; }

.boxGen { margin: 0px 40px 0px 0px ; padding: 0px 5px 0px 5px; border-style: solid; border-width: 1.5px; background-color: #F5F5F5;}

/* SIGN-UP BOX */

#signupbox {   margin: 0 250px 0 120px; background-color: #E6E6FA ; height: 100%; border: solid 1px; padding: 8px;  } 

#signupbox P { margin-top: 4px; margin-bottom: 4px; }


/* CSS FOR INDIVIDUAL PAGES */

/* HOMEPAGE */

.imgCen { text-align:center; padding: 0px 0px 0px 50px; }


/*GALLERY INTRO PAGE*/

.centercolFloatLeft { float: left; padding: 0px 15px 0px 15px; text-align: center; font-weight: bold;}


/* CONTACTS */

.centercoladdress { position: relative;  top: -15px; left: 100px; }

#centercolimage { float: right; margin: -240px 100px 0 0; text-align: center; }

#signupboxContacts {   margin: 0 260px 0 30px; background-color: #E6E6FA ; height: 100%; border: solid 1px; padding: 8px; clear: right;  }

#signupboxContacts P { margin-top: 4px; margin-bottom: 4px; }


/* GALLERY & AWARDS PAGES */
 
#boxleft { width: 45%; padding: 5px 10px 5px 0px; text-align: left; float: left; border: none; }

#boxleftNarrow { width: 30%; padding: 5px 10px 5px 0px; text-align: left; float: left; border: none; }

#boxleftCentered { width: 43%; padding: 5px 5px 5px 0px; border: solid; text-align: left; float: left; border: none; text-align:center; }

#boxright {  width: 50%; padding: 5px 0px 5px 10px; float: left; border: none; text-align: center; }

#boxrightCentered {  width: 56%; padding: 5px 0px 5px 0px; float: left; border: none; text-align: center; }

#boxrightLower { padding: 5px; margin-left: 20px; text-align:left; }

#boxrightLowerLeft { font-size: 80%; padding: 5px; width:65%; float: left;  }

#boxrightLowerRight { font-size: 80%; padding: 5px 5px 5px 25px;  float: left; } 

#boxleftLowerLeft { font-size: 90%; padding: 5px; width:65%; float: left;  }

#boxleftLowerRight { font-size: 90%; padding: 5px 5px 5px 25px;  float:  left; } 

#textbox { border:outset .2em; border-color: gray; padding: 0 10px 0 10px; margin: 0 30px 0 10px; background-color: #FAF0E6; }

.imageSmall { float: left; padding: 10px 12px 10px 12px; border: none; text-align: center; }

.imagesCenter {    display: block;  margin-left: auto;  margin-right: auto; float: left; padding: 10px 12px 10px 12px; border: none; }

#thumbsbox { width: 42%; padding: 5px; margin: 0 ; float: left; border: solid 1px; text-align: center;  }

#imagebox {  width: 53%; padding: 5px; margin: 0; float: right; text-align: center; }

.gallerypage { float: center; padding: 10px 12px 10px 12px; border: none; text-align: center; }


/*Formatting DIVs */

@font-face {
    font-family: Lucida Handwriting;
    font-style:  normal;
    font-weight: 700;
    src: url(lucidah0.eot);  }

h1 { font-family: "lucida handwriting", verdana, helvetica, sans-serif; font-weight: bold; font-size: 200%; color: #CC0000; margin-bottom: 4px; margin-top: 5px; }
 
h2 { font-family: "lucida handwriting", verdana, helvetica, sans-serif; font-weight: bold; font-size: 160%;  color: #CC0000; line-height:  130%; } 
 
h3 { font-family: verdana, helvetica, sans-serif; font-weight: bold; font-size: 11pt; color: black; margin-bottom: 0px }

h4 { font-family: verdana, helvetica, sans-serif; font-weight: bold; font-size: 10pt; color: black; margin-bottom: 0px }

li { padding: 8px 0 0 0; margin-left: -20px; }

.small { font-size: 80% }

.smallLeft { font-size:80%; text-align: left; }

.smallCenter { font-size:80%; text-align: center; }


/*LINKS AND NAVIGATION*/

A:link { text-decoration: none; color: #00008B;  }

A:visited { text-decoration: none;  color: #00008B;   }

A:hover { text-decoration: underline;  color: #00008B;  }

A:visited:hover { text-decoration: underline; color: #00008B;  }

A:active { text-decoration: underline; color: 00008B; }

A img { border-style: none }

#leftcol A:link { text-decoration: none;  color: #000066;  }

#leftcol A:visited { text-decoration: none;   color: #000066; }

#leftcol A:hover { text-decoration: none;  color: #708090;  }

#leftcol A:visited:hover { text-decoration: bold; color: #708090; }

#leftcol A:active { text-decoration: none;  color: #000066; }

#leftcol .subnavon A:hover { text-decoration: none;  color: #000066; }

#leftcol .subnavon A:visited:hover { text-decoration: bold; color: #000066; }


 /* MISC DIVs */
 
hr { width: 98%; } 
 
.center { text-align: center; }

.clearboth { clear: both; }

.vspace30{ padding-top: 30px; }

.hspace20{ padding-left: 20px; paddingright:20px }

.padRH20 { padding-right: 20px; }

.padRH30 { padding-right: 30px; }