/*******General CSS styles ******/
body { margin: 0; padding: 0; width: 100%; background: #3878BF url(../images/background.jpg) no-repeat center top;
       font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Link Styles */
a { color:#3878BF; text-decoration:none; }
a:hover { color: #608DBC }

.container { width: 980px; margin: 0 auto; }

/*Nav bar*/
ul.nav { list-style-type: none; background: #b0c95c; height: 60px; }
ul.nav li { float: left; }
ul.nav a { color: #ffffff; text-decoration: none; display: block; padding: 20px; font-size: 20px; text-align: center; }
ul.roundedTop a:hover { background: #a4bf56; -moz-border-radius-topleft:2ex; -moz-border-radius-topright:2ex; -webkit-border-top-left-radius:2ex;
  -webkit-border-top-right-radius:2ex; }
ul.roundedTop a:active { background: #a4bf56; -moz-border-radius-topleft:2ex; -moz-border-radius-topright:2ex; -webkit-border-top-left-radius:2ex;
  -webkit-border-top-right-radius:2ex;}

/*Bottom Nav hovers */
ul.roundedBottom a:hover { background: #a4bf56; -moz-border-radius-bottomleft:2ex; -moz-border-radius-bottomright:2ex; -webkit-border-bottom-left-radius:2ex;
  -webkit-border-bottom-right-radius:2ex; }
ul.roundedBottom a:active { background: #a4bf56; -moz-border-radius-bottomleft:2ex; -moz-border-radius-bottomright:2ex; -webkit-border-bottom-left-radius:2ex;
  -webkit-border-bottom-right-radius:2ex; }

/* Main content divs */
#mainContent { background: #e0e0ac; padding: 20px 20px 0 20px; height: 315px;}
#mainContent2 { background: #e0e0ac; padding: 20px 20px 0 20px; height: 600px;}
#mainContent3 { background: #e0e0ac; padding: 20px 20px 0 20px; height: 1020px; }
#mainContent4 { background: #e0e0ac; padding: 20px 20px 0 20px; height: 800px; }

#mainContent2 h2 { font-size: 20px; padding: 10px 0 10px 10px; border-top: solid 2px #608DBC; border-bottom: solid 2px #608DBC; text-align: center;
                   background: url(../images/blueDotPattern.jpg) repeat-x; color: #3678BD; }
#mainContent2 h3 { font-size: 18px; padding: 10px 0 10px 10px; border-top: solid 2px #B0C95C; border-bottom: 2px solid #B0C95C; 
                   background: #c3db74; color: #fff; }
#mainContent2 p { font-size: 18px; line-height: 1.3em; padding: 10px; }
#mainContent2 ul { font-size: 18px; line-height: 1.3em; padding: 10px; }
#mainContent3 h2 { font-size: 20px; padding: 10px 0 10px 10px; border-top: solid 2px #608DBC; border-bottom: solid 2px #608DBC; text-align: center;
                   background: url(../images/blueDotPattern.jpg) repeat-x; color: #3678BD; }
#mainContent3 h3 { font-size: 18px; padding: 10px 0 10px 10px; border-top: solid 2px #B0C95C; border-bottom: 2px solid #B0C95C; 
                   background: #c3db74; color: #fff; }
#mainContent3 p { font-size: 18px; line-height: 1.3em; padding-top: 10px; margin: 5px; }
#mainContent3 ul { font-size: 18px; line-height: 1.3em; }
#mainContent3 ul li { margin: 5px; }
#mainContent3 ul li.items { background: #cfcfa2; }
#mainContent3 ul li.itemPic { width: 640px; }

#mainContent4 h2 { font-size: 20px; padding: 10px 0 10px 10px; border-top: solid 2px #608DBC; border-bottom: solid 2px #608DBC; text-align: center;
                   background: url(../images/blueDotPattern.jpg) repeat-x; color: #3678BD; }
#mainContent4 h3 { font-size: 18px; padding: 10px 0 10px 10px; border-top: solid 2px #B0C95C; border-bottom: 2px solid #B0C95C; 
                   background: #c3db74; color: #fff; }
#mainContent4 p { font-size: 18px; line-height: 1.3em; padding-top: 10px; margin: 5px; }
#mainContent4 ul { font-size: 18px; line-height: 1.3em; }
#mainContent4 ul li { margin: 5px; }
#mainContent4 ul li.items { background: #cfcfa2; }
#mainContent4 ul li.itemPic { width: 640px; }

h3.width {width: 600px; }
img.right { border: 1px solid #000; margin-bottom: 10px; margin-left: 10px; float: right; }
img.push { margin-top:20px; }

/*topBox*/
#topContentBox { background: url(../images/blueDotPattern.jpg) repeat-x; height: 230px; width: 920px; padding: 0 10px 0 10px; margin-bottom: 0; }
#topContentBox img { float: left; padding-right: 10px; }
#topContentBox h2 { font-size: 28px; color: #3678bd; text-align: left; padding: 5px 5px 0 5px; }
#topContentBox p { color: #325b91; text-align: left; font-size: 19px; padding: 5px 5px 0 5px; }

/*Buttons*/
#button { width: 920px; float: right; padding: 0; margin: 0; background: #e0e0ac; }
#button img { float: right; margin:0; padding: 0; }

/*Ribbon*/
#ribbon { width: 960px; position: relative; height: 130px; }
#ribbonLeft { width: 30px; height: 143px; position: absolute; left: -30px; top:-12px; }
#ribbonMiddle { width: 960px; height: 121px; margin: 0 auto; background: #316198; float: left; padding-bottom: 10px; padding-left: 20px; position: absolute; left: 0px; }
#ribbonMiddle img { float: left; padding: 10px 20px 10px 0; }
#ribbonRight { width: 30px; height: 144px; position: absolute; left: 980px; top:-12px;}

/*Rounded Corners*/
.roundedTop { -moz-border-radius-topleft:2ex; -moz-border-radius-topright:2ex; -webkit-border-top-left-radius:2ex; -webkit-border-top-right-radius:2ex;} 
.roundedBottom { -moz-border-radius-bottomleft:2ex; -moz-border-radius-bottomright:2ex; -webkit-border-bottom-left-radius:2ex;
  -webkit-border-bottom-right-radius:2ex;} 

/*Bottom Content*/
#bottomContent { background: #e0e0ac; padding: 20px 20px 0 20px; }
#bottomContent p { font-size: 18px; line-height: 1.3em; padding: 10px; }
#bottomContent h3 {font-size: 28px; padding: 10px;}

/*Contact Form*/
#contactForm { width: 550px; font-size: 18px; float: left; margin-top: 20px; }
#contactForm .label { float: left; width: 200px; margin-right: 10px; text-align: right; clear: left; margin-bottom: 10px; padding: 5px } 
#contactForm .textBox { width: 300px; float: left; padding: 5px; margin-bottom: 10px; } 
#contactForm .comments { height: 250px; }
#contactForm .button { margin-left: 220px; padding: 5px; width: 310px; }
#contactForm .validator { float: right; color: #3878BF;  }
#pnlSuccess { width: 500px;}

/*second Column */ 
#secondColumn { width: 340px; float: right; margin-top: 20px; margin-right: 10px; }
#secondColumn h3 { width: 340px; text-align: center; }
#secondColumn address {padding: 0 0 0 10px;}
#secondColumn h4 {padding: 0 0 0 10px;}


/*phone number emphasis*/
.phone { font-size: 20px; }

/*Heading emphasis*/
.heading {font-weight: bold; color: #3688C3; background:url(../images/blueDotPattern.jpg); }

/*Errors*/
.error { color: #3878BF; }