/* Default CSS */
*, * form, * p {
  color:#03316e;
  font-family:Arial,sans-serif;
}

html {
}

body {
  background-color:#fff;
  background-attachment:fixed;
  background-image:url('r/i/bg.jpg');
  background-position:center 75px;
  background-repeat:no-repeat;
  background-size:100%;
  font-size:1.1em;
  margin:0;
  padding:0;
}

header {
  background-image:url('r/i/people-helping-people.jpg');
  background-position:right top;
  background-repeat:no-repeat;
  border-top:#fff solid 1px;
  margin:0 auto 0 auto;
  padding:0;
  height:145px; 
  width:1000px;
}
header h1 {
  color:#03316e;
  font-family:Cambria,serif;
  font-size:64px;
  font-style:italic;
  text-shadow: 2px 2px #ffcb01;
}

nav {
  background-color:#03316e;
  border-top:#ffcb01 solid 10px;
  box-shadow:0px 5px 3px 0 #909090;
  height:40px;
  margin:0 auto 10px auto;
  padding:0;
  width:100%;
}
nav ul {
  list-style-type:none;
  margin:0;
  padding:0;
  position:relative;
  text-align:center;
}
nav ul li {
  background-color:transparent;
  color:#fff;
  display:inline-block;
  font-family:Arial,serif;
  font-size:17px;
  font-weight:bold;
  line-height:40px;
  margin:0;
  padding:0 8px 0 8px;
  text-align:left;
}
nav a {
  color:#fff;
  text-decoration:none;
}
nav a:hover {
  color:#ffcb01;
}
nav ul li ul.submenu {
  background-color:#03316e;
  margin:0 0 0 -5px;
  padding:0 0 5px 0;
  position:absolute;
  top:100%;
  visibility:hidden;
  z-index:100;
}
nav ul li ul.submenu li {
  color:#fff;
  display:block;
  float:none;
  font-size:17px;
  font-weight:bold;
  line-height:28px;
}
nav ul li ul.submenu li:hover {
}

#wrapper {
  background-color:transparent;
  margin:0 auto 0 auto;
  padding:0;
  width:1000px;
}
#wrapper .widget {
  float:left;
  font-size:smaller;
  height:160px;
  margin:0 10px 0 0;
  padding:0;
  width:323px;
}
#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4 {
  font-family:Cambria,serif;
}
#wrapper h1 { font-size:1.65em; }
#wrapper h2 { font-size:1.4em; }
#wrapper h3 { font-size:1.1em; }
#wrapper h4 { color:#a90327; font-family:arial,sans-serif; text-decoration:underline;}
#wrapper .content {
  background: -webkit-radial-gradient(#e0f4fc 20%, #8ab9f2); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#e0f4fc 20%, #8ab9f2); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#e0f4fc 20%, #8ab9f2); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#e0f4fc 20%, #8ab9f2); /* Standard syntax (must be last) */
  border:#424040 solid 1px;
  border-radius: 0 0 25px 25px;
  clear:both;
  margin:30px 0 0 0;
  padding:0 20px 20px 20px;
}
#wrapper aside {
  border:#424040 solid 1px;
  border-radius: 25px 0 25px 0;
  margin:20px 0 0 0;
  padding:20px 20px 20px 20px;
}
#wrapper .yellow {
  background: -webkit-radial-gradient(#ffe8a1 20%, #ffcb01); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#ffe8a1 20%, #ffcb01); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#ffe8a1 20%, #ffcb01); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#ffe8a1 20%, #ffcb01); /* Standard syntax (must be last) */
}
#wrapper .right {
  float:right;
  margin-left:15px;
}
#wrapper .left {
  float:left;
  margin-right:15px;
}
#wrapper .content li {
  margin-top:10px;
}

