/* CSS Document */

body {margin:0 0 0 0;
padding: 0;
z-index: 0;
}

/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

*{margin:0;padding:0;/*border:none;*/}

/* body{margin:0.5em;font-family:verdana,tahoma,arial,sans-serif;}**/

h2{ 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
}

#bannerholder { width: 100%;
background-color: #f0f4cf;
margin: 0 auto;
}

#bannerimage { width:800px;
margin:0 auto;
}

/* Begin CSS Popout Menu */

#menu_holder{
margin:0 auto; 
background:#813326; 
padding:5px 0; 
border:none; 
position: absolute; 
width:100%;
}

#menu{
width:800px;
background:#813326;
margin:0 auto;
}

#menu a {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
font-weight:normal;
background:#f0f4cf;
text-decoration:none;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:1px 0px 1px 3px;
}

#menu h2{
color:#fff;
background:#000;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
font-weight:bold;
}

#menu h2 a{
color:#fff;
background:#813326;
font-family:Verdana, Arial, Helvetica, sans-serif; 
text-decoration:none;
font-size:11px;
border:none;
font-weight:bold;
}

div#menu h2 a:hover{
color:#000;
background:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
}

#menu h2 a:visited{
color:#fff;
background:#813326;
}

#menu a, #menu a:visited{
color:#000;
}

#menu a:hover{
color:#fff;
background:#813326;
}

/* font and background color when activated */
#menu a:active{
color:#fff;   
background:#ccc;
}

#menu ul.secondary {
list-style:none;
margin:0;
padding:0;
float:left;
width:4em;
text-align: center;
}

#menu ul.apply {
width:8em;
}

#menu ul.participants {
width:11em;
}

#menu ul.meetings {
width:8em;
}

#menu ul.contacts {
width:6em;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:9em;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}
#menu ul ul a {
	padding: 5px;	
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background:#000;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:normal;
color:#000;
background:#eee;
}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* End CSS Popout Menu */

/* Begin Content Area - Not Part of CSS Popout Menu */

#mainholder { width: 100%;
background-color: #FFF;
color: #000;
padding-top: 15px;
height: auto;
}

#main {
	font-size: 11px;
	margin: 0 auto;
	width: 775px;
	padding: 20px 10px;
	height: auto;
}

#main p { padding-bottom: 10px;
font-size: 11px;
font-family: Verdana, sans-serif;
line-height: 1.6em;
}

#main h1 { font-size: 18px;
font-family: Verdana, sans-serif;
color: #813326;
background-color: #FFF;
padding-bottom: 10px;
font-weight: bold;
}

#main h2 { font-size: 14px;
font-family: Verdana, sans-serif;
color: #813326;
background-color: #FFF;
font-weight: bold;
padding-bottom: 10px;
}

#main h3 { font-size: 12px;
font-family: Verdana, sans-serif;
color: #000;
background-color: #FFF;
font-weight: bold;
padding-bottom: 10px;
}

#main a:link {text-decoration: underline;
color: #547ED9;
}

#main a:visited {text-decoration: underline;
color: #993399;
}

#main a:hover {text-decoration: none;
color: #813326;
}

div#main ul {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	padding-bottom: 10px;
	list-style-position: outside;
	list-style-type: square;
	margin-left: 20px;
}

#main table.sortable {
	border: none;
	border-collapse:collapse;
	width: 90%;
	margin: 1em auto;
}
#main table td, #main table th { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 8px;
}
#main table.sortable td, #main table.sortable th { 
border: 1px solid #999;
border-collapse:collapse;
}
#main th {
	text-align: left;	
}

#main tr {vertical-align: top;
}
/* sortable tables */
#main table.sortable th {
	cursor: pointer;
}
#main table.sortable th.header {
	background: transparent url(../images/bg.gif) no-repeat left center;
	padding-left: 20px;
}
#main table.sortable th.headerSortDown {
	background: transparent url(../images/desc.gif) no-repeat left center;
	padding-left: 20px;
}
#main table.sortable th.headerSortUp {
	background: transparent url(../images/asc.gif) no-repeat left center;
	padding-left: 20px;
}
#main table.sortable tr.odd {
		background-color:#eee;	
}
#main table.studentstable {text-align: center;

}

#main h3.studname {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #813326;
color: #f0f4cf;
display: block;
padding: 3px;
margin-bottom: 5px;
}

div#main ol { font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 1.3em;
padding-bottom: 10px;
margin-left: 25px;
}

