/*skeletal*/

div#container {background-color: #cce5e5; width: 774px; margin: 0 auto; padding: 0; border: 0;}
div#container p {font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; margin: 10px 0 5px 0; padding: 0; border: 0;}
div#container h4 {font: bold 95% Verdana, Geneva, Arial, Helvetica, sans-serif;; color: #000; margin: 20px 0 5px 0; padding: 0; border: 0;}
div#container img {border: 0; margin: 0; padding: 0;}
div#mozillacolorcorrect {background-color: #cce5e5; width: 774px; margin: 0 auto;}

div#container p a:link {text-decoration : none; color: #336666;}
div#container p a:visited {text-decoration : none; color: #666666;}
div#container p a:active {text-decoration : none; color: #666666;}
div#container p a:hover {text-decoration : none; color: #ff9900;}

div#container hr {height: 1px; margin: 0; padding: 0; color: #fff;}

/*Home Page */

div#rightside {background-color: #fff; width: 610px; float: right; margin: 0; padding: 0; border: 0;}
div#hnav {background-color: #cac154; width: 164px; text-align: center; float: left; margin: 0; padding: 0; border: 0;}

div#textnav {font: bold 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #033; text-align: left; margin-left: 10px;}

div#textnav a:link {text-decoration : none; color: #033;}
div#textnav a:visited {text-decoration : none; color: #033;}
div#textnav a:active {text-decoration : none; color: #033;}
div#textnav a:hover {text-decoration : none; color: #c60;}
div#textnav li {list-style: disc inside;}

div#rightbuttons {float: right; width: 152px; padding: 3px;}

/*2nd Levels */

div#content {margin: 10px 10px 55px 10px; padding: 0; border: 0; background-color: #fff; width: 580px;}
div#thumbnails {bgcolor: #DACA88;}

div.imageright {float: right; padding: 10px 10px 5px 10px; width: 200px;}
div.imageright h5 {font: Verdana; color: #000; font-weight: bold; font-size: 70%; margin: 5px 0 2px 5px;}
div.imageright h6 {font: Verdana; color: #000; font-size:65%; font-weight: normal; font-style: italic; margin: 0 0 0 5px}

div.imageleft {float: left; padding: 0px 10px 5px 0px; width: 200px;}
div.imageleft h5 {font: Verdana; color: #000; font-weight: bold; font-size: 70%; margin: 5px 0 2px 5px;}
div.imageleft h6 {font: Verdana; color: #000; font-size:65%; font-weight: normal; font-style: italic; margin: 0 0 0 5px}

div.imagelg h5 {font: Verdana; color: #000; font-weight: bold; font-size: 70%; margin: 5px 0 2px 5px;}
div.imagelg h6 {font: Verdana; color: #000; font-size:65%; font-weight: normal; font-style: italic; margin: 0 0 0 5px}


/* OLD STYLES BELOW */


/* 2nd level */

div#nav2 {float: left; width: 210px;  margin: 0 0 0 0; padding: 0 0 0 0px;  border: 0;}
div#nav2 img {float: right;}
div#unav2 {width: 155px; margin: 0; padding: 10px 0 10px 22px; border: 0; float: left;}
div#textbox {float: right; width: 524px; margin: 10px 10px 20px 0; padding: 0 0 20px 0; border: 0;}
div#textbox li {padding: 0 10px 10px 10px ; font: 90% Verdana; color: #fff; margin: 0;}



div#textlinks p {font-size: 70%;}

div#textlinks p a:link { text-decoration : none; color: #facf3f;}
div#textlinks p a:visited { text-decoration : none; color: #51B242;}
div#textlinks p a:active { text-decoration : none; color: #9C7B07;}
div#textlinks p a:hover { text-decoration : none; color: #fff;}

h5.vidbut a:link { text-decoration : none; color: #033;}
h5.vidbut a:visited { text-decoration : none; color: #033;}
h5.vidbut a:active { text-decoration : none; color: #033;}
h5.vidbut a:hover { text-decoration : none; color: #c60;}

/* GALLERY STYLES */

/* thumbnail strip */
#thumbrow {border: solid 0px #000; margin: 0;}
#thumbrow img {margin: 5px 5px 10px 5px;}

#thumbrow a:link img.gallerythumb {border: 1px solid #87998A; margin: 5px 5px 10px 5px;}
#thumbrow a:visited img.gallerythumb {border: 1px solid #87998A; margin: 5px 5px 10px 5px;}
#thumbrow a:hover img.gallerythumb {border: 1px solid #FFFFFF; margin: 5px 5px 10px 5px;}
#thumbrow a:active img.gallerythumb {border: 1px solid #FFFFFF; margin: 5px 5px 10px 5px;}
#thumbrow img.gallerythumbon {border: 1px solid #29402E; margin: 5px 5px 10px 5px;}

/* large image and caption */
div#imagecap {border: solid 0px #000;}
div#imagecap div#caption {font: normal 100% verdana, arial, sans-serif; margin: 10px 5px; border: solid 0px #000;}
div#mozillacolorcorrect div#container div#content div#caption {}
div#imagecap img#largeimage {border: solid 0px #6e9787; margin: 5px;}

/* caption text elements */
div#imagecap div#caption h3, div#imagecap div#caption h4,  div#imagecap div#caption h5,  div#imagecap div#caption h6 {color: #fff; margin: 0;}
div#imagecap div#caption h3 {font-size: 110%;}
div#imagecap div#caption h4 {font-size: 90%;}
div#mozillacolorcorrect div#container div#content div#imagecap div#caption h5 {font-size: 80%; padding-left: 5px;}
div#mozillacolorcorrect div#container div#content div#imagecap div#caption h6 {font-size: 70%; font-weight: normal; padding-left: 5px;}


/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
/*position: absolute;*/
/*left: -517px;
_left: 10px;*/

/*display: block;
top: 0px;
_top: 0px;*/
width: 568px; /* Set to gallery width, in px or percentage */
_width: 558px;
height: 68px; /* Set to gallery height */

}

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

#motioncontainer a:hover img {
/*border: 1px solid #c00;  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 */