/* Link styles
------------------------------------------------ */

a:link    {color: #FFCCAD; text-decoration: underline;outline:none;}
a:visited {color: #FFCCAD; text-decoration: underline;}
a:hover   {color: #EDB093; text-decoration: underline;}
a:active  {color: #FFCCAD; text-decoration: underline;}


/* Container
------------------------------------------------ */

body {
 	margin: 0px;
	padding: 0px;
    background-image: url('../images/52.gif');
    background-repeat: repeat-x;
    background-position: 0px 6px;
    text-align: center;
}
  
#all {position: relative; margin: 0px auto 12px auto; width: 922px; padding:0px;}

#main
{
    height: auto;
    width: 922px;
    position: relative;
    text-align: left;
    margin: 0px 0px 0px 0px ;
    padding: 0px;
}



/* Header
------------------------------------------------ */

#header
{
    height: 80px;
    width: 922px;
    margin-left: -4px;
    padding: 0px;
    position: relative;
    text-align: left;
}

.header-left
{
    float: left;
    margin: 0px;
    padding:0px;
    width: 275px;
}

.header-right
{
    float: right;
    width: 630px;
    margin: 38px 0 0 0;
    text-align: right; 
    font: normal 2.1em/1.4em "Times New Roman", Georgia, Verdana, serif;color: #CECECE;font-style:italic;
}

/* Footer
------------------------------------------------ */
.footer 
{
    width: 922px;
    height: auto;
    border-top: 4px solid #CECECE;
    padding: 6px 0px 0px 0px;
    margin: 0px;
    color: #666666;
    font: normal 90% Verdana, Arial, Helvetica, sans-serif;
    line-height:1.5em;
    text-align: left;


}

.foot  a {color: #666666; text-decoration: underline;}
.foot a:link  {color: #666666; text-decoration: underline;}
.foot a:visited  {color: #666666; text-decoration: underline;}
.foot a:hover  {color: #333333; text-decoration: underline;}
.foot a:active  {color: #666666; text-decoration: underline;}


.foot a.none    {text-decoration:none;}

/* Navigation & Lists
------------------------------------------------ */


#navcontainer
{
    width:912px;
    height:24px;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 0px 0px;
    position: relative;
    text-align: left;
}

#navlist {margin: 0;padding: 0;}

#navlist ul, #navlist li
{
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
    float: left;
font-weight: normal;
padding: 3px 24px 0px 0px;
text-decoration: none;
color: #FFC4B1;
font-family: Georgia, Times New Roman, Arial, Helvetica, sans-serif;
line-height:1.3em;
font-size:125%;
outline:none;
}

#navlist a:link#active, #navlist a:visited#active, #navlist a:hover
{color: #FFC4B1;}

#navlist a:hover { color: #FFFFFF; }

#navlist a:active {color: #FFFFFF;}

#navlist li a.active { color: #FFFFFF;}


/* Layout
------------------------------------------------ */

.content-float-rigid
{
    height: auto;
    float: left;
	width: 910px;
	padding: 12px 0px 0px 0px;
   	margin: 0px;
}


.first-float-rigid
{
    height: auto;
	width: 262px;
    float: left;
	padding: 0px;
    margin: 0px;

}

#lhscontainer
{
	width: auto;
    height: auto;
    position: relative;
    font: normal 100% Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    text-align: left;
  	color: #FFFFFF;
}

.second-float-rigid
{
    height: auto;
    float: right;
	width: 647px;
	padding: 0px;
   	margin: 0px;
}

#maincontainer
{
	height: auto;
    font: normal 100% Verdana, Arial, Helvetica, sans-serif;
  	color: #FFFFFF;
    position: relative;
    margin: 0px;
    padding: 0px 0px 0px 12px;

}

.third-float-rigid
{
    height: 320px;
    float: right;
	width: 1px;
	padding: 0px;
    margin: 0px;
}


.feature-row
{     
	padding: 0px;
	margin: 12px 0px 0px 0px;
}


.feature
{     
    height:auto;
	width:auto;
	position: relative;
    text-align: left;
	padding:0px 16px 0px 0px;
        margin: 0px;
    font: normal 90% Verdana, Arial, Helvetica, sans-serif;
}

.feature-border
{     
    height:10em;
	width:auto;
	position: relative;
	padding:0px 0px 0px 16px;
        margin: 0px;
	border-left: 1px dotted #CCCCCC;
    font: normal 90% Verdana, Arial, Helvetica, sans-serif;

}

.feature-wrapper-rigid
{
	float: right;
	width: 668px;
	padding: 0px 0px 6px 0px;
	margin: 0px;
}

.first-feature-rigid
{
    height: auto;
    float: left;
	width: 247px;
	padding:  12px 0px 12px 0px;
    margin: 0px;
}

.second-feature-rigid
{
    height: auto;
    float: left;
	width: 323px;
	padding:  12px 0px 12px 0px;
   	margin: 0px;
}

.third-feature-rigid
{
    height: auto;
    float: right;
	width: 323px;
	padding:  12px 0px 12px 0px;
    margin: 0px;

}

.feature-link
{     
    height:auto;
	width:auto;
    font: normal 135% Georgia, Times New Roman, Arial, Helvetica, sans-serif;
	color: #444444; 
	text-align:left;
	text-decoration: none;
}

.feature-link a {color: #444444; text-decoration: none;outline:none;}
.feature-link a:link  {color: #444444; text-decoration: none;}
.feature-link a:visited  {color: #444444; text-decoration: none;}
.feature-link a:hover  {color: #000000; text-decoration: none;}
.feature-link a:active  {color: #444444; text-decoration: none;}


.callout-link
{     
    height:auto;
	width:auto;
    font: normal 150% Georgia, Times New Roman, Arial, Helvetica, sans-serif;
	color: #666666; 
	text-align:left;
	text-decoration: none;
}

.callout-link a {color: #666666; text-decoration: none;outline:none;}
.callout-link a:link  {color: #666666; text-decoration: none;}
.callout-link a:visited  {color: #666666; text-decoration: none;}
.callout-link a:hover  {color: #000000; text-decoration: none;}
.callout-link a:active  {color: #666666; text-decoration: none;}


/* Pagination Formatting
------------------------------------------------ */




/* Headers and Paragraphs:
---------------------------------------------------------------- */

h1, h2, h3, h4, h5
{
	font-family: Georgia, Times New Roman, Arial, Helvetica, sans-serif;
     line-height: 1.2em;

}


h1 { font-size: 170%; font-weight: normal; color: #FFFFFF; }
h2 { font-size: 150%; font-weight: normal; color: #000000; }
h3 { font-size: 140%; font-weight: normal; color: #FFC4B1; }
h4 { font-size: 140%; font-weight: normal; color: #000000; }
h5 { font-size: 120%; font-weight: normal; color: #FFFFFF; }
h6 { font-size: 100%; font-weight: normal; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em;}

h1, h2, h3, h4, h5, h6, pre,
blockquote, ol, dl, address
{
     margin:  0;
     padding: 0;
}

p
{
     line-height: 1.4em;
     margin:  .3em 0;
     padding-bottom: 6px;
}


/* Apply Left Margin:
---------------------------------------------------------------- */

li, dd, blockquote
{
     margin-left: 1em;
     margin-bottom: 0.3em;

}


/* Neutralize styling:
   Elements we want to clean out entirely
   and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, fieldset
{
     margin: 0;
     padding: 0;
     font: normal 100.01%/1.1em "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
}

html { font-size: 70%; } /* 1em = 12px */
html { font-size: 70%; } /* override it ... go bigger */




/* Miscellaneous Conveniences
---------------------------------------------------------------- */
form label
{cursor: pointer;}

fieldset
{border: none;}

input, select, td
{font-size: 100%;}

html[xmlns] pre { font-size: 1.3em;}

.rigid-demo { margin: 0 auto; text-align: left; width: 766px;}

.rigid-demo a:hover {color: #0000FF; text-decoration: none;}


.center-hackbox { text-align: center; }

h2, .clearfooter { clear: both;}

.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }


/* Form Styles
---------------------------------------------------------------- */
#contact
{
	height: auto;
        width: auto;
  	color: #FFFFFF;
        position: relative;
        margin: 0px 0px 0px 24px;
        padding: 0px;

}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font: normal 100% Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}


form label { 
	display: block;  
	float: left; 
	padding: 0; 
	margin-top: 8px; 
	margin-bottom: 3px; 
	text-align: left; 
}

form fieldset legend {
	font-size:150%; 
  	padding: 0px;
}

form textarea,  form input {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	width:auto;
	margin-left: 10px; 
}


form textarea
{
 overflow: auto; 
 font: normal 11px Verdana, Arial, Helvetica, sans-serif;

}

form.required{font-weight:bold;}

form br {
	clear:left;
}

#zemContactForm fieldset {border: 0;}


.zemError 
{
	font: normal 10px/11px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 19px;
	margin-top: 7px;
	width: auto;
color: #FF0000;

}

.zemError li
{
         padding-left: 0px;
	list-style: none;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 3px;
	padding-bottom: 5px;
color: #FF0000;
}


.zemError li a
{ 
color: #FF0000;
      text-decoration: none; 

}

.comment
{ 
font-size: 90%; font-weight: normal; color: #666666;
}

/* Images / Graphics
------------------------------------------------ */

.article-image
{
    position: relative;
    height: auto;
    width: auto;
    float: right;       
    margin: 4px 6px 4px 6px;

}

.article-thumb
{
    float: left;        
    height: auto;
	width:auto;
	position: relative;
	margin: 0px 12px 12px 0px;
}

.article-thumb a  
{
     float: left;        
    height: auto;
	width:auto;
	position: relative;
	border: 1px solid #CCCCCC;
	padding: 4px 4px 3px 4px;

}

.article-thumb a:link, .article-thumb a:visited {border: 1px solid #CCCCCC; text-decoration: none;outline:none;}

.article-thumb a:hover  {border: 1px solid #A12E0B; text-decoration: none;}

.gallery-thumb
{
    float: left;        
    height: 53px;
	width:80px;
	position: relative;
margin: 3px 9px 15px 9px;

}

.gallery-thumb a  
{     float: left;        
    height: 53px;
	width:80px;
	position: relative;
border: 4px solid #CCCCCC;
}



.gallery-thumb a:link, .gallery-thumb a:visited {border: 4px solid #CCCCCC; text-decoration: none;}

.gallery-thumb a:hover  {border: 4px solid #A12E0B; text-decoration: none;}

.gallery-listing-thumb
{
          float: left;   
    height: 65px;
	width:92px;
	position: relative;
margin: 3px 9px 18px 15px;
padding: 0px 9px 0px 0px;

}

.gallery-listing-thumb img
{

padding: 6px;
}

.gallery-listing-thumb a  
{        
    float: left;      
    height: 65px;
	width:92px;
	position: relative;
border: 1px solid #CCCCCC;

}

.gallery-listing-thumb a:link, .gallery-listing-thumb a:visited {border: 1px solid #CCCCCC; text-decoration: none;}

.gallery-listing-thumb a:hover  {border: 1px solid #A12E0B; text-decoration: none;}


img
{
    border: none;
}

#gallery { position: relative; width:558px; height:230px; margin:0; padding:0; }

#gallery li { display: block; }