#main img { 
	padding: 5px;
	border: none;
}

#main .caption {
	font-size: 9px;
}

#main .gallery { float: right;
width: 275px;
color: #813326;
border-left: #813326 dashed 1px;
padding-left: 10px;
margin-left: 10px;
}

#main .gallery-bottom { float: left;
width: 220px;
color: #813326;
border-top: #813326 dashed 1px;
padding: 5px;
}

#main .gallery-bottom300 { float: left;
width: 310px;
color: #813326;
border-top: #813326 dashed 1px;
padding: 5px;
}

#main .gallery-bottom300r { float: right;
width: 310px;
color: #813326;
border-top: #813326 dashed 1px;
padding: 5px;
}

#main .gallery-bottom-wide { margin-left: 20%;
width: 415px;
color: #813326;
padding: 5px;
border-top: #813326 dashed 1px;
}

#main .gallery-bottom-wide-b { 
width: 415px;
color: #813326;
padding: 5px;
border-top: #813326 dashed 1px;
}

#main .gallery-bottom-wide-float { float: left;
width: 415px;
color: #813326;
padding: 5px;
border-top: #813326 dashed 1px;
}

#main .clear {clear: both;
}

#main img.commentphoto { float: right;
padding: 5px;
}

.inset320right {
	width: 320px;
	float: right;
	margin: 0 10px 10px;
		background: #8FB3D7;
}
#main .inset320right p {
	padding: 0 20px;
	margin: 1em 0;
}
#main .inset320right h3 {
	padding: 0 20px;
	margin: 1em 0;
}
#main .inset320right ul {
	padding: 0 20px 0 40px;
	margin: 1em 0;
}
.inset240right {
	width: 240px;
	float: right;
	margin: 0 10px 10px;
	background: #8FB3D7;
}
#main .inset240right p {
	padding: 0 20px;
	margin: 1em 0;
}
#main .inset240right h3 {
	padding: 0 10px;
	margin: 1em 0;
	color: #C8DA2f;
	background-color: transparent;
}
#main .inset240right ul {
	padding: 0 10px 0 30px;
	margin: 1em 0;
}

.inset180right {
	width: 180px;
	float: right;
	margin: 0 10px 10px;
	background: #8FB3D7;
	padding-bottom: 10px;
	-moz-border-radius: 5px;
}
#main .inset180right p {
	padding: 0 10px;
	margin: 1em 0;
	color: #fff;
}
#main .inset180right h3 {
	font-size: 11px;
	padding: 0 10px;
	margin: 1em 0;
	background-color: transparent;
	color: #C8DA2f;
	text-transform:uppercase;
}
#main .inset180right ul {
	padding: 0 10px 0 20px;
	margin: 1em 0;
}
#main .inset320right img, #main .inset240right img, #main .inset180right img {
	display: block;	
	padding: 0;
}
#main .inset320right a, #main .inset240right a, #main .inset180right a, #main .inset320right a:visited, #main .inset240right a:visited, #main .inset180right a:visited {
	color: #fff;
	text-decoration:none;
}
#main .inset180right a:hover, #main .inset180right a:active {
	text-decoration:underline;
}
/*  2009 image galleries */

div#main ul.galleries {
	float: left;
	display: inline;
	margin: 0 0 40px 40px;;
	padding: 0;
	list-style: none;
	width: 744px;
}
div#main ul.galleries li {
	margin:0;
	padding: 0;
	list-style:none;
	display: inline;
}
div#main ul.galleries a {
	display: block;
	float: left;
	padding: 2px;
	border: 1px solid #aeaeae;
	margin: 15px;
}
#dailyTripMenu {
	margin: 10px;
	padding: 20px 10px;
	text-align:right;
	font-family: verdana, sans-serif;
	font-size: 11px;
}
.disabled {
	color: #bbb;
}
/*  end 2009 image galleries */
#footer { margin: 0 auto;
width: 100%;
padding: 0 auto;
text-align: center;
font-size: 9px;
font-family: Verdana, sans-serif;
color: #813326;
border-top-style: solid;
border-top-width: thick;
border-top-color: #813326;
background-color: #f0f4cf;

}

#footer a:link {text-decoration: none;
color: #813326;
}

#footer a:visited {text-decoration: none;
color: #813326;
}

#footer a:hover {text-decoration: underline;
color: #813326;
}

#footer img { vertical-align: middle;
}

/* End Content Area - Not Part of CSS Popout Menu */