html,
body {
  margin:0;
  padding:0;
  height:100%;
}

body {
  background:#5f73c0;
}

body.register {
  text-align:center;
}

ul {
  margin-top:0px;
}

ul li {
  padding-top:5px;
}

td.formLabel {
  font-weight:bold;
}

#container {
  width:795px;
  margin:0 auto;
  position:relative;
  min-height:100%;
  *min-height: 100%; /* IE 7 and below */
  _height/**/: 100%; /* IE 5.0 */
  _height:/**/ 100%; /* IE 5.5 only */
  _height/**/:/**/ 100%; /* IE 6 only */
  background:url(/imgs/txt_bg.png) top left repeat-y;
}

#header {
  height:129px;
  margin:0 auto;
  position:relative;
  background:url(/imgs/top_bg.2.png) top left no-repeat;
}

#header * {
  margin:0;
  padding:0;
}

#header h1 {
  display:none;
}

#header ul {
  position:absolute;
  bottom:7px;
  left:250px;
}

#header ul li {
  display:inline;
  padding-right:20px;
}

#header ul li a {
  color:#ffffff;
  text-decoration:none;
  font:bold 10pt arial;
}

#header ul li a:hover {
  color:#ccff00;
}

#body {
  padding:10px;
  padding-bottom:73px;	/* Height of the footer */
  background:url(/imgs/hdr_bg.png) top left no-repeat; 
}

#body h2 {
  text-align:center;
}

ul.section_links {
  text-align:center;
}

ul.section_links li {
  display:inline;
  padding:0px 20px;
  border-left:1px solid #cccccc;
}

ul.section_links li.first {
  border-left:0px;
}

ul.section_links li a {
  color:#3399ff;
  text-decoration:none;
  font:bold 11pt arial;
}

ul.section_links li a:hover {
  color:#ccff00;
}

ul.section_links li a.current_section {
  border-bottom:1px solid #5f73c0;
}

#body div.welcome {
  background:url(/imgs/inksplash_txt_2.jpg) 90% 100% no-repeat;
  min-height:1%;
  *min-height: 1%; /* IE 7 and below */
  _height/**/: 1%; /* IE 5.0 */
  _height:/**/ 1%; /* IE 5.5 only */
  _height/**/:/**/ 1%; /* IE 6 only */
}

#who_we_are {
  padding-top:10px;
  margin:20px 50px;
  /*background:url(/imgs/child1.m.jpg) top right no-repeat;*/
  /*background:url(/imgs/artsmartstudioc.jpg) top right no-repeat;*/
  min-height:1%;
  *min-height: 1%; /* IE 7 and below */
  _height/**/: 1%; /* IE 5.0 */
  _height:/**/ 1%; /* IE 5.5 only */
  _height/**/:/**/ 1%; /* IE 6 only */
  font:11pt arial;
}

#who_we_are div {
  width:300px;
  padding-bottom:70px;
  padding-bottom:60px;
}

#who_we_are ul li {
  padding-top:10px;
}

#mission {
  padding-top:20px;
  padding-bottom:10px;
  margin:20px 50px;
  background:url(/imgs/paint1.m.jpg) top left no-repeat;
  min-height:1%;
  *min-height: 1%; /* IE 7 and below */
  _height/**/: 1%; /* IE 5.0 */
  _height:/**/ 1%; /* IE 5.5 only */
  _height/**/:/**/ 1%; /* IE 6 only */
  font:11pt arial;
}

#mission div {
  position:relative;
  left:300px;
  width:300px;
}

#mission ul {
  margin-top:0px;
  padding-top:0px;
}

#mission ul li {
  padding:10px;
}

#learn {
  padding-top:20px;
  padding-bottom:10px;
  margin:20px 50px;
  background:url(/imgs/bright_idea.m.jpg) top left no-repeat;
  min-height:1%;
  *min-height: 1%; /* IE 7 and below */
  _height/**/: 1%; /* IE 5.0 */
  _height:/**/ 1%; /* IE 5.5 only */
  _height/**/:/**/ 1%; /* IE 6 only */
  font:11pt arial;
}

