/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 100%; /* Set to gallery width, in px or percentage */
height: 100px; /* Set to gallery height */
margin : 10px 0 15px 0;
color : #000;
}

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

}

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

#statusdiv {
background-color: lightyellow;
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 */ 

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left;
color: #000;
}
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	

body {
margin : 0;
padding : 0;
font : 90% "Trebuchet MS", "lucida sans", arial, helvetica, sans-serif;
color : #FFF0C0;
background : #000;
line-height : 1.8em;
}
		/*HEADER */
#header h5 {
float : right;
margin : 0px 0 0 0;
padding : 0.5em 1em 0 0;
font-size : 160%;
letter-spacing : -2px;
color : #820010;
background : transparent;
}
#header {
height : 150px;
margin-bottom : 2em;
background : #000 url(images/header.jpg) no-repeat;
border-bottom: 3px solid #FFC000;
}
#header h1 {
float : right;
margin : 0;
padding : 0.5em 1em 0 0;
font-size : 160%;
letter-spacing : 5px;
color : #FFF0C0;
background : transparent;
}


		/*TOP MENU */
#menu {
height : 115px;
margin : 0;
padding : 0;
list-style-type : none;
list-style-image : none;
text-transform : uppercase;
}
#menu li {
float : left;
margin:30px 0 2px 0;
font : 70% "Trebuchet MS", "lucida sans", arial, helvetica, sans-serif;
width : 7em;
border: 1px solid #FFC000;
}
#header #menu .home {
color : #FFF0C0;
background : #FFC000;
}
#menu .home2 {
color : #FFF0C0;
background : #820010;
}
#menu a {
display : block;
height : 30px;
width : 7em;
padding :5px 0 5px 0;
text-decoration : none;
font-weight : bold;
line-height : 15px;
text-align : center;
color : #FFC000;
background : #000;
}

#menu a:hover {
text-decoration : none;
color : #fff;
background : #FFC000;
}


		/*ROUNDED CORNERS */
	
.box2 {
background : #FFC000;
color : #777750;

}
.boxtop2 {
background : url(images/ne.gif) no-repeat top right;
}
.boxtop2 div {
height : 10px;
background : url(images/nw.gif) no-repeat top left;
}
.boxbottom2 {
background : url(images/se.gif) no-repeat bottom right;
}
.boxbottom2 div {
height : 10px;
background : url(images/sw.gif) no-repeat bottom left;
}
.boxcontent2 {
padding : 0 10px 0 10px;
}
.boxcontent2 img {

max-width:200px;
}
		#mov {
float : left;
margin: 60px 0 2px 0;
font : 70% "Trebuchet MS", "lucida sans", arial, helvetica, sans-serif;
width : 7em;
border: 1px solid #FFC000;
}
	
	#menu_rt {
float : right;
margin: 4% 8% 4% 4%;
text-align: left;
font : 90% "Trebuchet MS", "lucida sans", arial, helvetica, sans-serif;
width : 20%;

}
	
	
.box {
background : #FFC000;
color : #777750;
text-align : center;
font-weight : bold;
}
.boxtop {
background : url(images/ne.gif) no-repeat top right;
}
.boxtop div {
height : 10px;
background : url(images/nw.gif) no-repeat top left;
}
.boxbottom {
background : url(images/se.gif) no-repeat bottom right;
}
.boxbottom div {
height : 10px;
background : url(images/sw.gif) no-repeat bottom left;
}
.boxcontent {
padding : 0 10px 0 10px;
}
.boxcontent img {
width: 100%;
max-width:200px;
}
#gallery {

	z-index: 1;
	float: right;
	width: 100%;
	background: #FFC000 no-repeat;
	font-size: 80%;
	line-height: normal;
}

		/*3 COLUMN LAYOUT */
#gutter {
float : left;
width : 3%;
height : 1px;
}

#col1 {
float : left;
width : 56%;
margin-bottom : 1em ;
border-right : 2px solid #FFC000;
padding-right : 3%;
}
#col1 .slide {
width: 100%;
border: 0px;
}
#col1 .bob1 {
width: 12%;
border: 0px;
Float: Right;
}
#col1 .bob {
height: 100px;
border: 2px solid gray;
Float: Right;
}
.comment label {

font-size:80%;

}
.comment input {

font-size:80%;

}

#personal label {
position:absolute;
font-size:90%;
margin-right: 2%;
padding: .2em;
}
#personal input {
margin-left: 9em;
line-height:1.4em;
margin-bottom:.2em;
}
.joinThanksLoginBox { 
float: left; 
border: 1px solid #666;
padding: 15px;
margin-top: 0px 
!important; margin-top: 10px;
}
.joinThanksLoginBox h3 { text-align: center; margin: 30px; margin-bottom: 20px; }
.joinButton { margin-top: 10px; margin-left: 50px; }
			
#col2 {
float : left;
width : 15%;
margin-left : 3%;
margin-bottom : 1em;
border-right : 0 solid #FFC000;
padding-right : 1%;
}
#col3 {
float : left;
width : 15%;
margin-left : 1%;
margin-bottom : 1em;
}
		/*FOOTER */
#footer {
clear : both;
height : 50px;
border-top : 2px solid #FFC000;
padding : 0.5em;
text-align : left;
}

		/*TYPOGRAPHY */
h2 {
margin-top : 0;
font-size : 120%;
text-transform : uppercase;
letter-spacing : 3px;
border-bottom : 1px solid #FFC000;
color : #FFF0C0;
background : inherit;
}
h3 {
margin-top : 0;
font-size : 100%;
text-transform : uppercase;
letter-spacing : 3px;
color : #000;
background : inherit;
}
h4 {
margin-top : 0;
font-size : 100%;
text-transform : uppercase;
letter-spacing : 3px;
color :#820010;
background : inherit;
}
blockquote {
font-size: 120%;
font-weight : bold;
font-style : italic;
color : #777850;
}
		/*LINKS */
a:link, a:visited {
color : #FFF0C0;
background : inherit;
text-decoration : underline;
}
a:hover {
color : #DF0024;
background : inherit;
text-decoration : none;
}
a:active {
color : #9b696f;
background : inherit;
text-decoration : none;
}
a img {
border : 0;
}