@charset "UTF-8";
/* CSS Document */

body { 
  background-color:#000000;
  margin:0;
  text-align:center;
  behavior:url(csshover.htc);
  }
#page_content_bottom{
  clear:both;
  position:relative;
  margin:0;
  height:172px;
  background:url(images/content_end.jpg);
  }
#event {}
#event h4{padding:0; margin:0;display:inline;}
#event .eventDate {font-size:66%;}
#event .details {
display:block; 
font-size:90%;
width:290px; 
padding-top:10px;
padding-left:10px;
  font: normal 12px/20px Trebuchet MS, Trebuchet, verdana, arial, sans-serif;
  color: #666666;
   }
hr {
   height: 1px;
   width: 100%;
   background: #aab59a;
   border: 1px;
   color: #aab59a;
   }

h1, .confirmation_section {
   font: 900 14px/20px  Trebuchet MS, Trebuchet, verdana, arial, sans-serif;
   color: #2261a7;
   padding: 10px 0px 0px 0px;
   }

h2 {
   font: 700 14px/14px Trebuchet MS, Trebuchet, verdana, arial, sans-serif;
   color: #2261a7;
   padding-top:10px;
   }

h3 {
   font: 700 12px/12px Trebuchet MS, Trebuchet, verdana, arial, sans-serif;
   color:#2261a7;
   width:auto;
   }

ul {
   margin: 0px;
   padding:0px;
   }
h1 span {
  }
h1.title { 
  margin-right: 280px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:600;
  color:#ffc425;
  font-size:24px;
  }
a:link {
  text-decoration: none;
   color: #2261a7;
  }
a{
  text-decoration: none;
   color: #2261a7;
   cursor:pointer;
  }
a:visited { 
  text-decoration: none;
  color:#000000;
   color: #2261a7;
  }
a:hover {
  text-decoration: underline;
  color:#ffffff;
   color: #2261a7;
  } 
.title {
  float:right;
  margin-right:20px;
  width:300px;
  }
.credit {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  padding-top:100px;
  }

#wrapper{
  width:801px;
  margin:0 auto;
  }
#page_wrapper{
  text-align:left;
  height:auto;
  }  
#page_content_wrapper{
  text-align:left;
  height:auto;
  overflow:hidden;
  background:url(images/mc_bg.gif);
  }
#leftcol {
   background:url(images/content_bg.jpg) no-repeat;
   height:auto; 
   }
#header{
  margin:0;
  padding:0;
  height:auto;
  }
#header_img{
  margin:0;
  padding:0;
  overflow:hidden;
  height:188px;
  }
#page_content{
  margin:0;
  background:url(images/content_bg.jpg) no-repeat;
  }
#col_left{
  width:420px;
  float:left;
  height:auto;
  margin:0 20px 0 40px;
  padding: 0px;
  overflow:hidden;
  }
#col_left h1 {
  font-family: Trebuchet MS,Trebuchet,verdana,arial,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 20px;
  font-size-adjust: none;
  font-stretch: normal;
  -x-system-font: none;
  color: #2261a7;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  }
#col_left p, #col_left .event_description { 
  font: normal 12px/20px Trebuchet MS, Trebuchet, verdana, arial, sans-serif;
  color: #666666;
  }

#footer{ 
  color:#F8F8F8;
  }
#copyright{
  font-size:10px;
clear:right;
  }
#pandion_notice{
  font-size:10px;
  }
#copyright  {
   font: normal 10px/12px arial, verdana;
   color: #342f21;
   width: 801px;
   height:49px;
   text-align: center;
   padding: 0px 0px 0px 0px ;
   float: left;
   text-decoration:none;
   }
#copyright a {   color: #342f21;
   text-decoration:none;
   font-weight: bold;
   }
#copyright a:hover {color: #342f21;
   text-decoration:underline;
   }

#home, #about, #art_camp, #magic_camp, #entertainment, #contact {
   margin:0;
   padding:0;
   overflow:hidden;
   }
