/* MAIN STYLESHEET */

/*

COLOR PALETTE

Dark Blue - #217
Red - #e32
Orange - #fa1

Light Grey - #6b6b6b
Medium Grey - #575757
Dark Grey - #444


*/

html, body {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	
	background: #fff;
	
	text-align: center; /* IE 5.x centering bugfix part 1 */
	
	/* master font size */
	font-size: xx-small; /* REDUCE desired size a notch for bug in IE 5.x */
	voice-family: "\"}\"";
	voice-family: inherit; 
 	font-size: x-small; /* REAL DESIRED SIZE for good browsers */
}

a:link, a:visited {
	color: #000;
}

a:hover {
	color: #e32;
}

img{
	border: none;
}
/* text formatting */

#intro {
	font-size: 1.1em;
	margin-left: 10px;
}

p {
	line-height: 1.7em;
}


h1 {
	font-size: 1.7em;
	font-weight: bold;
}

h2 {
	font-size: 1.5em;
	font-weight: bold;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
}

h5 {
	font-size: 1.1em;
	font-weight: bold;
}

/* USEFUL CLASSES */

img.photoborder { border: 2px solid #e32; }

img.sidephoto {margin-top: 15px;}
.clear { clear: both; }

.right { float: right;}

.left { float: left;}
/* DIVS */

#fullcontainer {

	background: #fff url("../images/masthead.gif") no-repeat top left;
	
}

#container {

	margin: 0px auto;
	width: 780px;
	text-align: left; /* IE 5.x centering bugfix part 2 */
	clear: both;
}

#logo {
	clear: left;
	float: left;
}


#page_background {
	margin: 0;
	
	padding-bottom: 25px;
	
	
	
}

#textonleft {
	padding: 132px 0 0 15px; /* tight with IE 5 */
	width: 370px;
}

#imageonright {
	float: right;
	width: 300px;
	padding-right: 15px;
}

#textonright {
	
	margin: 0 15px 0 240px;
	
}

#textonright ul {
	padding-left: 1.5em;
}

#textonright li {
	padding: .3em 0;
	font-weight: bold;
}

#imageonleft {
	float: left;
	padding: 147px 0 0 15px;
	
}



#footer {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

#copyright{
	color: #999;
}

/* NAV */

#menu { /* menu2 is within menu to go full page width AND center-right alignment */
	height: 2em;
	background-color: #217;
}

#menu2 {
	width: 780px;
	margin: 0 auto;
}

#nav { /* this is a ul, not a div!!! */
	margin: 0; 
	padding: 0;
	list-style: none;
	color: white;
	float: right;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav ul li {

}

#nav li {
	margin: 0;
	padding: .5em 2em;
	position: relative;
	float: left;
	
}

#nav ul {
	list-style: none;
}

#nav a, #nav a:visited {
	text-decoration: none;
	color: white;
}

#nav a:hover {
	color: #e32;
}

/* inner list */
#nav li ul {
	display: none;
	position: absolute; 
	top: 2em;
	left: 1.5em;
	
	
	z-index: 100;
	border: 1px solid #ccc;
}

/* inner list items */
#nav li ul li{
	background-color: white;
	border-bottom: 1px solid #999; /* lines between items */
	padding: 0px; 
	clear: both;
}

/* individual sub-menus */
#submenu1 li { width: 15em; }
#submenu2 li { width: 10em; }
#submenu3 li { width: 10em; }

/* subnav links */
#nav li ul li a, #nav li ul li a:visited {
	display: block;
	text-decoration: none;
	padding: 3px;
	color: black;
}

/* subnav links hover */
#nav li ul li a:hover {
	background-color: #ccc;
	color: #e32;
}

/* Fix IE. Hide from IE Mac */
* html #navbar ul li { float: right; height: 1%; }
* html #navbar ul li a { height: 1%; }
/* End Fix */

/* hover styles to activate 2nd level nav */

#menu li:hover ul, #menu li.over ul { display: block; }


/* SECOND LEVEL NAV */

#subnav {

	list-style: none;
	margin: -90px 40px 0 0;
	text-align: right;
}

#subnav li {
	padding: 4px 0;
	
}

#subnav a, #subnav a:visited {
	text-decoration: none;
	color: #217
	display: block;
	padding: 4px;

}

#subnav a:hover {
	/* background-color: #ccc; */
}

/* GALLERY TABLE */

#gallerytable {
	width: 400px;
}

#gallerytable td{
	padding-bottom: 20px;
}

#gallerytable {

}

#gallerynav {

width: 230px;
text-align: right;
font-weight: bold;
font-size: larger;

}
/* DEBUGGING 
div {
	border: 1px dotted red;
}

div div {
	border: 1px dotted blue;
}

div div div {
	border: 1px dotted green;
}

div div div div {
	border: 1px dotted yellow;
}

div div div div div {
	border: 1px dotted #f0f;
}

div div div div div div {
	border: 1px dotted #ff0;
}
*/


/* Holly Hack to fix guillotined content in IE */

/*  \*/
* html .hollyhacked {
        height: 1%;
}
/*  */
#bigpic {width:100px; height:100px; background-color:#ffffff;}
#bigpic a.p1:hover {text-decoration:none; background-color:#ffffff; color:#000;}
#bigpic a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:100px; left:100px; filter: Alpha(opacity=100); }
#bigpic a.p1:hover .large {display:block; position:absolute; top:200px; left:15px; width:400px; height:400px;}