* { margin:0; padding:0;}
body {font-family: arial, sans-serif; background:url(../images/bg2.jpg) no-repeat; background-color:#3366cc;}

#wrapper { width: 950px; margin-left: 30px;}

h1, h2, h3, h4 {font-weight: bold;}
h1 { font-size: 24px; color: #333333; margin: 8px 0 12px 0;}
h1.center { font-size: 24px; color: #333333; margin: 8px 0 12px 0; text-align: center;}
h2 {font-size: 18px;}
h2 {color: #333333; padding-bottom: 4px;}
h2.centerred {font-size: 18px;}
h2.centerred {color: #cc0033;text-align: center;}
h2.center {text-align: center;}
h3.center {text-align: center;}
h3 { font-size: 14px; margin: 0;font-weight: bold; color: #333333;padding-bottom: 4px;}
h3.first { padding-top: 8px;}
h3.after { padding-top: 8px;}
h3 > p {padding-top:20px;}
h4 { font-size: 13px; color: #333333;}

#mid-col-10 p.head3 {color: #333333;font-size: 16px; font-weight: bold; border-bottom: 1px dotted #a1a5a9; padding: 0;}
#mid-col-10 p.head2 {font-size: 12px; font-weight: bold; padding-bottom: 4px; color: #333333;}
img.right {float: right; padding-left: 20px; padding-bottom: 10px;}
img.left { float: left; padding-right: 20px; padding-bottom: 10px;}
.right {float: right; padding-left: 20px; padding-bottom: 10px;}
img.center {padding-bottom: 10px;}

hr {border: 0; height: 2px; width: 100%; color: #cccccc; background-color: #cccccc; text-align:}


p {font-size: 13px; color: #333333; padding: 0;margin: 0;}
p + p {padding-top: 10px;}
p.first {padding-top: 10px;}
p.last {padding-bottom: 10px; padding-top: 10px;}
p.only {padding-bottom: 10px;}
p.head3 { font-size: 14px; font-weight: bold; color: #000; padding-top: 8px;}
.bold {font-weight:bold;}
.black {color:#000000;}
.bolditalic {font-style:italic; font-weight:bold;}
.italic {font-style:italic;}
p.center {text-align: center;}
p.materials {font-family: Arial; font-size: 12px; font-style:italic; font-weight:bold; color: #000000;}
blockquote {outline:#cccccc solid thin;padding:10px;}

a:link {text-decoration: none;color: #000099;}
a:visited {text-decoration: none;color: #000099;}
a:link img {border: none;}
a.bold {font-weight: bold;}
a img {border: none;}
area a {border: 1px solid red;}

br.clear { clear:both;}
.clear { clear:both;}

/*header*/
#header {height:230px;}
#header { background:url(../images/header_bgd.jpg) no-repeat;}
#header .col_1 { width:283px; position: absolute; top: 60px; left: 40px;}
#header .col_2 { width:225px; position: absolute; top: 40px; left: 410px;}
/*header2*/
#header2 {height:230px;}
#header2 { background:url(../images/header_bgd2.jpg) no-repeat;}
#header2 .col_1 { width:283px; position: absolute; top: 60px; left: 40px;}
#header2 .col_2 { width:225px; position: absolute; top: 40px; left: 410px;}
/*header3*/
#header3 {height:230px;}
#header3 { background:url(../images/header_bgd3.jpg) no-repeat;}
#header3 .col_1 { width:283px; position: absolute; top: 60px; left: 40px;}
#header3 .col_2 { width:225px; position: absolute; top: 40px; left: 410px;}
#header4 {height:10px; background:url(../images/joint5.png) no-repeat;}
/*beige panel*/
#beigepanel { background: url(../images/beigedot.gif) repeat; width:950px;position:relative;}
#whitepanel { background: url(../images/whitedot.gif); width:950px;}
#redpanel { background: url(../images/reddot.gif) repeat-x; width:950px;}
#midpanel { background: url(../images/bg3.gif) repeat; width:950px;}
#videopanel { background: url(../images/whitedot.gif); width:950px;}

.spacer100 {padding-top:100px; clear:both;}
.spacer20 {padding-top:20px; clear:both;}
.spacer10 {padding-top:10px; clear:both;}
.spacer5 {padding-top:5px; clear:both;}


#main { border-bottom: solid #cccccc 1px; height: 230px;}

#main img {padding-top: 20px; float: left;}

#main p.top {padding: 70px 20px 0px 380px;font-size: 30px;}
#main p.bottom {padding: 10px 20px 20px 380px;font-size: 18px;}
p.nopic {padding: 20px 20px 10px 0px;font-size: 30px; border-bottom: solid #cccccc 1px;}
#mid-col-1 {float: left; width:218px;margin-left:39px; display:inline;}
#mid-col-2 {float: left; width:218px;display:inline;}
#mid-col-3 {float: left; width:218px;display:inline;}
#mid-col-4 {float: right; width:218px;margin-right: 39px;display:inline;}

.mid-col-5 {float: left; width: 46%; margin-left:4%;display:inline;}
.mid-col-6 {float: left; width: 46%; margin-right: 4%;display:inline;}
.mid-col-11{float: left; width: 92%; margin-right: 4%; margin-left: 4%;display:inline; border-bottom: solid #cccccc 1px;}
.mid-col-12{float: left; width: 92%; margin-right: 4%; margin-left: 4%;display:inline;}

/*page2*/
#mid-col-7 {float: left; width: 212px;margin: 20px 20px 20px 20px;display: inline;}
#mid-col-7 h3 {padding-top: 10px;}
#mid-col-8 {float: left; width: 301px; margin-left: 38px;margin-right: 10px;display: inline;}
#mid-col-9 {float: right; width: 301px; margin-right: 38px;margin-left:10px;display: inline;}
#mid-col-10 {float: right; width: 622px; margin-right: 38px; margin-left: 38px;display: inline;}
#mid-col-12 {float: right; width: 622px; margin-right: 38px; margin-left: 38px;display: inline;}
#mid-col-13 {float: left; width:654px; padding-left:39px; display:inline; }
#mid-col-14 {float: right; width:208px; margin-right: 39px; display:inline;}
#mid-col-15 {float: left; width: 401px; margin-left: 38px;margin-right: 10px;display: inline;}
#mid-col-16 {float: right; width: 201px; margin-right: 38px;margin-left:10px;display: inline;}
.mid-col-17 {float: left; width: 560px; margin-right: 38px; margin-left: 38px;display: inline;}
.mid-col-18 {float: left; width: 276px; margin-right: 38px;display:inline;}


#page1 #beigepanel img {padding: 30px 0 20px 0;}
#page1 #beigepanel p {font-size: 12px; color: #333333; padding: 0px 20px 10px 0;margin: 0;}
#page1 #whitepanel {padding-top: 5px;}
#page1 #whitepanel h1 {font-size: 36px; color: #333333;}
#page1 #whitepanel .toplines {padding-left: 4%;line-height:.9;}
#page1 #whitepanel img {float: right;padding-right: 4%;padding-top: 5px;}
#page1 #whitepanel {background: #fff;}
#page1 #whitepanel p {font-size: 12px; color: #333333; padding: 0px 20px 10px 0;margin: 0;}
#page1 #whitepanel p.only {font-size: 12px; color: #333333; padding: 0px 20px 10px 0;margin: 0;}


#footer {clear: both; height: 50px; background: url(../images/reddot.gif) repeat; width:950px; color: #fff; text-align:center; position:relative; font-family: Arial; font-size: 10px; font-weight: bold; padding-top: 10px;}
a:link.bottombartext {color: #ffffff;}
a:visited.bottombartext {color: #ffffff;}
a:hover.bottombartext { color: #ffff66;}

#leftnav {}
ul.nav {list-style-type: none; padding: 0; margin:0;border-left: 2px solid #cccccc;border-right: 2px solid #cccccc;}
ul.nav a {display: block;width: 198px;background: #ffffff;padding-left: 10px;}
ul.nav a {font-size: 11px; font-weight: bold;}
ul.nav a:hover {background: #999999;}
ul.nav li {width: 198px;height: 1.25em; line-height: 1.25em; }
ul.nav a.nolink {font-size: 12px; font-weight: bold;background: #cccccc; color: #003366;}
ul.navb {list-style-type: none; padding: 0; margin:0;}
ul.navb a {display: block;width: 188px;background: #ffffff;padding-left: 20px;}
ul.navb a {font-size: 10px; font-weight: bold;}
ul.navb a:hover {background: #999999;}
ul.navb li {width: 198px;height: .9em; line-height: .9em; }
ul.navb a.nolink {font-size: 10px; font-weight: bold;background: #cccccc; color: #003366;}



.feature {background: transparent url(../images/greyfeaturetop.gif) no-repeat top center; width: 301px;}
.featurefooter {background: transparent url(../images/greyfeaturebottom.gif) no-repeat bottom; height: 10px; width: 301px;}
.feature2 {background: transparent url(../images/greyfeaturetop2.gif) no-repeat top center; width: 622px;}
.featurefooter2 {background: transparent url(../images/greyfeaturebottom2.gif) no-repeat bottom; height: 10px; width: 622px;}
.padder {padding: 10px 15px 10px 15px;}
.feature h3 {padding-top: 10px;}
.feature2 h3 {padding-top: 10px;}

.col7feature {background: transparent url(../images/col7featuretop.gif) no-repeat top center; width: 212px;}
.col7featurebottom {background: transparent url(../images/col7featurebottom.gif) no-repeat bottom; height: 10px; width: 212px;}
.col7feature h4 {padding-bottom: 5px;}
.col7feature p {font-size: 11px; line-height: 1.2; padding-bottom: 10px;}
.col7feature p.only {font-size: 11px; padding-bottom: 0px;}
.beigepanelfeature {margin-top:10px; background: transparent url(../images/beigepanelfeaturetop.png) no-repeat top center; width: 654px;}
.beigepanelfeaturebottom {background: transparent url(../images/beigepanelfeaturebottom.png) no-repeat bottom; height: 10px; width: 654px;}
.beigepanelfeature h4 {padding-bottom: 5px;}
.beigepanelfeature p {font-size: 11px; line-height: 1.2; padding-bottom: 10px;}
.beigepanelfeature p.only {font-size: 11px; padding-bottom: 0px;}


ul.disc {list-style-type: disc; list-style-position: outside; padding: 0px 0px 0px 40px; margin: 0;}
ul.disc1 {list-style-type: disc; list-style-position: outside;font-family: Arial; font-size: 12px; color: #333333;margin:5px 0px 5px 0px;}
ul.disc2 {list-style-type: disc; list-style-position: inside;font-family: Arial; font-size: 12px; color: #333333;margin:5px 0px 5px 15px;}
ul.disc3 {list-style-type: disc; list-style-position: inside;font-family: Arial; font-size: 12px; color: #333333;margin:5px 0px 5px 15px;}
ul.disc3 li {padding-bottom: 5px;}
ul.disc4 {list-style-type: disc; list-style-position: outside;font-family: Arial; font-size: 12px; color: #333333;margin:5px 0px 5px 15px;}
ul.disc4 li {padding-bottom: 5px;}

ul.none {list-style-type: none; list-style-position: inside; font-size: 12px; color: #333333;}
ul.decimal {list-style-type: decimal; list-style-position: outside; font-size: 12px; color: #333333;}
ul.circle {list-style-type: circle;}
ul.square {list-style: square inside; margin: 4px 0 5px 20px; font-size: 12px;}

ol.decimal {list-style-type: decimal; list-style-position: outside; font-size: 12px; color: #333333;margin: 0px 0px 20px 0px;}
ol.decimal1  {list-style-type: decimal; list-style-position: inside; font-size: 12px; color: #333333;margin: 0px 0px 20px 10px;}
ol.decimal2  {list-style-type: decimal; list-style-position: outside; font-size: 10px; color: #333333; margin: 0px 0px 20px 0px;}
ol.decimal3  {list-style-type: decimal; list-style-position: outside; font-size: 12px; color: #333333;margin: 10px 0px 10px 20px;}
ol.decimal4  {list-style-type: decimal; list-style-position: outside; font-size: 12px; color: #333333;margin: 0px 0px 10px 20px;}


form.general { width: 450px; font-family: Arial; font-size: 12px; font-weight: normal; color: #333333;}
form.survey { width: 700px; font-family: Arial; font-size: 12px; font-weight: normal; color: #333333;}
label { width: 160px; float: left; text-align: right;  display: block; margin-right: 10px; margin-top: 4px;}
form.workshops { width: 500px; font-family: Arial; font-size: 12px; font-weight: normal; color: #333333;}
input { width: 250px; color: #000; background-color: #fee3ad;margin-top: 4px;border: 1px solid #666666;}

#landpageitems p {font-size: 13px;padding-bottom:0;}
#landpageitems form {padding-bottom:10px;}

input.ppbutton { width: 120px; background-color: transparent;border: 0;}
input.pptybutton { width: 120px; background-color: transparent; margin-left:20px; border:0;}
input.button {width:80px;margin-top: 4px;margin-left: 170px;}
input.radiocheck {width: 10px;margin-right: 8px;margin-left: 20px;}
.spacer20 {padding-top:20px; clear:both;}
.spacer10 {padding-top:10px; clear:both;}
.ind170 { margin-left: 170px;}
input.checkbox {width: 10px;}
input.checkbox1 {margin-left: 295px; width: 20px;}

#adminform form {font-family: Arial; font-size: 12px; font-weight: normal; color: #333333; display: block;}
#adminform input {color: #000; background-color: #fee3ad;margin-top: 4px;border: 1px solid #666666;}
#adminform label {font-family: Arial; font-size: 12px; font-weight: normal; color: #333333; display: block;margin-right: 10px;}
#adminform fieldset { border: none;}



#portfolios fieldset {font-size: 12px; font-weight: normal; padding-top: 10px;}
#portfolios { width: 282px;}
#portfolios label { width: 210px; float: left; text-align: right; margin-top: 4px;}
#portfolios input { width: 60px; }
#portfolios input.confirm { width: 60px;background-color: #cccccc;border: 1px solid #cccccc;}


#additems fieldset {font-size: 12px; font-weight: normal; margin-top: 4px;display:block;}
#additems {float: left; width: 322px; margin: 0; padding: 0px;}
#additems label { width: 210px; float: left; text-align: right; margin-top: 4px;}
#additems input { width: 100px;}
#additems input.confirm { width: 100px;background-color: #cccccc;border: 1px solid #cccccc; }
#additemqty fieldset {font-size: 12px; font-weight: normal; margin-top: 4px;}
#additemqty {float: left; width: 126px; margin: 0; padding: 0px;}
#additemqty label { width: 40px; float: left; text-align: right; margin-top: 4px;}
#additemqty input { width: 50px;}
#additemqty input.confirm { width: 50px; background-color: #cccccc;border: 1px solid #cccccc;}
#contactinfo fieldset {font-size: 12px; font-weight: normal; margin-top: 4px;}
#contactinfo { width: 500px;}
#contactinfo label { width: 210px; float: left; text-align: right; margin-top: 4px;}
#contactinfo input { width: 278px; }
#contactinfo input.confirm { width: 278px; background-color: #cccccc;border: 1px solid #cccccc;}
#contactinfo input.plain { border:none;background-color: #ffffff; }

.workshops {padding: 20px;background-color:rgb(51,102,205);}
.workshops p {color:#fff;}
.workshops h1 {color:#fff; font-size: 20px; margin:0;}
.workshops hr {background-color: rgb(48,125,231); color: rgb(48,125,231); height: 3px;margin:4px 0; }
.workshops ul.disc2 {list-style-type: disc; list-style-position: outside;font-size: 12px; color: #fff;margin:5px 0px 5px 25px;}


#special table {border-collapse: collapse; margin-left: 220px;}
#special td { font-family: Arial; font-size: 12px;color: #000000; vertical-align: middle;width: 100px; line-height: 1.8; border: 1px solid #cccccc; text-align: center; }


p.midheader4 {font-family: "Comic Sans MS"; font-size: 20px; font-weight: normal; color: #000099; text-align: center; line-height: 1.5em;}