body
    {
    background: #F3F1DA;
    margin:                 0 0;
    padding:                0;
    font-family:            Myriad Web, Geneva, Arial, Helvetica, sans-serif;
    font-size:              small;
    line-height:            1.5em;
    margin-top:0px;
    }

a {
    color:#a62525;
    font-weight:100;
    text-decoration:none;
}

#container
    {
    background: #fff;
     width:90%;
    margin-left:auto;
    margin-right:auto;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding:                0;

    }
#header
    {
    background: #f5ca75 url("images/summersun2.png") no-repeat top;
    height:140px;
    border-bottom:1px solid #000;
    }

.acacesicon{
    background: #eeaa24 url("images/hipeacicon.png");
    width:103px;
    height:80px;
    margin-top:-100px;
   margin-right:10px;
   float:right;
}

.hipeacicon{
   margin-top:18px;
}


.headertitle {
  text-align:center;
  color:#8c1613;
  line-height: 1.2em;
  font-size:large;
}

/* Start navigation */


#navigation{
  float:right;
}

#navigation ul{
  margin:0;
  padding:0px;


}

#navigation ul li{
  float:left;
  margin:0px;
	list-style-type:none;
	display:inline;
	border-bottom:1px solid #000;
	color:#000;
	padding-left:8px;
	padding-right:8px;
	padding-top:2px;
	padding-bottom:2px;
	text-decoration:none;
	background:#8c1613;
}

#navigation ul li a{
  color:#f5ca75;
  text-decoration:none;
  font-weight:bold;
}

#navigation .active {

  background:#555;
}

#navigation .passive:hover {

  background:#555;
}

#navigation .activemenu {

  background:#555;
  padding-bottom:5px;

}



#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4 {
	display : none;
}


#navigation #menu ul#subnav-1{
	display : inline;
	left : 100px;
	position : absolute;
	top:27px;
}

#menu ul#subnav-1 {
  border-top:1px solid #000;
  padding-left:0px;
  padding-right:0px;

}



ul#subnav-1 li {
  margin-left:0px;
  background:#ddd;
  color:#8C1613;
  margin-left:1px;
  border-top:0px;
  border-bottom:1px solid #000;
  border-right:1px solid #000;
  border-left:1px solid #000;
}

ul#subnav-1 .first {
  margin-left:0px;

}

ul#subnav-1 li a{
  color:#8C1613;

}

ul#subnav-1 .active a{
  color:#eeaa24;
}

ul#subnav-1 .passive a:hover{
  color:#eeaa24;
}



#navigation #menu ul#subnav-2{
	display : inline;
	right : 115px;
	position : absolute;
	top:150px;
}

#menu ul#subnav-2 {
  border-top:1px solid #000;
  padding-left:0px;
  padding-right:0px;

}



ul#subnav-2 li {
  margin-left:0px;
  background:#ddd;
  color:#8C1613;
  margin-left:1px;
  border-top:0px;
  border-bottom:1px solid #000;
  border-right:1px solid #000;
  border-left:1px solid #000;
}

ul#subnav-2 .first {
  margin-left:0px;

}

ul#subnav-2 li a{
  color:#8C1613;

}

ul#subnav-2 .active a{
  color:#eeaa24;

}

ul#subnav-2 .passive a:hover{
  color:#eeaa24;
}



/* End navigation */


/*imagedisplay*/



#imagedisplay {
float:left;
margin-right:10px;
margin-left:20px;
margin-top:50px;
height:850px;
}

#imagedisplay .title {
background-color: #ccc;
color:#8c1613;
font-size:large;
text-align:center;
width:222px;
padding:5px;
}

#imagebox {
  width:230px;
  height:230px;
   padding:0;
  background-color: #eee;
  border: 1px solid #ccc;

  margin:0;
}

#imgs img{

  padding:5px;
  width:220px;
  height:220px;
  top:0;
  left:0;
}

