/* CSS Document */
.gray {color:#666666;}

body {  background-color:#333416; padding: 2px 15px; font-size:small; }
p { color:#3E3E3E;
	font-size: 12px;
	line-height:135%;
  margin: 1em 0;	
}
h1 { padding-top:0; margin-top:0;  }
	
h1 a, h1 a:visited, h1 a:link, h1 a:active, h1 a:hover { border:none;
	font-size: 24px;
	color: #221D0B;
	text-decoration: none;
}
 h1 a:hover { border:none;
	font-size: 24px;
	color: #3E3E3E;
	text-decoration: underline;
}
a:hover {text-decoration:none;}
#menu {margin: 10px 0 10px 0;  clear:both; padding:0; border:none; background-image:url(images/menu_bg.gif);  width:780px; height:39px;} 
#menu td {margin:0; padding:0 0 0 20px; border:none;}
#menu img {margin: 2px 10px 2px 0px; height:35px; border:none;}
#body #menu a {margin-bottom: 0px;	padding-bottom: 0px; border:none; background-color:transparent;}

#body #menu {
	background-image: url(images/menu_bg2.gif);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	background-position: left 1px;
}

#body #submenu {
	margin:0 0 100px 20px;
	padding:0;
	background-color:#ffffff;
	color: #333416;
	text-transform: lowercase;
	text-align:left;
	border:none;
	border-style: none;
}
#body #left #submenu {
	margin:0 0 140px 0;
	padding:0;
	color: #333416;
	background-color:#ffffff;	
	text-transform: lowercase;
	text-align:left;
	border:none;
	border-style: none;
}

#submenu li {
	text-align:left;
	display: inline;
	padding:2px;
}

#submenu  a {color: #333416; text-decoration: none; 	background-color:#ffffff;}
#submenu a:hover {text-decoration:underline;}

#body #left #submenu li {
font-size: 13px;
	background-color:#ffffff;
	color: #333416;
}
#body {height: 490px; width: 780px; background-color: #FFFFFF; color:#221D0B; margin: 0; padding:5px 0 4px 0; }


#body #left {background-color: #FFFFFF; color:#221D0B;
	width: 350px;
	float: left;
	clear: left;
	padding-left:20px;
	padding-right:5px;
}
#body #right {
	background-color:#FFFFFF;
	margin: 0 0 5px 0;
	padding-right:20px;
	width: 375px;
	float: right;
	clear: right;
}

#body #right #tall {
	text-align:left;
	width: 273px;
}
#body #right #tall p {
	margin-left:50px;
	width:320px;

}
#body #right #tall img {
 	margin-right:50px;
	margin-left:50px;
	width:273px;	
 }
#body #right #wide {
	text-align:left;
	width: 375px;
}
#body #right #wide img {
	margin-top:45px; margin-bottom:45px; width:375px;

}

#body  p {
	color: #666666;
	background-color:#FFFFFF;
	margin-right:5px;
}
#body  a {
	color: #221D0B;
		background-color:#FFFFFF;
	margin-right:5px;
}
#body p {
	background-color:#FFFFFF;	
}

#footer { width:760px; padding-top:5px; padding-left:20px; clear:both; margin-top:3px;}
#footer p, a{
	background-color:#333416;
	color: #FFFFFF;
	font-weight:normal;
}

/* Gallery Styles */
a, a:link, a:active, a:hover, a:visited {border:none;}
#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 255px; /* Set to gallery width, in px or percentage */
height: 44px; /* Set to gallery height */
border:none; 	margin:0 2px 0 0;	padding:0;	font-size:10px; }

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid black; /* Set image border hover color */
}

#statusdiv {background-color: #FFFFCC; border: 1px solid gray; padding: 2px; position: absolute; 
/*Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */

#motioncontainer #motiongallery #trueContainer img {
	margin:1px ;
}
 #motiongallery {float:left; clear:Left; width:255px;}

#arrow {
	height: 45px;
	width: 255px;
	padding-right: 15px;
	background-image: url(images/arrrows.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#submenu .current {font-style:italic;}
#spacer {
	background-color:#FFFFFF;
	height:1px; width:775px;
	padding:0; margin:0;
	font-size: 1px;
	clear: both;
}
#body #leftbox {
background-color: #FFFFFF; color:#221D0B;
	float: left;
	clear: left;
	padding-left:20px;
	padding-right:5px;
	width: 330px;
	margin:0;
	padding-left:70px;
	padding-right:3px;
	padding-top:30px;
}
#body #rightbox {
	background-color:#FFFFFF;
	margin: 0 0 5px 0;
	padding-right:20px;
	width: 375px;
	float: right;
	clear: right;
	width: 330px;
	margin: 0;
	padding: 30px 15px 0 0;
}
#body #leftbox img {
	margin: 0;
	padding: 0;
}
#body #leftbox p {
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}

#body #left #motioncontainer #motiongallery #trueContainer {
	font-size: 10px;
}

#description {
	overflow:auto;
	height: 210px;
	padding:0; margin:0;
}

#long_description {
	padding:0; margin:0;
	overflow:auto;
	height: 235px;
	clear:both;
}
h2 {
	font-size:22px;
	line-height:26px;
	margin-bottom:5px;
	padding-bottom:0;
	font-weight:normal;
}
#long_description a {
	color: #3B3B3B;
	text-decoration: underline;
	height:270px;
	overflow:auto;
}
#long_description a:hover { text-decoration:none;}
#body #left.galleries {
	padding-top: 130px;
	height: 250px;
}
.submenu_no_thumbs  .long_description {
	height: 225px;
}

.submenu_no_thumbs #body #left.galleries {
	height: 270px;
}

#body #left h2 {
	text-transform: lowercase;
}


#body #right  p  {
	margin-top: 3px;
}

#body #left #description {
	padding-top: 15px;
}
td, th {vertical-align:top;}
th p{
	text-align: left;
	font-weight:normal;
	padding:0;
	margin:1em 0;
}

#footer a:hover {
	text-decoration: none;
}