/* General Link styles
------------------------------------------------ */

a:link    {color: #006699; text-decoration: none;outline: none;}
a:visited {color: #006699; text-decoration: none;}
a:hover   {color: #0000FF; text-decoration: underline;}
a:active  {color: #006699; text-decoration: none;}


/* Container
------------------------------------------------ */

body {
 	margin: 0px;
 	padding: 0px;
 	background: #FFFFFF;
 	text-align: center;
}

#all {position: relative; margin: 0px auto; min-width: 768px;width: 100%; padding:0px;}

#main
{
    height: auto;
    min-width: 768px;
    width: 100%;
    position: relative;
    text-align: left;
    margin: 0px 0px 0px 0px ;
    padding: 0px;
    background-image: url('../images/505.jpg');
    background-repeat: repeat-x;
}



/* Header
------------------------------------------------ */


#header
{
    height: 168px;
    width: 100%;
    margin: 0px;
    padding-top: 0px;
    position: relative;
    text-align: left;
    background: #717073;
}



/* Footer
------------------------------------------------ */
.footer {

        float: left;
	width: 100%;
        height: 32px;
	margin: 18px 0px 0px 0px;
	padding: 0px;
	background: #a6aeb4;;
        color: #FFFFFF;
        text-decoration: none;
        font: normal 90% Verdana, Arial, Helvetica, sans-serif;
	line-height:1.2em;

}

.footer-left
{
        float: left;
	width: 65%;
        height: auto;
	margin: 0px;
	padding: 9px 0px 0px 11px;
}

.footer-right
{
        float: right;
	width: 30%;
        height: auto;
	padding: 9px 11px 0px 0px;
        text-align:right;
}


.foot {font: normal 100%/1.2em Verdana, Arial, Helvetica, sans-serif;}

.foot a:link, .footer a:visited, .footer a:active {color: #FFFFFF; text-decoration: underline;}

.foot a:hover {color: #D8E3E9; text-decoration: underline;}


/* Navigation & Lists
------------------------------------------------ */

#navcontainer
{
    min-width: 768px;
    width:100%;
    height:42px;
    margin: 1px 0px 1px 0px ;
    padding-top: 0px;
    position: relative;
    text-align: center;
    background: #673175;
font-size:0.9em;
}
#navcontainersub
{
    min-width: 768px;
    width:100%;
    height:42px;
    margin: 1px 0px 1px 0px ;
    padding-top: 0px;
    position: relative;
    text-align: center;
    background: #a6aeb4;
}

#navlist
{
    margin: 0;
    padding: 0 0 0 4px;
    text-align: center;
    font: normal 100% Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
    line-height: 13px;
    font-weight: normal;
    text-transform:uppercase;

}

#navlist ul, #navlist li
{
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#navlist li a.last
{
    margin-left: 12px;
    padding: 14px 12px 15px 12px;
    background: #673175;
    color: #FFFFFF;
    display: block;
    float:right;
outline: none;
}

#navlist li a.last:hover
{
    background: #562862;
    color: #FFFFFF;
}

#navlist a:link, #navlist a:visited
{
    float: left;
    margin:  0 0 1px 3px;
    padding: 14px 6px 15px 6px;
    width:auto;
    height:auto;
    color: #FFFFFF;
    text-decoration: none;
outline: none;
}

#navlist a:link#active, #navlist a:visited#active
{
    background: transparent;
    color: #FFFFFF;
}
#navcontainer #navlist a:hover { color: #666; }
#navcontainersub #navlist a:hover { color: #673175; }

#navlist a:active
{
    background: transparent;
    color: #FFFFFF;}

#navlist li a.active
{
    background: transparent;
    color: #FFFFFF;
}


.articlelist { margin: 12px 1px 0px 0px;width:auto}

.articlelist ul
{
     margin: 10px 10px 0px 0px;
     padding: 0;
     list-style-type: none;
     text-decoration: none; 

}

.articlelist li
{
     margin: 0px 2px 0px 2px;
     padding-left: 0px;
     list-style-type: none;
}

.articlelist a
{
     display: block;
     padding: 3px 0px 4px 16px;
     font: normal 110%"Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
     width: auto;
     text-decoration: none; 
     background-image:  url(../images/882.gif);
     background-repeat: no-repeat;
     background-position: 0px 7px;
outline: none;
}

.articlelist a:link, .articlelist a:visited { color: #673175; text-decoration: none; }

.articlelist a:hover { color: #000000; text-decoration: none; 
	background-image:  url(../images/882.gif);
	background-repeat: no-repeat;}

.articlelist a:active{ color: #000000; text-decoration: none; background-image:  url(../images/882.gif);
	background-repeat: no-repeat; }

.articlelist li a.active{ color: #000000; text-decoration: none; background-image:  url(../images/882.gif);
	background-repeat: no-repeat; }


.sublist { margin: -10px 1px 0px 0px;width:auto}

.sublist ul
{
     margin: 0px 10px 0px 0px;
     padding: 0;
     list-style-type: none;
     text-decoration: none; 

}

.sublist li
{
     margin: 0px 2px 4px 2px;
     padding-left: 0px;
     list-style-type: none;
}

.sublist a
{
     display: block;
     padding: 0px 0px 0px 16px;
     font: normal 100% "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
     width: auto;
     text-decoration: none; 
}

.sublist a:link, .sublist a:visited { color: #673175; text-decoration: none; }

.sublist a:hover { color: #000000; text-decoration: none;}

.sublist a:active{ color: #000000; text-decoration: none;}

.sublist li a.active{ color: #000000; text-decoration: none; }



/* Layout
------------------------------------------------ */

.content-float-rigid
{
    height: auto;
	float: left;
	width: 99%;
	padding: 0px;
   	margin: 0px;
}

.first-float-rigid
{
        height: 400px;
        float: right;
	width: 1%;
	padding: 0px;
        margin: 0px;	
}

.second-float-rigid
{
        height: auto;
        float: left;
	width:  72%;
	padding: 0px 0px 0px 0px;
   	margin: 0px 0px 0px 0px;
}

.third-float-rigid
{
        height: auto;
        float: right;
	width: 190px;
	padding: 0px 0px 0px 1px;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #A6AEB4;
}


#lhscontainer
{
	width: auto;
	height: auto;
	position: relative;
	margin: 0px;
	padding: 0px;
}

#maincontainer
{
	width: auto;
	height: auto;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
  	color: #6F6D70;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 12px 18px 0px 18px;


}

#rhscontainer
{
	width: auto;
	height: auto;
	position: relative;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 8px 0px 0px ;
	padding: 0px;
	text-align: left;
  	color: #000000;
        background-image: url('../images/505.jpg');
        background-repeat: repeat-x;
}

#titlecontainer
{
	width: auto;
	height: 2.8em;
	position: relative;
	margin: 12px 8px 1px 18px;
	padding: 20px 0px 18px 0px;
	border-bottom: 1px solid #A6AEB4;
	background-image: url('../images/842.gif');
	background-repeat: no-repeat;
	background-position: top right;

}




.feature-row
{
	width: 100%;
	height: auto;
	position: relative;     
	padding: 0px;
	margin: 16px 18px 0px 18px;
	text-align: left;
	border-top: 1px solid #A6AEB4;
}


.feature-title
{     
	height:auto;
	width:144px;
	position: relative;
	float:left;
	padding: 6px;
        margin: 3px 0px 2px -3px;
	font: normal 120% "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
    color: #FFFFFF;
    background: #673175;

}

.feature
{     
	height:auto;
	width:auto;
	position: relative;
	float:left;
	padding:0px;
        margin:0px;
}


.feature-border
{     
	height:200px;
	width:auto;
	position: relative;
	float:left;
	padding:0px;
        margin:0px;
	border-right: 1px solid #A6AEB4;
}

.feature-pullquote
{     
	height:auto;
	width:200px;
	position: relative;
	float:left;
	padding: 12px 0px 12px 12px;
        margin: 0px;
        color: #919AA2;
	font: normal 140% Verdana, Arial, Helvetica, sans-serif;
}

.feature-inner
{     
	height:auto;
	width:140px;
	position: relative;
	float:left;
	padding:8px 10px 8px 6px;
        margin:0px;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

.feature-wrapper-rigid
{
	float: left;
	width: 323px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 3px;
}

.first-feature-rigid
{
	height: auto;
	float: left;
	width: 160px;
	padding: 0px;
	margin: 0px;
}

.second-feature-rigid
{
	height: auto;
	float: right;
	width: 160px;
	padding: 0px;
   	margin: 0px;
}

.third-feature-rigid
{
	height: auto;
	float: left;
	width: 194px;
	padding: 0px;
	margin: 0px;
}

.feature-link
{     
	height:auto;
	width:auto;
	font: normal 100% "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
	color: #006699; 
	text-align:left;
	text-decoration: none;
}

.feature-link a {color: #006699; text-decoration: none;}
.feature-link a:link  {color: #006699; text-decoration: none;}
.feature-link a:visited  {color: #006699; text-decoration: none;}
.feature-link a:hover  {color: #000000; text-decoration: none;}
.feature-link a:active  {color: #006699; text-decoration: none;}


.article-listing
{     
    height:auto;
	width:auto;
	position: relative;
	float:left;
	margin:0px 0px 0px 0px;
	padding:12px 12px 0px 12px;
	font-size: 90%;
	background: #F0F0F0;
}

.article-link
{     
    height:auto;
	width:auto;
    font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #72A52E; 
	text-align:left;
	text-decoration: none;
}

.article-link a {color: #72A52E; text-decoration: none;}
.article-link a:link  {color: #72A52E; text-decoration: none;}
.article-link a:visited  {color: #72A52E; text-decoration: none;}
.article-link a:hover  {color: #000000; text-decoration: none;}
.article-link a:active  {color: #72A52E; text-decoration: none;}


.feature-brochure
{     
	height:auto;
	width:auto;
	position: relative;
	float:left;
	padding:16px 4px 16px 4px;
        margin: 12px 4px 0px 4px;
	border-top: 1px solid #A6AEB4;
        font: normal 110% "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;

}


/* Pagination Formatting
------------------------------------------------ */

ul.rsx-page-num-list
{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}
		
ul.rsx-page-num-list li
{
        display: inline;
	margin:0px;
	padding:0px;

}


/* Headers and Paragraphs:
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6
{

     font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
     line-height: 1em;
     padding-bottom: 0px;
}


h1 { font-size: 160%; font-weight: normal; color: #673175; }
h2 { font-size: 135%; font-weight: bold; color: #07085B; }
h3 { font-size: 120%; font-weight: bold; color: #8A898B; }
h4 { font-size: 130%; font-weight: normal; color: #000000; }
h5 { font-size: 110%; font-weight: bold; color: #006699; }
h6 { font-size: 110%; font-weight: bold; color: #000000; }

h1, h2, h3, h4, h5, h6, pre,
blockquote, ul, ol, dl, address
{
     margin:  .1em 0;
     padding: 0;
}

p
{
     line-height: 1.3em;
     padding: 2px 0 8px 0;
     margin:0;
}

/* Apply Left Margin:
---------------------------------------------------------------- */
ul, li, dd
{
     margin-left: 1.6em;
}

ul
{
     padding-bottom: 1em;
}

li
{
     padding-bottom: .2em;
}

blockquote
{
     background:#F0F0F0;
     color:#444444;
     font-size: 110%;
     padding: 4px 12px 4px 12px;
     margin:1.6em;
}



/* 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: 65%; } /* 1em = 10px */
html { font-size: 70%; } /* override it ... go bigger */




/* Miscellaneous Conveniences
---------------------------------------------------------------- */
form label
{cursor: pointer;}

fieldset
{border: none;}

input, select, td
{font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;}

textarea
{font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;}

html[xmlns] pre { font-size: 1.3em;}

.rigid-demo { margin: 0 auto; text-align: left; width: 768px;}

.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
---------------------------------------------------------------- */

form fieldset 
{
	width: auto;
	height: auto;
	padding: 12px 12px 12px 12px ;
	margin: 0px 0px 12px 0px;
	border: 1px solid #CCCCCC;
}




form input#textarea{width:auto;}

form input{margin:4px 0 0 0;padding:2px;}

form label {font-size: 90%;}

.form-container { width: auto;float:right;height: auto; margin: 0; padding: 0;}

.form-row {clear:both; padding: 4px 0px 4px 0px; margin: 0; text-align:left;}
.form-row-required {font-weight:bold;padding: 4px 0px 4px 0px; margin: 0; text-align:left;}

.field-widget {}

#zemContactForm fieldset {border: 0;}

.zemError 
{
	font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 12px;
	padding-bottom: 12px;
	margin-top: 0px;
	margin-left: 0px;
	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; }

/* Images / Graphics
------------------------------------------------ */

.article-image-left
{
        float: left;       
        height: auto;
	width: auto;
	position: relative;
        margin: 0px 0px 8px 0px;
        padding: 0px;
}

.article-image-right
{
        float: right;        
        height: auto;
	width: auto;
	position: relative;
        margin: 0px 8px 8px 8px ;
        padding: 0px;
}

.article-image img {border: 0px solid #DFDFDF;}
.article-image-home img {border: 0px solid #DFDFDF;}
img {border: none;}

.article-thumb
{
     text-align: center;     
	position: relative;
    float: left;        
    height: 90px;
	width:100px;
margin: 4px 0px 4px 4px;
padding: 8px 0px 4px 4px;


}

.article-thumb a:link, .article-thumb a:visited { text-decoration: none;}
.article-thumb a:hover  { text-decoration: none;}
.article-thumb a:active {text-decoration: none;}
.article-thumb li a.active {text-decoration: none;}