* {
     margin: 0;
    padding: 0;
}
/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6{
     margin: 0 0 .5em 0;
}


/* Class for clearing floats */
.clear {
    clear:both;
}

/* Remove border around linked images */
img {
    border: 0;
}

blockquote{
    font-style:italic;
}



/* =Typography
-----------------------------------------------------------------------------*/
body {
  font: 75%/1.3 Arial, Tahoma, Verdana, sans-serif;
    color:#4e4e4e;
    background:#c9c9c9;
}




/* =Headings
-----------------------------------------------------------------------------*/
h1{ font-size:1.5em;margin:0 0 .2em 0;padding:0; }
h2{ font-size:1.2em;margin:0 0 .5em 0;padding:0; }
h3{ font-size:1.1em;margin:0 0 .5em 0;padding:0; }



/* =Links
-----------------------------------------------------------------------------*/
a{
    text-decoration:underline;
    color:#4E4E4E;
font-weight:bold;
    cursor:pointer;
}
a:hover{
/*    text-decoration:underline;*/
    color:#4E4E4E;
font-weight:bold;
}
a.more{
    color:#4E4E4E;
    white-space:nowrap;
    font-weight:bold;
}





#wrapper
{
margin-top:20px;
margin-left: auto ;
  margin-right: auto ;
width:750px;


}

/* top banner Content  --------------------------------------------------------------------------------------------------------- */


#header{
width:750px;
height:298px;

}




#headerint{
width:750px;
height:101px;

}






#nav{

height:51px;

}



#menufont{

 font-size:1.1em

}



#menu{
width:750px;
height:37px;
}




#menutable{
margin-left:270px;
width:439px;
text-align:top;
float:right;

margin-right:40px;
margin-top:4px;
}






pre {white-space:pre}




/* MSIE display:inline-block is to make sure MSIE doesn't paint the backround above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an orizontal scrollbar)  */

#header,#nav,#menu,#content,#sub-section,#footer {overflow:hidden;display:inline-block}

#header,#footer,#nav {width:100%;} /* safari and opera need this */






/*******************************************************************/


#container
{
float: left;
width:750px;
height:186px;
}



#containerint
{
float: left;
width:750px;
min-height:376px;
}



#tiler
{
float: left;
width:750px;

}


#fader { position: relative; margin:0; padding:0; }
#fader li { display: block; }




#content {
padding-right:40px;
padding-left:285px;
padding-top:20px;

width:430px;
font-size:100%;
float:right;

}



#contentint {
padding-right:30px;
padding-left:20px;
padding-top:20px;
width:700px;
font-size:100%;
float:right;
min-height:100px;
}


#contentintsm {
padding-right:40px;
padding-left:290px;
padding-top:20px;
width:420px;
font-size:100%;
float:right;

}



#content_left {
padding-left:30px;

padding-top:20px;
width:250px;
font-size:100%;
float:left;

}

#content_right {
padding-right:40px;

padding-top:20px;
width:420px;
font-size:100%;
float:right;

}








#contentintsm a {
font-weight: bold;
text-decoration:none;
color:#A62B3D;
cursor:pointer;
}

#contentintsm a:hover{
text-decoration:underline;
color:#000000;
}

}


#contentintsm h2 {

font-weight:bold;
color: #035063;
font-size: 1.5em;
margin-left: 0px;
margin-top:15px;
margin-bottom:10px;
padding: 2px 10px 2px 4px; /* Top Right Bottom Left */


}


#contentintsm h3 {
margin-top: 15px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 9px;
	color: #035063;
font-size:1.3em;
	font-weight: bold;
	
}


#contentintsm h4 {
margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 9px;
	color: #035063;
	font-weight: bold;
	font-size:1.2em;
margin-top: 15px;
}


#content p {
	padding-left: 0px;
        text-justify: justify;
line-height: 1.1em;
margin-bottom: 10px;
}



#contentintsm p {
	padding-left: 0px;
        text-justify: justify;
line-height: 1.5em;
margin-bottom: 10px;
}



#storehead h6
{

width:90%;
font-weight:bold;
font-size:100%;
border-bottom:1px solid  #035063;
margin-right:20px;
color: #035063;
padding: 2px 10px 2px 4px; /* Top Right Bottom Left */
margin-bottom: 10px;
line-height: 1.5em;
}