#learn div {
  position:relative;
  left:250px;
  width:400px;
}

#offer {
  margin:20px 50px;
  font:10pt arial;
}

#offer div h3 {
  position:relative;
  color:#5f73c0;
  text-align:center;
  background-color:#eeeeee;
}

#offer div h3 span {
  font:8pt verdana;
  position:absolute;
  right:10px;
  *right: 70px; /* IE 7 and below */
  _right/**/: 70px; /* IE 5.0 */
  _right:/**/ 70px; /* IE 5.5 only */
  _right/**/:/**/ 70px; /* IE 6 only */
  top:3px;
}

#offer div h3 span a {
  color:#777777;
  text-decoration:none;
}

#offer div h3 span a:hover {
  color:#5f73c0;
  font-weight:bold;
}

#asop {
  /*padding-top:10px;*/
  margin:20px 50px;
  /*background:url(/imgs/child1.m.jpg) top right no-repeat;*/
  /*background:url(/imgs/artsmartstudioc.jpg) top right no-repeat;*/
  min-height:1%;
  *min-height: 1%; /* IE 7 and below */
  _height/**/: 1%; /* IE 5.0 */
  _height:/**/ 1%; /* IE 5.5 only */
  _height/**/:/**/ 1%; /* IE 6 only */
  font:11pt arial;
}

#contact_form {
  padding-top:20px;
  width:530px;
  margin:0 auto;
  background:url(/imgs/child1.m.jpg) 95% 15% no-repeat;
  min-height:1%;
  *min-height: 1%; /* IE 7 and below */
  _height/**/: 1%; /* IE 5.0 */
  _height:/**/ 1%; /* IE 5.5 only */
  _height/**/:/**/ 1%; /* IE 6 only */
}

#contact_form div {
  background-image:url(/imgs/palette1.m.jpg);
  background-repeat:no-repeat;
  background-position:0% 100%;
  *background-position: 0% 93%; /* IE 7 and below */
  min-height:1%;
  *min-height: 1%; /* IE 7 and below */
  _height/**/: 1%; /* IE 5.0 */
  _height:/**/ 1%; /* IE 5.5 only */
  _height/**/:/**/ 1%; /* IE 6 only */
}

#registration_form {
  padding-top:60px;
  width:98%;
  background:url(/imgs/classes3.jpg) 98% 15% no-repeat;
  min-height:1%;
  *min-height: 1%; /* IE 7 and below */
  _height/**/: 1%; /* IE 5.0 */
  _height:/**/ 1%; /* IE 5.5 only */
  _height/**/:/**/ 1%; /* IE 6 only */
}

#registration_form div {
  background:url(/imgs/paint.tubes.jpg) 10% 100% no-repeat;
  min-height:1%;
  *min-height: 1%; /* IE 7 and below */
  _height/**/: 1%; /* IE 5.0 */
  _height:/**/ 1%; /* IE 5.5 only */
  _height/**/:/**/ 1%; /* IE 6 only */
}

#registration_form table {
  width:600px;
  margin:0 auto;
}

#registration_form table td {
  padding-bottom:7px;
}

#application {
  width:85%;
  margin:0 auto;
  min-height:1%;
  *min-height: 1%; /* IE 7 and below */
  _height/**/: 1%; /* IE 5.0 */
  _height:/**/ 1%; /* IE 5.5 only */
  _height/**/:/**/ 1%; /* IE 6 only */
}

#contact_form h4 {
  text-align:center;
}

#footer {
  position:absolute;
  bottom:0;
  width:100%;
  height:73px;   /* Height of the footer */
  background:url(/imgs/ftr_bg.png) top left no-repeat;
}

#footer div {
  position:relative;
  padding:0px 30px;
  height:100%;
}

