/* ************************* */
/* *** main layout boxes *** */
/* ************************* */

/* http://woss.name/category/geekery/ruby-and-rails/ */

#header {height:230px;border-bottom: 4px solid #999;background: #EBF4FA;color:#000099;
	margin-left:-15px;margin-right:-15px;margin-bottom:7px;}
body {background: #FFFFFF;margin: 0px  15px 3px 15px;padding:0px;}

#menu 				{margin: 0px;}
#main 				{margin: 0px;padding: 20px 10px 10px 10px;clear:both;}

#content 			{margin: 0px;padding-top:5px;}

#login_stuff 		{padding-right:10px;color: #b41}

#main {
	background: #FFFFFF;
	border: 1px solid #666; 
	border-top : none;
}

.logoImage {position : absolute;top : 0px;left : 0px;}
.headerImage {position : absolute;top : 15px;left : 0px;}


/* ************ */
/* *** menu *** */
/* ************ */
#menu {
	border-bottom : 1px solid #666;
	padding-bottom : 19px;
	padding-left : 10px;
	padding-right : 10px;
}
#menu ul, #menu li	{display : inline;list-style-type : none;margin : 0;padding : 0;}
#menu a:link, #menu a:visited	{
	background : #EEE;			/* background of unselected menu */
	border : 1px solid #666;
	color : #666;
	float : left;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{background : #999;border-bottom : 1px solid #fff;color : #000;}
#menu a:hover	{color : rgb(34, 119, 221);}
	
body.section_1 #menu li#nav-1 a, 
body.section_2 #menu li#nav-2 a,
body.section_3 #menu li#nav-3 a,
body.section_4 #menu li#nav-4 a,
body.section_5 #menu li#nav-5 a,
body.section_6 #menu li#nav-6 a,
body.section_7 #menu li#nav-7 a,
body.section_8 #menu li#nav-8 a,
body.section_9 #menu li#nav-9 a {background : #FFF;border-bottom : 1px solid #fff;color : rgb(34, 119, 221);}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4, 
#menu #subnav-5, 
#menu #subnav-6, 
#menu #subnav-7,
#menu #subnav-8,
#menu #subnav-9 {display : none;width:90%;}

/* positioning of sub-menu */
body.section_1 #menu ul#subnav-1, 
body.section_2 #menu ul#subnav-2,
body.section_3 #menu ul#subnav-3,
body.section_4 #menu ul#subnav-4, 
body.section_5 #menu ul#subnav-5, 
body.section_6 #menu ul#subnav-6, 
body.section_7 #menu ul#subnav-7,
body.section_8 #menu ul#subnav-8,
body.section_9 #menu ul#subnav-9 {display : inline;position : absolute;top : 265px;left : 15px;}

body.section_1 #menu ul#subnav-1 a, 
body.section_2 #menu ul#subnav-2 a,
body.section_3 #menu ul#subnav-3 a,
body.section_4 #menu ul#subnav-4 a, 
body.section_5 #menu ul#subnav-5 a, 
body.section_6 #menu ul#subnav-6 a, 
body.section_7 #menu ul#subnav-7 a, 
body.section_8 #menu ul#subnav-8 a 
body.section_9 #menu ul#subnav-9 a {
	background : #FFF;
	border : none;
	border-left : 1px solid #666;
	color : #999;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}


#menu ul a:hover {color : rgb(34, 119, 221) !important;}




body.sub_section_1 #menu li li.sub_nav-1 a, 
body.sub_section_2 #menu li li.sub_nav-2 a,
body.sub_section_3 #menu li li.sub_nav-3 a,
body.sub_section_4 #menu li li.sub_nav-4 a,
body.sub_section_5 #menu li li.sub_nav-5 a,
body.sub_section_6 #menu li li.sub_nav-6 a,
body.sub_section_7 #menu li li.sub_nav-7 a,
body.sub_section_8 #menu li li.sub_nav-8 a,
body.sub_section_9 #menu li li.sub_nav-9 a {
	background :#FFF; color :rgb(34, 119, 221) !important; font-weight:bold;}




/* *********************** */
/* *** body base style *** */
/* *********************** */
/* ************************** */
/* *** default typography *** */
/* ************************** */

h1 {color:#555;}
h2 {color:#555;}
h3 {color:#555;}
h4 {color:#555;}
h5 {color:#555;}
h6 {color:#555;}
p  {color:#666;}
.demoted {color:#AAA;}

p a {color:rgb(34, 119, 221);}
p a:link {color:rgb(34, 119, 221);}
p a:visited {color:rgb(34, 119, 221);}
p a:hover {color:rgb(34, 119, 221);}
p a:active {color:rgb(34, 119, 221);}

h1, h1 a, h1 a:visited,
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #555;
	}

p.booking_link {
	font-weight: bold;
}

p.booking_link a, p.booking_link a:visited {
	color: #b41;
}

h1, h1 a, h1 a:hover, h1 a:visited,
h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited,
p.booking_link, p.booking_link a, p.booking_link a:hover, p.booking_link a:visited {
	text-decoration: none;
	}

#footer p {margin:0;padding:0;font-size:0.9em;}


	
#content a:hover, #content a:visited:hover {
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: #27d !important;
	}

a {
	color: #27d;
	text-decoration: none;
	}

#breadcrumb {margin-top:0px;margin-bottom:0px;padding:0;}
#breadcrumb p {margin:0px;padding:0px;}

.revision_differences del {background-color: #FFAAAD;}
.revision_differences ins {background-color: #ADFFAD;}

strong, b {font-weight: bold;}

ul, ol {margin: 0em 0em 1em 3.0em;padding:0em 0em 0em 0em;color:#666;}
ul a, ol a {color:rgb(34, 119, 221);}        
ul a:link, ol a:link {color:rgb(34, 119, 221);}        
ul a:visited, ol a:visited {color:rgb(34, 119, 221);}        
ul a:hover, ol a:hover {color:rgb(34, 119, 221);}        
ul a:active, ol a:active {color:rgb(34, 119, 221);}  

ul ul {margin-left:1.0em;}
pre {
	width: 80%;
	font-family: monospace;
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em 1em 0.5em 1em;
	border: 1px solid #035BA3;
	background-color: #f0f0f0;
	color: #024174;
}

.pretendLink {text-decoration:underline;}

hr {
	display: block;
	height: 1px;
	margin: 2px 0px;
	padding: 0;
	background-color: #666;
	border: 0;
}
.byline {float:right;margin-right:5px}
.spacer {clear: both;}

/* ****************** */
/* *** news items *** */
/* ****************** */

.entry + .entry {
	margin-top: 2em;
}
.entry-head {
	margin-top: 10px;
}
.entry-head h2 {
	margin: 0px;
}
.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('/images/site_decor/time.gif') left center no-repeat;
}
.entry-tags {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('/images/site_decor/tag_blue.gif') left center no-repeat;
	}
.entry-meta { /* Time and category for blog entries */
	display: block;
	margin-top: 1px;
	color: #999;
	font-size: 0.9em;
}
small .entry-meta {
	line-height: 1.5em;
}
.entry-content {
	line-height: 1.8em;
	text-align: justify;
	color: #444;
}


.important-content p {
	color: #b41;
}
.important-content {
	color: #b41;
}



.hentry {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
}

/* ************** */
/* *** iamges *** */
/* ************** */

img { float: middle;
background-color: #FFFFFF;padding:2px;margin:5px;border: 1px solid #a9a9a9;}
img.showOnRight {float: right;background-color: #FFFFFF;padding:2px;margin:5px;border: 1px solid #a9a9a9;}
.logoImage {border:none;margin:0px;padding:0px;}

.verticalImageBar {float:right;margin: 5px 2px 4px 0px;border: 1px solid #61A5FF;padding:2px;}
.verticalImageBar div {clear:left;margin:0px;}
.verticalImageBar img {margin:1px;}

/* *********************** */
/* *** image galleries *** */
/* *********************** */

div.figure {
  	float: left;
  	margin: 5px 15px 0px 2px;
  	padding: 2px;
	border-bottom: 1px solid #a9a9a9;
}
div.figure p {
  	text-align: center;
  	text-indent: 0;
	margin: 0px;
}
div.figure p img {
  	float: none;
	margin: 0px;
}


div.imageAndCaption {width:140px; margin: 0px 2px 0px 2px; padding: 0px 0px 0px 0px;float:left;}
div.imageAndCaption p {text-align: center;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
div.imageAndCaption p a {text-align: center;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
div.imageAndCaption p a img {float: none;}



.imageGallery {margin-left: 5px;}
.imageGalleryItem {float: left;text-align: center;width:140px; height:250px;margin: 0px 2px 0px 2px; padding: 0px 0px 0px 0px;}



/* ****************** */
/* *** pagination *** */
/* ****************** */

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}


/* ************** */
/* *** tables *** */
/* ************** */

table {margin: 1.0em 0em 0.5em 0em;border-collapse:collapse;color:#666;}
th {padding:2px 3px;border: 1px solid #444;color:#444;font-weight:bold;vertical-align:bottom;background-color:#CCC;}
th img {border-style: none;margin:0px;background:transparent;float:none;position:relative;top:3px;}
.chosen {color:#DD6633;}
.chosen a {color:#DD6633;}
.chosen a:link {color:#DD6633;}
.chosen a:visited {color:#DD6633;}
.chosen a:hover {color:#DD6633;}
.chosen a:active {color:#DD6633;}
td a {color:rgb(34, 119, 221);}
td a:link {color:rgb(34, 119, 221);}
td a:visited {color:rgb(34, 119, 221);}
td a:hover {color:rgb(34, 119, 221);}
td a:active {color:rgb(34, 119, 221);}
th a {color:#024174;}
th a:link {color:#024174;}
th a:visited {color:#024174;}
th a:hover {color:#024174;}
th a:active {color:#024174;}
th p {margin:0px;}
td {padding:2px 3px;border: 1px solid #666;}
td p {margin:0px;}
td h2 {margin:0.3em 0.2em 0.2em 0em;font-weight:bold;}
td img {border:none;margin:0px;background:transparent;}

table.no_borders th {border:0px;}      
table.no_borders td {border:0px;} 

table.sideways th {text-align:right;vertical-align:top;}     

.tableNotes {margin: 0.5em 0em 0em 2em;}
.tableNotes p {margin: 0em 0em 0em 0em;}

table.control_bar {
	border : 2px solid #005B97;
	border-collapse: collapse;
}
table.control_bar th {
	border-left: 2px solid #005B97;
	border-right: 1px solid #005B97;
	padding: 0.2em 0.5em 0.2em 0.5em;
	font-weight : normal;
	vertical-align: middle;
}
table.control_bar td {
	padding: 0.2em 0.5em 0.2em 1em;
}
table.control_bar p {
	margin: 0px;
}

table .list-line-odd {
	background:#DDD;
}

/* ************************** */
/* *** navigation on news *** */
/* ***   archive page     *** */
/* ************************** */
.navigation {
	text-align: center;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	}

.comments .navigation {
	margin: 10px 0;
	}

.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	}

.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
	}

.navigation p {
	margin: 0;
	padding: 0;
	}

.navigation a {
	color: #999;
	}



form {
	margin: 10px 0px  5px  0px;
}

form.minimal {
	margin: 0px;
	border: none;
}

form label {
  	min-width: 15em;
  	float: left;
  	text-align: right;
  	margin-right: 0.5em;
  	display: block;
	font-weight: bold;
  	color: #024174;
}

form .submit {
  margin-left: 17em;
  margin-bottom: 10px;
}

form img {
	display: inline;
	float: none;
}

form.inline_form label {float: none; display:inline;}

input {
  	color: #024174;
}

textarea {
  	color: #024174;
}
table.form_table th {width:15em;border:0px;text-align:right;vertical-align:middle;background-color: transparent;}      
table.form_table td {border:0px;} 


#notice {
	position:absolute;
	top: 15px; 
	left: 290px;
  	width: 400px;
  	margin: 0.5em auto 2em auto;
	padding: 5px;
	text-align: center;
  	font: bold sans-serif;
	border: 2px solid #035BA3;
  	background-color: #f0f0f0;
  	color: #024174;
}

#booking_error {
  	width: 400px;
  	margin: 0.5em 0em 0.5em 0em;
	padding: 0.5em;
	text-align: center;
  	font: bold sans-serif;
	border: 2px solid #B21A2F;
	background-color: #f0f0f0 ;
  	color: #B21A2F;
}

#error {
	position:absolute;
	top: 15px; 
	left: 290px;
  	width: 400px;
  	margin: 0.5em auto 2em auto;
	padding: 5px;
	text-align: center;
  	font: bold sans-serif;
	border: 2px solid #B21A2F;
	background-color: #f0f0f0 ;
  	color: #B21A2F;
}

.service_message {
  	margin: 0.5em auto 1em auto;
	padding: 5px;
	text-align: left;
  	font: bold sans-serif;
	border: 2px solid #B21A2F;
	background-color: #f0f0f0 ;
  	color: #B21A2F;
}

.service_message h2 {
  text-align: left;
  font-weight: bold;
	font-size:1.2em;
  padding: 5px 5px 5px 5px;
  margin: -7px;
  background-color: #EF3F3F;
  color: #fff;
}

.service_message p {
  color: #B21A2F;
  margin-top: 0.6em;
  margin-bottom: 0;
  padding: 0px;
}

#dev_notice {
	position:absolute;
	top: 15px; 
	left: 290px;
	border: 2px solid #B21A2F;
	background-color: #f0f0f0 ;
  	width: 400px;
  	margin: 0.5em auto 2em auto;
	padding: 5px;
	text-align: center;
	font: bold sans-serif;
  	color: #B21A2F;
}

.fieldWithErrors {
  padding: 0px;
  background-color: #EF3F3F;
  display: table;
}

#errorExplanation {
  	border: 2px solid #B21A2F;
  	background-color: #f0f0f0;
	margin: 5px 10px 20px 0px;
  	padding: 7px;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
	font-size:1.2em;
  padding: 5px 5px 5px 15px;
  margin: -7px;
  background-color: #EF3F3F;
  color: #fff;
}

#errorExplanation p {
  color: #B21A2F;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  list-style: square;
}





/*
below from apsc_fonts.css
*/













/*simple styles for simple browsers. primarily nn4. make darn sure everything in here is overridden in the real css*/

/*ie4.5mac has problems with this. it makes text small, and the nested list is impossibly small, even when user increases to largest. solution? ignore it. you will go nuts trying to serve different styles to nn4 and ie4.5mac. either give them both plain xhtml, or style for nn4 at the slight inconvenience of the few, or zero, remaining ie4.5mac users.*/

body, h1, h2, h3, h4, h5, h6,ol, ul, li, p {
	font-family: 'Lucida Grande', Verdana, Arial, helvetica, Sans-Serif;
	}
		
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 90%;
	}
.narrow2{
	width: 50%;
	line-height: 105%;
	}
	
/*typography*/
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	/*hover doesn't work in nn4*/
	}
h1 {
	font-size: 150%;
	font-weight: normal;
	}
h2 {
	font-size: 120%;
	font-weight: normal;
	}
h3 {
	font-size: 100%;
	font-weight: normal;
	}
h4 {
	font-size: 80%;
	font-weight: bold;
	}
h5 {
	font-size: 70%;
	font-weight: bold;
	}
h6 {
	font-size: 64%;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 80%;
	line-height: 120%;
	}
p {
	font-size: 80%;
	line-height: 100%;
	}
pre {
	font-family: monospace;
	font-size: 80%;
	}
strong, b {
	font-weight: bold;
	}