/*

      Created by Keith Donegan of Code-Sucks.com

	  

	  E-Mail: Keithdonegan@gmail.com

	  

	  You can do whatever you want with these layouts,

	  but it would be greatly appreciated if you gave a link

	  back to http://www.code-sucks.com

	  

*/





#cf {

  position:relative;

  height:281px;

  width:450px;

  margin:0 auto;

}



#cf img {

  position:absolute;

  left:0;

  -webkit-transition: opacity 1s ease-in-out;

  -moz-transition: opacity 1s ease-in-out;

  -o-transition: opacity 1s ease-in-out;

  transition: opacity 1s ease-in-out;

}



#cf img.top:hover {

  opacity:0;

}







/*--MAIN MENU--*/

#menuWrapper {

	height: 30px;

	overflow: hidden;

	margin-left: 210px;

}



#menu ul { 

	list-style: none; 

	margin: 0; 

}



#menu ul li { float: left; margin: 0; }



#menu ul li a {

	display: block;

	font-size: 1.5em;

	text-decoration: none;

	padding: 7px 15px 45px;

}



#menu ul ul {

	position: absolute;

	list-style: none;

	margin: 0 0 0 9px;

	left: -9999px;

	z-index: 9999;

}



#menu ul ul li { position: relative; }



#menu ul ul ul {

	top: 0;

	margin: 0 0 0 300px;

	left: -9999px;

	z-index: 9999;

}



#menu ul ul li {

	margin: 0;

	float: none;

}

 

#menu ul ul li a {

	margin: 0;

	padding: 10px;	

	border-right: none;

}

 

#menu ul ul a, #menu ul li#current ul a {

	width: 280px;

	font-size: 12px;

	text-align: left;

	margin: 0;

	background: none;

}

 

#menu ul ul li a:hover, #menu ul li#current ul li a:hover, ul#topmenu li.active a {

	background-color: #E0D08D;

	border: 1px solid #fffdf2;

}

 

#menu ul li:hover ul, #menu ul li.hover ul {left: auto;}

#menu ul li:hover ul ul, #menu ul li.hover ul ul {left: -9999px;}

#menu ul ul li:hover ul, #menu ul ul li.hover ul { left: auto; }



ul#topmenu {

	list-style: none;

	margin: 45px 0 0;

	font-weight: bold;

}



ul#topmenu li {

	float: left;

	margin: 0 5px;

}



ul#topmenu li a {

	text-transform: uppercase;

	color: #ccc;

	text-decoration: none;

	display: block;

	padding: 5px 10px;

}



ul#topmenu li.current a , ul#topmenu li.active a {

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

}





#staticWrapper.container_12 {

	-moz-box-shadow: 0 0 15px #222;

	-webkit-box-shadow: 0 0 15px #222;

	width: 980px;

}

















/*--MAIN MENU-- */

#menuWrapper {

	background-color: #c18d5b;

	border-top: 0px solid #fffdf2;

	font-family: Times New Roman, Times, serif;

	font-size: 9px

}







#menu ul li a {

	border-right: 1px solid #fffdf2;

	color: #fff;

	text-shadow: #555 0 1px 1px;

}



#menu ul li.active, #menu ul li.current, #menu ul li a:hover {

	background-color: #8d6742;

}





#menu ul li.active a, #menu ul li.current a, #menu ul li a:hover {

	color: #ffffff;

}



#menu ul li ul {

	border-right: 1px solid #fffdf2;

	border-top: 1px solid #fffdf2;

	border-bottom: 0px solid #fffdf2;

	border-left: 1px solid #fffdf2;

	background: #c18d5b;

}

 

#menu ul ul a, #menu ul li#current ul a {

	color: #111;

	border-bottom: 1px solid #c18d5b;

}

 

#menu ul ul li a:hover, #menu ul li#current ul li a:hover {

	background: #c18d5b;

	color: #111;

}



ul#topmenu li a {

	color: #203641;

}



ul#topmenu li.current a {

	background-color: #c18d5b;

	border: 1px solid #222;

}



ul#topmenu li a:hover {

	color: #fffdf2;

}









* { padding: 0; margin: 0; }



body {

 font-family: Arial, Helvetica, sans-serif;

 font-size: 13px;

}

#wrapper { 

 margin: 0 auto;

 width: 1025px;

}

#header {

 color: #ffffff;



 padding: 10px;

 height: 150px;

 margin: 0px 0px 0px 0px;

 background: #4b4e3e;

}

#headerimage { 

background-image: url(images/underglassheader.png); 

height: 150px;

background-repeat: no-repeat; 

background-position: center top; 

padding-top:0px;

margin: 0px 0px 0px 0px;

}



#navigation {

 color: #333;

 padding: 10px;

 margin: 0px 0px 0px 0px;

 background: #c18d5b;

}

#storeleftcolumn { 

 color: #333;

 border: 0px solid #ccc;

 background-image: url(images/left_column.png);

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height: 850px;

 width: 80px;

 float: left;

}





