html, body {
height: 100%;
margin:0;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #000;
background: #cacaca;
}

a:link {  color: #d7016d; text-decoration: none}
a:active {  color: #d7016d; text-decoration: none}
a:visited {  color: #d7016d; text-decoration: none}
a:hover {  color: #d7016d; text-decoration: underline}

/* layout - Content Padding = Height of Footer */

#wrapper {
min-height: 100%;
width: 100%;
margin: 0 auto;
position: relative;
}
#content {
margin: 0 auto;
width: 900px;
padding: 0px 10px 100px 10px;
background:#fff;
}

/* header */

#header {
float: left;
width: 900px;
height: 125px;
text-align:left;
}
#arch_logo {
  float: left;
}

/********************/
/* DROP DOWN NAV CODE */

#navBar {
float: left;
width: 900px;
height: 30px;
background:#bdbdbd;
}
/* if navDrop is re-named then must also be re-named in JS file */
#navDrop, #navDrop ul {
float:right;
padding: 0;
margin: 0;
list-style: none;
text-align:left;
height:30px;
line-height:30px;
}
#navDrop a {
display: block;
width: auto;
padding: 0px 10px;
color:#fff;
}
#navDrop a:hover {
text-decoration:none;
color:#fff;
background: #80b539;
}
.currentpage {
text-decoration:none;
color:#fff;
background: #80b539;
}
/* duplicate and rename the bit below for each drop down section */
#drop1 a:hover, #drop1:hover, #navBar #drop1:hover > a,
#drop2 a:hover, #drop2:hover, #navBar #drop2:hover > a{
text-decoration:none;
color:#fff;
background: #80b539;
}
#navDrop li {
float: left;
width: auto;
}
#navDrop li ul {
position: absolute;
width: 160px;
left: -999em;
border-top: #fff 1px solid;
}
#navDrop li ul ul {
margin: -26px 0 0 165px;
}
#navDrop li ul li a{
width:150px;
height:auto;
line-height:normal;
color:#fff;
background-color:#80b539;
text-align:left;
margin:0px;
padding:6px 0px 6px 6px;
border: #fff 1px solid;
border-top:0px;
}
#navDrop li ul li a:hover{
color:#000;
background:#fff;
}
/* Fixes For IE */
#navDrop li:hover ul ul, #navDrop li.sfhover ul ul {
left: -999em;
}
#navDrop li:hover ul, #navDrop li li:hover ul, #navDrop li.sfhover ul, #navDrop li li.sfhover ul {
left: auto;
}
/* END DROP DOWN NAV CODE */
/********************/


/* main content areas */

#flashBox {
float: left;
width: 900px;
height: auto;
background-color:#80b539;
margin:10px 0px 10px 0px;
}
#main {
float:left;
width: 900px;
height:auto;
text-align:left;
}
#main h1{
margin-top:0px;
margin-bottom:5px;
padding:0px;
color:#d7016d;
font-size:17pt;
}

#left {
float:left;
width: 200px;
height:auto;
text-align:left;
}
#middle {
float:left;
width: 450px;
height:auto;
margin: 0px 25px 0px 25px;
text-align:left;
color:#424242;
}
#middle ul{
margin-left:18px;
padding-left:0px;
}
#middle h2{
margin-top:20px;
margin-bottom:5px;
padding:0px;
font-size:12pt;
}
.contentImage {
float:right;
margin: 0px 0px 5px 5px;
border:1px solid #d7016d;
}
#right {
float:left;
width: 200px;
height:auto;
text-align:left;
}

/* Side Items */

.sideColTop {
float:left;
width:180px;
height:auto;
padding: 10px 10px;
color:#fff;
background:#d7016d;
margin:  0px;
}
.sideColTop a:link,
.sideColTop a:hover,
.sideColTop a:active,
.sideColTop a:visited {
  color:  white;
}
.sideNewsHeadline a:link,
.sideNewsHeadline a:visited,
.sideNewsHeadline a:active,
.sideNewsHeadline a:hover {
  color: white;
}

.sideColMain {
float:left;
width:180px;
height:auto;
padding: 10px 10px;
margin:0px 0px 10px 0px;
color:#fff;
background:#80b539;
font-weight:  normal;
}
.sideColMain blockquote {
  padding:  0px;
  margin:   0px;
}

.sideColMain .name {
float:left;
width:180px;
text-align:right;
margin: 5px 0px;
}

.sideColMain h4 {
  margin:     0px;
  padding:    0px;
}
.sideColMain .news_archive {
  list-style: none;
  margin:     0px;
  padding:    0px;
  float:      left;
  width:      100%;
}
.sideColMain .news_archive li {
  float:      left;
  width:      48%;
  margin-right: 1%;
}


.QCText {
width:120px;
border:0px;
}