#home {
  width:98px;
  height:31px;
  background:url(images/m_home.gif) no-repeat top left;
  }
#about {
  width:133px;
  height:31px;
  background:url(images/m_about.gif) no-repeat top left;
  }
#art_camp {
  width:134px;
  height:31px;
  background:url(images/m_art_camp.gif) no-repeat top left;
  }
#contact {
  width:113px;
  height:31px;
  background:url(images/m_contact.gif) no-repeat top left;
  }
#entertainment {
  width:180px;
  height:31px;
  background:url(images/m_entertainment.gif) no-repeat top left;
  }
#magic_camp {
  width:143px;
  height:31px;
  background:url(images/m_magic_camp.gif) no-repeat top left;
  }
#home:hover, #about:hover, #art_camp:hover, #magic_camp:hover, #entertainment:hover, #contact:hover {
  background-position: bottom left;
  }
#menu{
  height:31px;
  margin:0;
  padding:0;
  overflow:hidden;
  width:801px;
  }
#menu img {
  border:none;
  }
#menu .main_nav {
  display:block;
  height:29px;
  margin:0;
  padding:0;
  list-style-type:none;
  }
#menu .main_nav_li {
  margin:0;
  padding:0;
  list-style-type:none;
  display:block;
  float:left;
  }
#menu .main_nav_li a, #menu .main_nav_li a:link #menu .main_nav_li a:visited {
  display:block;
  height:30px;
  margin:0px;
  padding:0;
  width:auto;
  }
#menu  .main_nav_li ul.sub_nav {
   width:auto;
   list-style-type:none;
   position:absolute;
   margin:0 0 0 0px;
   padding:0;
   overflow:hidden;
   display:none;
   }
#menu  .main_nav_li:hover ul.sub_nav  {
   display:block;
   padding:0;
   margin:0;
   overflow:hidden;
   }
#menu .sub_nav_li {
   list-style-type:none;
   display:block;
   font-size:14px;
   float:left;
   clear:left;
   background:#000000;
   width:auto;
   height:auto;
   min-width: 100px;
   overflow:hidden;
   border:1px solid white;
   border-width:0 1px 1px 1px;
   margin:0;
   padding:4px  4px 0px 4px;
   }
#menu .sub_nav_li a, #menu .sub_nav_li a:link, #menu .sub_nav_li  a:visited, #menu .sub_nav_li  a:active{
   color:white;
   height:20px;
   font-family:Verdana, Arial, Helvetica, sans-serif ;
   font-weight:500;
   font-size:66%;
   }
#menu .sub_nav_li a:hover {
  list-style-type:none;
   color:#2261a7;
   }
/*    -----------------------   Small Columns    -----------------------   */  
#smleft { 
   width:260px;
   float:left;
   }
#smright {
   width:260px;
   float:right;
   }

/*    -----------------------   Content Images    -----------------------   */  

.picleft {
   float: left;
    margin-top: 3px;
   margin-right:8px;
   margin-bottom:0px;
   border: 1px solid #dfa41c;
   }

.picright {
  float: right;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
  border: 1px solid #dfa41c;
   }

.pic {
   border: 1px solid #dfa41c;
   }
/*    -----------------------   Sponsor  -----------------------   */  

#twoline {
   width:400px; 
   background: url(../images/sponsors/line_single.gif); 
   margin-top: 100px;
   }
#twoline img {
   margin-left: 40px;
   vertical-align:middle;
   }
/*
 The image source is "images/sponsors/150"  for the twoline style
  <hr> tag should be after every other image name   
*/

#threeline {
   width:400px; 
   background: url(../images/sponsors/line_double.gif); 
   margin-top: 100px;
   }
#threeline img {
   margin-left: 28px;
   vertical-align: middle;
   border: 0px;
   }
/* 
  The image source is "images/sponsors/150"  for the threeline style
  <hr> tag should be after every third image name   
*/


.tablethis {
   border-top: 1px solid #dfa41c;
   border-right: 1px solid #dfa41c;
   border-left: 1px solid #dfa41c;
   }