#storecontent { 

 float: left;

 color: #4b4e3e;

 border: 0px solid #ccc;

 background: #ffefc7;

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height: 850px;

 width: 800px;

 display: inline;

}


#storerightcolumn { 

 color: #333;

 border: 0px solid #ccc;

 background-image: url(images/right_column.png);

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height: 850px;

 width: 80px;

 float: left;

}

#leftcolumn { 

 color: #333;

 border: 0px solid #ccc;

 background-image: url(images/left_column.png);

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height: 750px;

 width: 80px;

 float: left;

}





#content { 

 float: left;

 color: #4b4e3e;

 border: 0px solid #ccc;

 background: #ffefc7;

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height: 750px;

 width: 800px;

 display: inline;

}


#rightcolumn { 

 color: #333;

 border: 0px solid #ccc;

 background-image: url(images/right_column.png);

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height: 750px;

 width: 80px;

 float: left;

}

#pressleftcolumn { 

 color: #333;

 border: 0px solid #ccc;

 background-image: url(images/left_column.png);

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height: 4000px;

 width: 80px;

 float: left;

}

#presscontent { 

 float: left;

 color: #4b4e3e;

 border: 0px solid #ccc;

 background: #ffefc7;

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height:4000px;

 width: 800px;

 display: inline;

}

#pressrightcolumn { 

 color: #333;

 border: 0px solid #ccc;

 background-image: url(images/right_column.png);

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height: 4000px;

 width: 80px;

 float: left;

}

#eventleftcolumn { 

 color: #333;

 border: 0px solid #ccc;

 background-image: url(images/left_column.png);

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height: 1800px;

 width: 80px;

 float: left;

}

#eventcontent { 

 float: left;

 color: #4b4e3e;

 border: 0px solid #ccc;

 background: #ffefc7;

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height: 1800px;

 width: 800px;

 display: inline;

}




#homeleftcolumn { 

 color: #333;

 border: 0px solid #ccc;

 background-image: url(images/left_column.png);

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height: 830px;

 width: 80px;

 float: left;

}

#eventrightcolumn { 

 color: #333;

 border: 0px solid #ccc;

 background-image: url(images/right_column.png);

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height: 1800px;

 width: 80px;

 float: left;

}

#homecontent { 

 float: left;

 color: #4b4e3e;

 border: 0px solid #ccc;

 background: #ffefc7;

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height: 830px;

 width: 800px;

 display: inline;

}



#homerightcolumn { 

 color: #333;

 border: 0px solid #ccc;

 background-image: url(images/right_column.png);

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height: 830px;

 width: 80px;

 float: left;

}





#rightcolumn { 

 color: #333;

 border: 0px solid #ccc;

 background-image: url(images/right_column.png);

 margin: 0px 0px 0px 0px;

 padding: 10px;

 height: 750px;

 width: 80px;

 float: left;

}







#footer {

	height: 100px;

	clear: both;

	color: #ffffff;

	background: #4b4e3e;

	margin: 0px 0px 0px 0px;

	padding: 10px;

	text-align: center;

}

#footertype {

	font-family: "Times New Roman", Times, serif;

}

#p3 {

	font-family: "Times New Roman", Times, serif;

	font-size: 16px;

	line-height: 22px;

	font-weight: normal;

}

#h1 {

	font-family: "Times New Roman", Times, serif;

	font-size: 9px;

}

#p4 {

	font-family: "Times New Roman", Times, serif;

	font-size: 16px;

	line-height: 20px;

}

#wrapper #content table tr td .p4 {

	font-family: "Times New Roman", Times, serif;

}

#wrapper #content table tr td .p4 {

	font-size: 16px;

	line-height: 20px;

}



#wrapper #content table tr td .p5 {

	font-size: 22px;

	line-height: 20px;

	font-family: "Times New Roman", Times, serif;

}

#wrapper #content table tr td .p5 u {

	font-family: "Times New Roman", Times, serif;

	font-size: 26px;

	color: #666;

}

#wrapper #content table tr td {

	font-family: "Times New Roman", Times, serif;

	font-size: 18px;

	line-height: normal;

	font-variant: normal;

	text-transform: none;

	font-style: normal;

	color: #4b4e3e;

}

.eventtitle{

	font-family: "Times New Roman", Times, serif;

	font-size: 16px;

	color: #4b4e3e;

	font-weight: bold;

}

.eventsdate {

	font-family: "Times New Roman", Times, serif;

	font-size: 14px;

	font-style: italic;

	font-weight: normal;

	color: #4b4e3e;

}



.eventscontent {

	font-family: "Times New Roman", Times, serif;

	font-size: 14px;

	font-weight: normal;

	color: #4b4e3e;

	line-height: 19px;

}



.pagetitle {

	font-family: "Times New Roman", Times, serif;

	font-size: 36px;

	border-top-width: thin;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: none;

	border-top-color: #4b4e3e;

	border-right-color: #4b4e3e;

	border-bottom-color: #4b4e3e;

	border-left-color: #4b4e3e;

	font-weight: normal;

}

#wrapper #content table tr td table tr td {

	font-weight: normal;

}