#footer div p {
  position:absolute;
  bottom:3px;
  color:#7bb200;
  font:bold 7pt verdana;
  margin:0px;
  padding:0px;
/*
  right:30px;
*/
}

#copyright_address
{
  position:absolute;
  right:30px;
}


h2.pageTitle {
  display:none;
}

ul.page_links {
  text-align:center;
}

ul.page_links li {
  display:inline;
  padding:10px;
}

ul.page_links li a {
  color:#5f73c0;
}

ul.page_links li a:hover {
  color:#aacc00;
}

#summer_classes {
  background:url(/imgs/classes1.jpg) top right no-repeat;
  background:url(/imgs/summertopics.jpg) top right no-repeat;
  min-height:1%;
  *min-height: 1%; /* IE 7 and below */
  _height/**/: 1%; /* IE 5.0 */
  _height:/**/ 1%; /* IE 5.5 only */
  _height/**/:/**/ 1%; /* IE 6 only */
}

#ongoing_classes {
  background:url(/imgs/classes2.jpg) 98% 20% no-repeat;
  min-height:1%;
  *min-height: 1%; /* IE 7 and below */
  _height/**/: 1%; /* IE 5.0 */
  _height:/**/ 1%; /* IE 5.5 only */
  _height/**/:/**/ 1%; /* IE 6 only */
}

#ongoing_classes ul li strong.day {
  color:#3399ff;
}

#ongoing_classes ul li {
  margin-right:135px;
}

#ongoing_classes ul li ul li p {
  margin-top:1px;
  margin-bottom:1px;
}

#ongoing_classes ul li ul li {
  margin-bottom:5px;
}

#parties {
  background:url(/imgs/inksplash_txt.jpg) 100% 15% no-repeat;
  min-height:1%;
  *min-height: 1%; /* IE 7 and below */
  _height/**/: 1%; /* IE 5.0 */
  _height:/**/ 1%; /* IE 5.5 only */
  _height/**/:/**/ 1%; /* IE 6 only */
}

#parties table {
  border-collapse:collapse;
  margin-bottom:5px;
}

#parties table th {
  background:#dddddd;
  border:1px solid #cccccc;
  color:#5f73c0;
  padding:5px;
}

#parties table td {
  border:1px solid #cccccc;
  padding:5px;
}

#party_incl {
  padding-right:420px;
}
#news {
  width:595px;
  margin:0 auto;
}

#news h4 {
  position:relative;
  /*left:-20px;*/
  margin-bottomx:2px;
  color:#3399ff;
  font-size:1.1em;
}

#news p {
  margin-top:0px;
}

#news span.date {
  color:#999999;
  font:bold 10pt arial;
}

#news ul li div {
  margin-left:20px;
}

div.news_date {
  text-align:right;
  font:bold 8pt verdana;
  color:#9999ff;
  border-bottom:1px solid #dddddd;
}

.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.text {width:250px;}
.longtext {width:400px;}
.form_ex {font:7pt verdana;}
.error {color:#990000;}
.dark_orange {color:#cc6600;}
.classDay
{
  font:bold 10pt arial;
  color:gold;
  background:#5f73c0;
  padding:20px;
}
#oclasses {border-collapse:collapse}
#oclasses td {border:1px solid #cccccc}
#notice_orig {
  position:absolute;
  top:0px;
  left:350px;
  height:86px;
  width:182px;
  border:1px solid #cccccc;
  background:#ffffff url(/imgs/artsmart.09camp.jpg) center center no-repeat;
  display:none;
}
#notice {
  position:absolute;
  top:8px;
  left:350px;
  height:253;
  width:465px;
  background:transparent url(/imgs/sc10.png) top left no-repeat;
  display:none;
}
#notice a
{
  /*display:block;*/
  position:relative;
  font:8pt verdana;
  top:60px;
  left:50px;
  left:90px;
}