.tablethis td {
   border-bottom: 1px solid #dfa41c;
   padding: 5px 0 0 5px;
   }

#NSMCvideo {
   width:291px;
   height: 96px; 
   background: url(/images/c_videos2.gif); 
   padding: 60px 0 0 20px;
   }
#midcol {
   width: 300px;
   vertical-align: top;
   float: left;
   }
#midcol p {
   font: normal 12px/15px  arial, verdana, sans-serif;
   color: #504e4e;
   }
#midcol a {
   color:#d6b102;
   text-decoration:none;
   }   
#midcol a:hover {
   text-decoration:underline;
   color:#d6b102;
   }
#midcol ul li {
   font: normal 11px/14px  geneva, arial, verdana;
   color: #6c6f72;
   list-style-image: url(../images/a_bullet.gif) !important;
   list-style-image: url(../images/a_bullet2.gif);
   margin-left: 45px;
   margin-top: 0px;
   padding: 0px;
   list-style-type:disc;
   }
#rightcol { float:left; clear:right; display:inline-block;}
#sideImageWrap {width:315px;margin-top:30px;overflow:hidden;}
#sideImages {
   float:left;
   width:154px; 
   height:156px; 
   background:no-repeat;
   font-size:66%;
   color: #FFF;
   font-weight:500; 
   padding:50px 5px 0 5px;
   overflow:hidden;
   }
#sideImages a, #sideImages a:link,#sideImages a:visited {
   color:yellow;
   text-decoration:none;
   }

#sideImages a:hover{

   text-decoration:underline;
   }
#clear {
display:block;
clear:both;
line-height:1px;
   }
#error_section, .required {
   color:#F00;
   font-weight:bold;
   font-size:95%;
   }

table {
   width:400px;
   font:Arial, Helvetica, sans-serif;
   font-size:12px;
   }
td { 
   /*border: 1px dotted #F00;*/ 
   width:auto;
   }
th.c1 {
   width:75px;
   }
th.c2 {
   width:75px;
   }
th.c3 {
   width:75px;
   }
th.c4 {
   }
th.c5 {
   }
th.c6 {
   }
th.c7 {
   }
th.c8 {
   }
 .section_header {
   font-weight:800;
   font-color:#FFF;
   }
#site_error {
   width:100%;
   background:white;
   color:red;
   font-size:80%;
   }
#error_content {

   }
#error_content h3 {
   margin:2px;
   }
#reg_and_login input {
   margin-bottom:10px;
   }
#error_content ul {
   margin:2px;
   }
#error_content p {
   margin:0 0 0 28px;
   }
#error_content p.heading {
   margin:0 0 0 15px;
   }
.error , .required_field{
   color:red;
   font-size:80%;
   }
span.error {
   display:inline-block;
   margin-left:10px;
   width:200px;
   }
#reg_and_login label {
   width:120px;
   text-align:right;
   display:inline-block;
   padding-right:15px;
   }
.submit {
   margin-left:50px;   
   }
.event_description {
   margin:5px 5px 5px 10px;
   }

.section_block {
   margin:5px;
   }
.section_block h5{
   margin:5px 5px 2px 5px;;
   }
 .section_details {
   margin:5px 10px 10px 15px;
   font-size:90%;
   }
.event_discount_block {
   font-size:90%;
   margin:10px;
   }
.valid_until {
   font-size:85%;
   font-weight:bold;
   }
.bold {
   font-weight:bold;
   }
.underline {
   text-decoration:underline;
   }
.button_align_right {
   margin-left:280px;
   text-align:right;
   }
h3.sub_heading {
   color:#900;
   font-size:102%;
   }
#head_content_box {
   font: normal 14px/15px  arial, verdana, sans-serif;
   padding:10px;
   color: #504e4e;
   }
#profile_information_box {
   padding:10px;
   }
.container {
   margin:10px;
   }
.container h4 {
   margin:3px 3px 3px 15px;
   }
.smaller {
   font-size:smaller;
   }