@import "home.css";
@import "subpage.css";
@import "slidedown-menu.css";

/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
/*   color:#333;
   background:#000 url(../images/bg.gif) repeat-x bottom left;*/
   color:#000000;
   background:#000;
   font-family:Sylfaen,Georgia, "Times New Roman", Times, serif;
   font-size: 62.5%;
   height:100%;
   margin:0;}

* {
   margin:0;
   padding:0;
   list-style-type:none;}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	
h1, h2, h3, p {
	margin: 0; }

/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
	font: 1.2em Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
	color:#cc6633;
	text-decoration: none;}

a:hover, a:active {
  color:#993300}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }

img {
	border: none;
	}

fieldset br{
 clear:left;}
 
fieldset{
 border:none;}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#wrapper{
/* background: url(../images/bg.gif) repeat-x top left;*/
 padding: 0 0 0 0;
 min-height:200px;
 height:100%;}
 
 #sidebar{
 width: 186px;
 padding: 30px 25px 0 14px;
 float:left;}
 
#container {
  width: 960px;
  margin: 0px auto 56px auto;
  background:#FFF url(../images/bg_contentbottom.gif) repeat-x bottom left;
  padding: 0 0 8px 0;}
 
#header{
 height: 44px;
 background:#333;
 padding: 16px 0 11px 26px;
 font-family: Arial, Helvetica, sans-serif;}

#content{
 background:#FFF url(../images/bg_content.gif) repeat-y top left;}

#footer{
 font-family:Arial, Helvetica, sans-serif;
 padding: 20px 0;}

#home #header{
 border-bottom:1px solid #FFF;}

#home #content{
 border-top:2px solid #333333;
 background:none;}

#home #footer{
 padding: 47px 0;
 text-align:center;}

/* 3.1 HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
ul#top-nav{
 float:left;
 position:relative;
 padding: 3px 0 0 0;}
 
ul#top-nav li{
 float:left;
 text-transform:uppercase;
 padding: 0 22px 0 0;}

ul#top-nav li a{
 color:#d4622c !important;} 

ul#top-nav li a:hover{
 color:#ccc !important;
 text-decoration:none !important;}

fieldset.search {
 float:right;
 width: 175px;}

fieldset.search input.text{
 border:1px solid #cccccc;
 background:#333333;
 color:#FFF;
 width: 90px;
 height:15px;
 vertical-align:top;
 margin: 0 5px 0 0;}

fieldset.search input.button{
 background:#cccccc;
 width: 52px;
 border:none;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:1em !important;
 height:17px;}

ul#mainnav{
 clear:both;
 padding: 7px 0 0 0;}
 
ul#mainnav li{
 float:left;
 font-size:1.1em;
 position:relative;
 text-transform:uppercase;
 font-weight:bold;
 padding: 0 19px 0 0;
 background:url(../images/icon_nav.gif) no-repeat right 11px;
 margin: 0 10px 0 0;}

ul#mainnav li a{
 display:block;
 color:#ccc !important;
 height:21px;
 float:left;
 padding: 8px 7px 0 7px;}

ul#mainnav li.active a{
 color:#cc6633 !important;}

ul#mainnav li.active li a{
 color:#ccc !important;}

ul#mainnav li:hover a{
 background:#000;
 text-decoration:none !important;}

ul#mainnav li.last{
 padding:0;
 margin:0;
 background:none;}

ul#mainnav li ul{
	position: absolute;
	background:#000;
	left: -999999px;
	min-width:220px;
	z-index:100;
	width: auto !important;
	width: 220px;
	padding: 0 20px 20px 20px;
	top:29px;
	
/* hide and show this from Dreamweaver-------------------------------------------------------*/

/*visibility: hidden;*/

/* ------------------------------------------------------------------------------------------*/

}

ul#mainnav li.last ul{
 margin-left:-154px;
 width: 220px !important;}

ul#mainnav li ul li{
 background:none;
 padding:20px 0 0 0;
 margin:0;
 float:none;
 z-index:100;
 margin:0;
 font-weight:normal;
 text-transform:none;}

ul#mainnav li ul li a{
 float:none;
 padding:0;
 position:relative;
 z-index:101;
 display:inline;
 height:auto!important;}

ul#mainnav li ul li.active a{
 color:#cc6633 !important;}

ul#mainnav li:hover  ul, ul#mainnav li.over ul { 
 left: 0;}

/* 3.2 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#content p{
 font-size:1.3em;
 padding: 0 0 20px 0;}


/* 3.3 FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#footer p{
 font-size:1em !important;
 color:#000;
 padding:0 !important;}

/* ================== */
/* Carry-overs from SJCweb2007 */
.pstrg { font-weight:bold; font-size:101%;}
.pstrg_snug { font-weight:bold; font-size:101%; margin-bottom:0; padding-bottom:0;}
.snug_top { margin-top:0; padding-top:0;}
.snug_top_it { margin-top:0; padding-top:0; font-style:italic;}
.str_ul { font-weight:bold; font-size:101%; text-decoration:underline;}
.str_it { font-weight:bold; font-size:101%; font-style:italic;}
.snug_ul {margin-bottom:0; padding-bottom:0; text-decoration:underline;}
.snug { margin-bottom:0; padding-bottom:0;}
.ital {font-style:italic;}
.unli {text-decoration:underline;}

/* indentations */
.ind2 {text-indent:2em;}
.str_ind2 {text-indent:2em; font-weight:bold;}

/* line height adjustments  */
.lh_75 {line-height:75%;}

/* cursors */
abbr {cursor:help;}

/* font size adjustments */
.sup_sm {font-size:66%;} /* use for  sup  > 3 */
.f_075 {font-size:75%;}
.f_090 {font-size:90%;}
.f_125 {font-size:125%;}
.f_150 {font-size:150%;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
height: 640px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}