@import url("color.css");
@import url("type.css");
/*elements*/
html{background-color:#D6D6D6;
 }
body 
{   position:relative;
    margin:0 auto;
    width:800px;
    border:solid 3px maroon;
    text-align:left;
   /* background:transparent url("images/bg.gif") fixed center top;*/
}
img{border:0;}
#orientation ol
ol.orientation{margin:.5em;
    padding:.5em;
    border:solid 1px maroon;
    margin-top:0;
    padding-top:0;
    background:transparent url("images/orientation.gif") repeat-x center;
    height:200px;
    }
ol.orientation li
{
    padding-left:1em;
    
}

a:hover{text-decoration:underline;}
.showPicture:hover
{
    border-bottom-color:Maroon;
    border-right-color:Maroon;
}
     
/*divs*/
#branding
{
     border-top:solid 0px White;
    position:relative;
    width:100%;
    height:208px;
    background:transparent url("images/bv2.jpg") center;
}
#branding h1{ position:absolute;
    left:5px;/*5px*/
    top:-21px;/*1px*/
    width:100px;
    height:98px;
    z-index:5;
    text-indent:-9999px;
    font-weight:bold;}


    
#branding img.image_1
{  position:absolute;
   left:538px;
   top:10px;
}
#branding img.image_2
{position:absolute;
  left:388px;
  top:30px;
}
#branding img.image_x
{  position:relative;
    left:178px;top:45px;
}

#branding blockquote
{   position:absolute;
    top:-9999px;}
#branding .logo
{   width:100%;
    position:absolute;
    left:12px;
    top:-5px;}
#branding h2,h3{color:#f0f0f0;font:bold 1.3em/1.3 "Garamond";}
#branding h3{font:bold 1em/1.3 "Garamond";padding-top:0;line-height:.5em; }
 
#calendar_column
{
    float:left;
    width:66.3%;
    margin-left:1em;
    border-left:dotted 1px black;
    border-right:border:0;
 }
 #calendar_column h3
 {
    margin-left:1em;
    font-family:Arial;
    color:Maroon;
    margin-left:.1em;
    padding-left:.1em;
 }


#content_left{border-right:dotted 1px black;
    width:35%;
    float:left;
    font-size:.9em;
    padding:1em;
    margin:1em 0em;}
#content_left ul li{padding-bottom:1em;}
#content_left ul li span.block{display:block;font-style:italic;}

#content_right{border:width:20%;
    float:left;
    font-size:.9em;
    padding:1em;
    padding-left:2em;
    margin:1em 0em;}
#content_right ul li{padding-bottom:1em;}
#content_right ul li span.block{display:block;font-style:italic;}

#donate
{
    position:absolute;
    background-color:Black;
    left:10px;
    top:135px;
    width:115px;
}
#inner_bottom_main{
    clear:both;
     margin:0 1em;
     margin-bottom:1em;
    margin-left:1em;
    border-top:dotted 1px black;
    background-color:White;
    height:50px;}

#inner_bottom_main li
{float:left;
 border-left:dotted 0px black;
 padding:1em;
 padding-top:.2em;
 padding-left:.5em;
 
 }
 #inner_bottom_main ul li.site_info
 {
  margin-left:5em;
  margin-top:.3em;
  padding-left:6em;
  font-size:.85em;
 
  }
#inner_bottom_main p{padding-left:1em;line-height:.7em;}


#inner_main_content{padding:.9em;padding-left:1em;padding-bottom:0em;}



#inner_main_content ul li
{ float:left;
  width:255px;
  margin-right:0em;
  overflow:hidden;
  border-right:dotted 1px White;
}
#inner_main_content h3{padding-left:.5em;}
#inner_main_content img{float:left;padding-right:.5em;border-bottom:solid 1px white;}
#inner_main_content p{border-right:dotted 1px Black;border-bottom:dotted 0px Black;padding-right:.6em;padding-top:.5em;padding-bottom:.5em;padding-left:.5em;}
#inner_main_content p.students{width:5em;border:dotted 1px black;}

#inner_main_content_nav{padding:.7em;padding-left:1em;padding-top:0;margin-top:.5em;float:left;width:20%;}
#inner_main_content_nav ul li{padding-top:0em;border-bottom:dotted 1px black;border-top:dotted 0px black;font-size:.9em;}
#inner_main_content_nav a:visited,a:link{color:Black;text-decoration:none;}
#inner_main_content_nav a:hover{background-color:Maroon;color:White;text-decoration:none;}
#inner_main_content_nav ul li.menu_title{background-color:Black;
    color:White;
    padding-left:.3em;
    font-weight:bold;
    text-align:center;}

