/*  Critical Senses stylesheet - CSS2 compliant */


/* body and layout */
body { 
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #003366;
	/* background-image: url(../images/styles/bagdad-windows.jpg); */
	/* scrollbar-arrow-color: #003366;
	scrollbar-face-color: #336699;
	scrollbar-highlight-color: #6699CC;
	scrollbar-3dlight-color: #003366;
	scrollbar-darkshadow-color: #003366;
	scrollbar-shadow-color: #003366;
	scrollbar-track-color: #003366; */
}

#layout {
	margin: 0;
	padding: 20px;
	/* border: 1px solid red; */
}

#header-region {
	background-color: #336699;
	/* background-color: #6a5b5f; */
	width: 100%;
	margin-bottom: 1px;
}

#body-region {
	clear: both;
	background-color: #ffffff;
	padding: 20px;
}

#body-region-home {
	clear: both;
	background-color: #336699;
	padding: 5em;
}

.contentsection {
	clear: both;
}

#content-region {
	/* used for the skip to content section */
}

/* generic tags section */
img {
	border: 0;
}

/* logo section */
#logo {
	left: 0;
}

#home-logo {
     padding: 3em;
     margin: 0;
     text-align: center;
}


/* main menu section */
#menu, #grabmenu {
	right: 22px;
	top: 16px;
	position: absolute;
	/* border: 1px solid red; */
	display: inline;
}

/* current page menu section */

#currentpagemenu {
	right: 40px;
	top: 60px;
	position: absolute;
	display: inline;
	white-space: nowrap;
}


/* menu item sections */
.menuitem {
	padding-left: 2px;
	padding-right: 5px;
	border-right: 1px solid #000000;
	display: inline;
	font-size: 0.8em;
}

.currentitem {
	padding-left: 2px;
	padding-right: 5px;
	border-right: 1px solid #000000;
	font-weight: bold;
	display: inline;
	font-size: 0.8em;
}

.lastitem {
	padding-left: 2px;
	padding-right: 2px;
	display: inline;
	font-size: 0.8em;
}



/* generic ids and classes */
.hide {
	display: none;
}

#top {
	margin: 0;
	padding: 0;
	height: 0px;
}

.toplink {
	right: 40px;
	font-size: 0.7em;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}

.floatleft {
	clear: both;
	float: left;
	position: relative;
}

.floatright {
	clear: both;
	float: right;
	position: relative;
}

.clear {
	clear: both;
}

/* contents of pages - list layouts */
.listsection {
	clear: both;
	padding: 0;
	margin: 0;
}

.listtag {
	float: left;
	margin-top: 0.5em;
	width: 20%;
	text-align: left;
	vertical-align: text-top;
	font-weight: bold;
}

.listcontents {
	float: left;
	margin-top: 0.5em;
	width: 75%;
	text-align: left;
	vertical-align: text-top;
}

.sublistcontents {
	padding: 0;
	margin: 0;
	list-style: none;
}

.hiddenlist {
	padding: 0;
	margin: 0;
	list-style: none;
}

. hiddenlist li {
	padding-top: 0;
     padding-bottom: 0.5em;    
padding-left: 0;
padding-right: 0;
}


/* to go in typography.css file */
/* headings */
h1 { 
	font-size: 120%; 
}

h2 { 
	font-size: 100%; 
}

h3 { 
	font-size: 95%; 
}

h4 { 
	font-size: 90%; 
}

h5 { 
	font-size: 80%; 
}

h6 { 
	font-size: 75%; 
}

p, ol, ul { font-size: 85%;
}

.biog, .about {

}




/* replace td, th with div when this has been altered */

table {
border: 1px solid #003333;
}

.cutup {
	padding: 0;
	margin: 0;
	border: 0;
}

.cutup td {
	padding: 0;
	margin: 0;
	/* border: 1px solid red; */
}

td, th { font-size: 75%;
   font-family: Arial, Helvetica, sans-serif;
border-bottom: 1px solid #003333;
border-left: 1px solid #003333;
}



ul { 
  font-family: Arial, Helvetica, sans-serif; 
list-style: square;
}







/*  background classes */
.main_background {
	background-color: #ffffff;
}

.header_background {
	background-color: #336699;
}

.home_background {
	background-color: #336699;
}

.gallery_background {
	background-color: #ffffff;
}


/* other classes - font sizes */
.breadcrumbs {
	font-size : 75%;
}

.menus {
	font-size : 78%;
}

.additional {
	font-size : 78%;
}

.support, .caption, .notes, .credits {
	font-size : 85%;
}

/* links */
a.crumbs:link {
	color : #669999;
	text-decoration : underline;
}

a.crumbs:visited {
	color : #cccccc;
	text-decoration : underline;
}

a.crumbs:hover {
	color : #669999;
	text-decoration : underline;
}

a.crumbs:active {
	color : #669999;
	text-decoration : underline;
}

a:link {
	color : #000000;
	text-decoration : underline;
}

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

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

a:active {
	color : #669999;
	text-decoration : underline;
}

a.header_menu:link {
	color : #000000;
	text-decoration : underline;
}

a.header_menu:visited {
	color : #003366;
	text-decoration : underline;
}

a.header_menu:hover {
	color : #99CCCC;
	text-decoration : underline;
}

a.header_menu:active {
	color : #99CCCC;
	text-decoration : underline;
}


/* additional spacing */
#insertspace {
	height: 100px;
}