/* button properties */
.QCBut {
width:70px;
line-height:16px;
color:#fff;
background-color:#d7016d;
border:0px;
}
.sideNewsArt {
float:left;
width:180px;
heigh:auto;
margin: 0px 0px 15px 0px;
}
.sideNewsHeadline {
float:left;
width:180px;
heigh:auto;
font-weight:bold;
font-size:120%;
margin: 0px 0px 5px 0px;
}
.sideNewsDate {
float:left;
width:180px;
heigh:auto;
margin: 0px 0px 5px 0px;
font-weight:bold;
color:#416313;
}
.viewAll{
float:right;
}
.viewAll a{
color:#fff;
}

/* News pages */
.newsArticle {
float:left;
width: 450px;
height:auto;
margin: 10px 0px 10px 0px;
text-align:justify;
}
.newsArticle .headline {
float:left;
width: 450px;
height:auto;
color:#80b539;
font-weight:bold;
font-size:12pt;
}
.newsArticle .newsDate {
float:left;
width: 450px;
height:auto;
margin: 3px 0px;
color:#d7016d;
font-weight:normal;
font-size:11pt;
}
.newsArticle img {
  float:  right;
  margin: 0px 0px 3px 10px;
}


.tickerBox {
float:left;
width:900px;
height:auto;
padding: 5px 0px;
margin:10px 0px 0px 0px;
color:#fff;
background:#d7016d;
}

/* footer */

#footer {
width: 100%;
height: 100px;
position: absolute;
bottom: 0;
left:0;
text-align: center;
}
#footerContent {
width:900px;
height:100px;
text-align: left;
margin: auto;
}
.ajLink {
float:right;
margin: 10px 0px 0px 0px;
color:#888888;
}

#footer a, #footer a:visited {  color: #888888; text-decoration: none}
#footer a:hover {  color: #888888; text-decoration: underline}

/* Dajve */
blockquote {
  margin:   0px;
  padding:  5px;
}
.DrB_fleft { float: left; }
.DrB_fright { float: right; }
.DrB_fnone { float: none; }
.DrB_clear { clear: both }
.mm { background-color: #FFFF00; }
.inv { background-color: #FFDDDD; }
.halfcolumn {
  width:  220px;
}
.thirdcolumn {
  width:  150px;
}

.errors,
.messages {
  float:  left;
  border: 0px;
  margin: 0px 0px 10px 0px;
  padding:  2px;
}
.errors ul {
  list-style: inside;
  padding:  0px;
  margin:   0px;
}
.errors ul li {
  margin-bottom:  2px;
}
.errors p ,
.messages p {
  padding:  0px;
  margin:   0px 0px 5px 0px
}

#quick_contact label {
  float:  left;
  width:  60px;
}
#quick_contact .DrB_fleft {
  margin-bottom:  5px;
}
.link_row {
  float: left;
  width: 450px;
  margin-bottom:  10px;
}

#questionnaire .fr {
  width:  450px;
  float: left;
  margin-bottom:  5px;
}
#questionnaire .fr label {
  float:  left;
  width:  100px;
}

.pagination {
  line-height:  1.5em;
  clear:both;
  margin-top: 10px;
  float: left;
  font-size:  1.1em;
}
.pagination h3 {
  float: left;
  margin: 0px 10px 0px 0px;
  font-size:  1.1em;
  font-weight: normal;
}
.pagination ul {
  float: left;
  list-style: none;
  padding:  0px;
  margin: 0px;
}
.pagination ul li {
  border: 1px solid;
}
.pagination ul li,
.pagination ul li a:hover {
  float: left;
  width:  1.5em;
  line-height:  1.5em;
  text-align: center;
  margin-right: 5px;
  text-decoration: none;
}
.pagination ul li a:link,
.pagination ul li a:visited,
.pagination ul li a:active {
  display: block;
}

/* Remove after go-live. Or don't - it's a marquee tag. *ugh* */
/* marquee { display: none; } */

.sideColProducts {
  margin: 0px;
  padding:  0px;
  list-style: none;
}
.sideColProducts a:link,
.sideColProducts a:visited,
.sideColProducts a:hover,
.sideColProducts a:active {
  color:  #FFFFFF;
}


#email-form {
  float: right;
  margin-top: 15px;
  width: 250px;
}
#email-form fieldset {
  border: 0px;
  padding: 0px;
} 
#email-form fieldset legend {
  color: #D41A6D;
  font-size: 1.2em;
  padding: 0px;
  margin-bottom: 5px;
} 
#label_en_email {
  float: left;
  margin-right: 10px;
}
#en_email {
  float:  left;
  width:  200px;
}
#email-form input {
  border: 1px solid #80B539;
}
#email-form #en_submit {
  background-color: #D41A6D;
  border: 0px;
  padding: 1px 5px;
  font-size: 1.25em;
  margin-top: 5px;
  color: #FFFFFF;
}