#inner_main_content_links{float:left;width:65%;border-left:dotted 1px black;}
#inner_main_content_links h3,h4{margin-top:.2em;padding-left:.5em;color:Maroon;}
#inner_main_content_links strong.no_pad{padding-left:0;}
#inner_main_content_links table th.no_pad{padding-left:.5em;}
#inner_main_content_links table{padding:.5em 0em;border:dotted 1px black;margin:.5em .5em;}
#inner_main_content_links table td{padding-bottom:1em;padding-left:.5em;vertical-align:top;font-size:.95em;}
#inner_main_content_links table th{background-color:Maroon;color:White;padding-left:1em;}
#inner_main_content_links a:visited,a:link{color:Maroon;text-decoration:none;}
#inner_main_content_links a:hover{text-decoration:underline;}

#inner_main_content_about_us{float:left;width:65%;border-left:dotted 1px black;}
#inner_main_content_about_us img{float:left;padding:.5em .5em;}
#inner_main_content_about_us h3,h4{margin-top:.2em;padding-left:.5em;color:Maroon;}

#inner_main_content_2col{float:left;width:54.3%;border-left:dotted 1px black;border-right:dotted 1px black;}
#inner_main_content_2col img{float:left;padding:.5em .5em;}
#inner_main_content_2col h3,h4{margin-top:.2em;padding-left:.5em;}
#inner_main_content_2col h4.sub_title{margin-top:0;padding-top:0;color:Black;}
#inner_main_content_2col strong{margin-top:.5em;}
#inner_main_content_2col blockquote,p,strong,img.vrb{padding:.5em .5em;}
#inner_main_content_2col h3.tutors{margin-top:.2em;padding-left:-4em; text-align:left;}
#inner_main_content_2col ul{float:left;padding-left:.5em;}
#inner_main_content_2col ul li strong{padding-left:0;}
#inner_main_content_2col ul li{font-size:.9em;}
#inner_main_content_2col ul li.h_align{float:left;padding-right:1.2em;}
#inner_main_content_2col ul li.spacer{padding-bottom:1em;}
#inner_main_content_2col ul li.p_right{padding-right:10em;}
#inner_main_content_2col ul li.p_right2{padding-right:2.5em;}
#inner_main_content_2col ul li img.no_padding{padding-left:0em;}
#inner_main_content_2col table.event_data{margin:.5em .5em;background-color:White;border:solid 2px Maroon;font-size:.95em;color:Maroon;}
#inner_main_content_2col table.event_data strong{padding-left:0;}
#inner_main_content_2col table.event_data td{vertical-align:top;padding:.5em .5em;padding-top:0em;}


#inner_main_content_3col{float:left;width:19.7%;margin-top:.5em;padding-left:.7em;}
#inner_main_content_3col ul li{padding-top:0em;border-bottom:dotted 1px black;border-top:dotted 0px black;font-size:.9em;}
#inner_main_content_3col a:visited,a:link{color:Black;text-decoration:none;}
#inner_main_content_3col a:hover{background-color:Maroon;color:White;text-decoration:none;}
#inner_main_content_3col ul li.menu_title{background-color:Black;color:White;padding-left:.3em;font-weight:bold;}

#footer
{position:relative;
 padding-top:1em;
 clear:both;
}

#inner_footer
{   position:relative;
    text-align:center; letter-spacing:0;margin:0;padding:0;
    }

.logo{margin-top:.3em;margin-left:-.7em;}
.logo img{float:left;}
.logo h2,.logo h3{}
#navigation
{
    position:relative;
    background-color:Maroon;
    height:26px;
}
#orientation ul
{
    
    margin:.5em;
    padding:.5em;
    padding-left:1.5em;
   
    list-style-type:disc;
    border:solid 1px maroon;
    margin-top:0;
    padding-top:0;
    background:transparent url("images/orientation.gif") repeat-x center;
    height:200px;
    width:88.4%;
}
#orientation ul li
{
    padding-left:.5em;
    list-style-type:disc;
 }
 .showPicture
{
    padding:.5em;
    margin:.5em;
   /* width:120px;
    height:90px;*/
    margin-left:.3em;
    border:solid 2px #f0f0f0;
    border-bottom:solid 2px #c0c0c0;
    border-right:solid 2px #c0c0c0;
    background-color:White;
    float:left;
    
}
.panel_inner_main
{   float :left;
    margin-left:1em;
    margin-right:1.2em;
    margin-top:1em;
    background:transparent url("images/panel2.png") no-repeat;
    height:230px;
    width:230px;
}