.line1
{
padding-top:10px;
vertical-align:top;
line-height:14px;
font-family: Arial, Verdana, sans-serif;
font-size:140%;
font-weight:bold;
text-align:left;
padding-bottom:25px;
}

.line2
{
vertical-align:top;
font-size:110%;
line-height:12px;
font-family: Arial, Verdana, sans-serif;
font-weight:bold;
text-align:left;
color: #A62B3D;
}

.line3
{
padding-top:10px;
vertical-align:top;
font-size:108%;
line-height:11px;
font-family: Arial, Verdana, sans-serif;
font-weight:bold;
text-align:left;
color: #A62B3D;
}

.line4
{
vertical-align:top;
font-size:105%;
line-height:20px;
font-family: Arial, Verdana, sans-serif;
color: #A62B3D;
text-align:left;
}


.line5
{
padding-top:8px;
vertical-align:top;
font-size:109%;
line-height:12px;
font-family: Arial, Verdana, sans-serif;
font-weight:bold;
text-align:left;
color: #A62B3D;
}

.line6
{
vertical-align:top;
font-size:80%;
line-height:10px;
font-family: Arial, Verdana, sans-serif;
font-weight:bold;
text-align:left;
color: #A62B3D;
}



.headings
{
    color:#ffffff;
    font-weight: bold;
    font-size: 12px;
    border-bottom:1px solid  #ffffff;

}

#footer {clear:left;
vertical-align:bottom;
height:39px;

}
#footercon {
text-align:center;
margin-left:240px;
padding-top:0px;
color:#000;
font-weight: bold;
}


#footercont {
text-align:center;
margin-left:100px;
padding-top:0px;
color:#000;
font-weight: bold;
}







/* begin gallery styling */
#jgal { list-style: none; width: 160px; }
#jgal li { opacity: .3; float: left; display: block;  top: 35px; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 35px; left: 270px; display: none; }
#jgal li.active img { display: block; max-width:450px; max-height:400px;}
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }
 
/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }
 
    </style>
    <!--[if lt IE 8]>
    <style media="screen,projection" type="text/css">
        #jgal li { filter: alpha(opacity=50); }
        #jgal li.active, #jgal li:hover { filter: alpha(opacity=100); }
#jgal li img {margin-top:50px;}
    </style>
	<![endif]-->


/*<style type="text/css"> 
h1 {margin:20px 0 0 100px; padding:0; color:#ff8500; font:25px Arial, Helvetica, sans-serif;}
.gallery{position:relative; margin-top:30px; width:480px; border:solid 5px #ffffff; padding:10px 10px 0px 15px; background:#fff; float:left;}
.thumbnail img{border:solid 4px #ffffff; outline:solid 1px #151515; width:82px; height:50px; float:left; margin:0 5px 5px 0;}
.thumbnail:hover{background-color:transparent;}
.thumbnail:hover img{border:solid 4px #ff0000;}
.thumbnail span{position:absolute;  padding:5px; visibility:hidden; font:normal 9pt "verdana"; color:#fff; text-decoration:none; width:480px; text-align:center; top:20px; left:10px;}
.thumbnail span img{width:480px; height:400px; outline:solid 2px #000000;  border:solid 6px #ffffff !important;}
.thumbnail:hover span{visibility:visible; top:180px; left:10px; margin-top:20px; z-index:50; position:absolute; width:480px;}
</style>*/






/* @group Slideshow */

#content #controls #crossfader-previous {
	height: 9px;
	padding: 4px 22px;
	background-image: url(../upload/template/spring/previous-001.png);
	background-repeat: no-repeat;
	background-position: center left;
	color: #aaa;
}

#content #controls #crossfader-next {
	height: 9px;
	padding: 4px 22px;
	background-image: url(../upload/template/spring/next-001.png);
	background-repeat: no-repeat;
	background-position: center right;
	color: #aaa;
}

/* @end */




#sub {
	position: relative;
	margin: 10px 0;
	padding: 0 30px;
}

ul#runner {
	position: relative;


	background-repeat:repeat;
	background-position:left top;
	background-image: url('/_content/images/Template/message_bg.gif');
	background-repeat: no-repeat;
	width: 519px;
	height: 14px;
	margin: 0;
	padding: 0;
}

#runner li {
	list-style-type: none;
	position: absolute;
	margin: 0;
	padding: 7px 20px;
	font-weight: bold;
	color: #fff;
}




#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	visibility: visible;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('/_content/images/Template/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('/_content/images/Template/nextlabel.gif') right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

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