.buttons {
  margin-top:230px;
  text-align:center;

}

.sfurber {

  margin-top:5px;
  margin-right:20px;
  padding:5px;
  border:1px solid #ccc;
}



img.left {

float:left;
border: 1px solid #ccc;
padding:3px;

}

img.right {

float:right;
border: 1px solid #ccc;
padding:3px;

}





/* End imagedisplay*/








.announceimg{
  float:right;

}

#main
    {
    margin-top: 50px;
    margin-left: 20px;
    text-align:justify;
    padding-right:          1em;
    }
#footer
    {
    width:100%;
    background: #fff;
    margin-bottom:0px;
    clear:                  both;
    text-align:             center;
    }

.adminfooter{
  border-top:             1px solid #ddd;
  background:#8c1613;
  color:#eeaa24;

}

.adminfooter a{
  text-decoration:none;
  color:#eeaa24;
}

.sponsors img {

  padding:5px;
  border: 1px solid #ccc;

}

.formtable table{
  margin-left:auto;
  margin-right:auto;
  border: 1px solid #000;
  background:#fff9dc;
}

.formtable table td{
  border:0px;
  text-align:left;
}

h1, h3
    {
    text-align:             center;
    }
    
h1
    {
    font-family:            Myriad Web, Geneva, Arial, Helvetica, sans-serif;
    font-size:              1.5em;
    line-height:            1.5em;
    }

h2
    {
    font-family:            Myriad Web, Geneva, Arial, Helvetica, sans-serif;
    font-size:              1.5em;
    line-height:            1.5em;
    }

h3
    {
    font-family:            Myriad Web, Geneva, Arial, Helvetica, sans-serif;
    font-size:              1.2em;
    line-height:            1.5em;
    }

h4
    {
    font-family:            Myriad Web, Geneva, Arial, Helvetica, sans-serif;
    color:#8c1613;
    font-size:              1.2em;
    line-height:            1.5em;
    }

table
    {
    margin:                 1.5em 0;
    padding:                0;
    border-collapse:        collapse;
    border-spacing:         0;
    }

table tr th{
    font-size: 14px;
    font-weight: bold;
    text-align:center;
}

table tr.odd{

  background:#fff9dc;

}

table td {
    font-size: 14px;

text-align:center;

border-top: 1px solid #ccc;

}

#agenda td {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

td.spanned{
border: 1px solid #ccc;

}
td.spannedlast{
border-left: 1px solid #ccc;
background:#fff;

}

td.special{
background:#b2b2b2;
  color:#000;



}
table th {
    border-bottom: 2px solid #aaa;
    border-bottom-style: double;
    }

td, th
    {
    padding:                0.2em 0.5em;
    }

#courses {

border: 1px solid #000;

}
#courses td{

border-top: 1px solid #ccc;

}

#agenda
    {
    font-family:            Myriad Web, Geneva, Arial, Helvetica, sans-serif;
    font-size:              0.8em;
    }

#courses a
    {
    color:                  black;
    font-weight:            normal;
    text-decoration:        none;
    }
    
#courses a:hover
    {
    text-decoration:        underline;
    }

img
    {
    border:                 none;
    }

.left
    {
    float:                  left;
    margin:                 0.3em 0.5em 0em 0em;
    }

.right
    {
    float:                  right;
    margin:                 0.3em 0.5em 0em 0.5em;
    }

img.lecturer
    {
    float:                  right;
    margin:                 3px 2px 3px 10px;
    }


    
.lecturer
    {
    margin-top:             3.5em;
    }

.course
    {
    margin-top:             3.5em;
    }

.lecturer p
    {
    margin-top:             0.5em;
    }

.lecturer h4
    {
    margin-bottom:             0em;
    }

.course p
    {
    margin-top:             0.5em;
    }

.course h4
    {
    margin-bottom:             0em;
    }

#footer img
    {
    vertical-align:         middle;
    margin:                 1em;
    }