#welcome {
  background: -webkit-radial-gradient(#e0f4fc 20%, #8ab9f2); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#e0f4fc 20%, #8ab9f2); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#e0f4fc 20%, #8ab9f2); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#e0f4fc 20%, #8ab9f2); /* Standard syntax (must be last) */
  border:#424040 solid 1px;
  border-radius: 0 0 25px 25px;
  margin:30px 0 0 0;
  padding:0 20px 20px 20px;
  width:960px;
}

#anger-management {
  background: -webkit-radial-gradient(#e0f4fc 20%, #8ab9f2); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#e0f4fc 20%, #8ab9f2); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#e0f4fc 20%, #8ab9f2); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#e0f4fc 20%, #8ab9f2); /* Standard syntax (must be last) */
  border:#424040 solid 1px;
  border-radius: 0 0 25px 25px;
  float:left;
  height:170px;
  margin:30px 0 30px 0;
  padding:0 20px 20px 20px;
  width:600px;
}

#counseling {
  background-image:url('r/i/ID-100145656.jpg');
  border:#424040 solid 1px;
  border-radius: 0 0 25px 25px;
  float:right;
  height:190px;
  margin:30px 0 30px 0;
  padding:0;
  width:330px;
}

#dui-service {
  background: -webkit-radial-gradient(#e0f4fc 20%, #8ab9f2); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#e0f4fc 20%, #8ab9f2); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#e0f4fc 20%, #8ab9f2); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#e0f4fc 20%, #8ab9f2); /* Standard syntax (must be last) */
  border:#424040 solid 1px;
  border-radius: 0 0 25px 25px;
  float:right;
  height:170px;
  margin:0 0 30px 0;
  padding:0 20px 20px 20px;
  width:600px;
}

#dui-car-accident {
  background-image:url('r/i/dui-car-accident.jpg');
  border:#424040 solid 1px;
  border-radius: 0 0 25px 25px;
  float:left;
  height:190px;
  margin:0 0 30px 0;
  padding:0;
  width:330px;
}

#services {
  float:left;
  height:170px;
  margin:30px 0 30px 0;
  padding:0;
  width:602px;
}
.service {
  background: -webkit-radial-gradient(#e0f4fc 20%, #8ab9f2); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#e0f4fc 20%, #8ab9f2); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#e0f4fc 20%, #8ab9f2); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#e0f4fc 20%, #8ab9f2); /* Standard syntax (must be last) */
  border:#424040 solid 1px;
  border-radius: 0 0 25px 25px;
  margin:0;
  padding:0 20px 20px 20px;
  display:none;
}

.dui-option {
  background-color:#309899;
  background-image:url('r/i/dui-sm.png');
  background-position:15px 15px;
  background-repeat:no-repeat;
  border:#424040 solid 1px;
  border-radius: 0 0 25px 25px;
  clear:both;
  margin:30px 0 20px 0;
  padding:0 20px 15px 100px;
  width:880px;
}
.dui-option * {
  color:#fff;
}
#drug-alcohol-curriculum {
  border-collapse:separate;
}
#drug-alcohol-curriculum td {
  font-size:smaller;
  padding:.5em;
  vertical-align:top;
}

#contact-us {
  background-color:#309899;
  border:#424040 solid 1px;
  border-radius: 0 0 25px 25px;
  clear:both;
  margin:30px 0 20px 0;
  padding:0 20px 15px 20px;
  width:960px;
}

footer {
  background-color:#03316e;
  border:#424040 solid 1px;
  border-radius:25px 25px 0 0;
  height:70px;
  margin:25px auto 0 auto;
  padding:0; 
  position:relative;
  width:1000px;
}

#copyright {
  background-color:#ffcb01;
  border:#424040 solid 1px;
  border-radius:25px 25px 0 0;
  bottom:0px;
  height:40px;
  margin:0 auto 0 auto;
  padding:0;
  position:absolute;
  width:998px;
}
#copyright p {
  color:#03316e;
  font-size:.6em;
  font-weight:bold;
  text-align:center;
}