/* CSS FILE for the Oriel college Boat Club Website - (c) 2006 OCBC */



body {

	margin: 0px;

	background-image: url('../images/bgtortoisepeek.jpg');

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-position:bottom left;

    background-color: white;

	position: relative;

	z-index: 10;

}



#heading {

	border: 0;

	position: relative;

	z-index: 10;

}



/* Containers */

div#container {

	width: 100%;

	position: relative;

	z-index: 10;

}



div#container2 {

	width: 700px;

	padding: 3px;

	text-align:left;

}



div.group {

	border: 1px solid #9f9f9f;

	background-color: #d2d3f3;

	width: 650;

	padding: 10px;

	margin: 0px 15px 0px 15px;

}



ul.indent {

	padding: 0px 0px 10px 12px;

	margin: 0px;

}



/* image header */

img#header {

	width: 100%;

}



div#banner {

	position: fixed;

	background: url('../images/eay.jpg');

	right: 25px;

	top: 150px;

	width: 141px;

	height: 580px;

	z-index: 0;

}



#hidden {

	position: absolute;

	border: 0;

	right: 25px;

	top: 150px;

	z-index:20;

	width:163px;

	height:374px;

}



/* Menu */

div#menucontainer {

	font-family: verdana;

	font-size: 12px;

	font-weight: bold;

	border: 1px solid #cccccc;

	padding: 1px;

	padding-bottom: 3px;

	width: 696px;

	position: relative;

	top: 5px;

	text-align: center;

	background-color: #ffffff;

}



ul#menu {

	margin: auto;

	padding: 0px;

	list-style: none;

	display: table;

	_display: inline;

}



ul#menu>li {

	display: table-cell;

	_display: inline;

	position: relative;

	padding: 0px 6px;

}



ul#menu li a {

	text-decoration: none;

	color: #002163;

	padding: 0px 10px 2px 10px;

}

ul#menu li a:hover {

	background-color: #002163;

	color: #ffffff;

}



ul#menu li ul li {

	list-style-type: none;

}



ul#menu li>ul {

	display: none;

	position: absolute;

	margin-left: -32px;

	background-color: #ffffff;

	border: 1px solid #cccccc;

	padding: 1px 1px 3px 1px;

}



ul#menu li:hover>ul {

	display: block;

}



/* Page images */

img.flright {

	float: right;

	margin-left: 5px;

	margin-bottom: 5px;

	border: 1px solid #aaaaaa;

	padding: 1px;

}



/* Calendar */

div.event {

	width: 100%;

	background-color: #002163;

	color: #ffffff;

	font-size: 9px;

	padding-bottom: 1px;

}

div.event:hover {

	background-color: #006321;

}



table#calendar a {

	text-decoration: none;

}

table#calendar a:hover {

	text-decoration: none;

}



h2 {

	padding: 0px;

	padding-bottom: 3px;

	margin: 0px;

	font-size: 16px;

}

h3 {

	padding: 0px;

	margin: 0px;

	font-size: 14px;

}



table#calendar {

	width: 100%;

	height: 540px;

}



table#calendar #caldays td{

	height: 10px;

	font-size: 9px;

	text-align: center;

	background-color: #ccc;

}



table#calendar #calheader #calheaderin td{

	height: 20px;

	border: 0px;

	color: #ffffff;

	font-weight: bolder;

}



table#calendar #calheader #calheaderin td a {

	color: #ffffff;

	font-weight: bold;

}



table#calendar #calheader{

	background: #002163;

	height: 20px;

}



table#calendar td {

	border: 1px solid #8888ff;

	vertical-align: top;

	width: 99px;

	height: 99px;

}



table#calendar td:hover {

	background: #ccccff;

}



table#calendar td.notMainDay {

	background: #d7d7d7;

}



table#calendar td.notMainDay:hover {

	background: #eeeeee;

}



table#calendar td.toDay {

	background: #eea7a7;

}



table#calendar td.toDay:hover {

	background: #ccccff;

}



/* Gallery */

#gallery {

	border: 1px dotted #eeeeee;

	padding: 6px;

}

#gallery a:hover {

	border: 0px;

}

#gallery img {

	border: 1px solid #cccccc;

}

#gallery img:hover {

	border: 1px solid #002163;

}



#photo {

	border: 1px dotted #eeeeee;

	padding: 6px;

	text-align: justify;

}



/* Content */

div#content {

	text-align: left;

	width: 100%;

	font-family: verdana, sans-serif;

	font-size: 12px;

	color: #444;

}



p {

	line-height: 16px;

}



div#content a.link {

	color: #002163;

	text-decoration: none;

}



div#content a.link:hover {

	border-bottom: 1px dotted #002163;

}



div#content a.exlink {

	color: #002163;

	text-decoration: none;

	border-top: 1px dotted #6080bf;

	border-bottom: 1px dotted #6080bf;

}



div#content a.exlink:after {

	content: " " url('../images/external.png');

}



div#content a.exlink:hover {

	border-top: 1px dotted #002163;

	border-bottom: 1px dotted #002163;

}



div#content a.wiki {

	color: #002163;

	text-decoration: none;

	border-top: 1px dotted #6080bf;

	border-bottom: 1px dotted #6080bf;

}



div#content a.wiki:after {

	content: " " url('../images/wiki.png');

}



div#content a.wiki:hover {

	border-top: 1px dotted #002163;

	border-bottom: 1px dotted #002163;

}





div#content a.mail {

	color: #222163;

	text-decoration: none;

}



div#content a.mail:hover {

	border-bottom: 1px dotted #222163;

}



a.help {

	cursor: help;

	color: #002163;

	text-decoration: none;

	border-bottom: 1px dotted #002163;

}



a.help:hover {

	border-bottom: 1px dashed #002163;

}



a.help:visited {

	border-bottom: 1px dotted #222;

	color: #222;

}



div#content hr {

	border: 0px;

	border-top: 1px solid #dddddd;

	padding: 9px;

	position: relative;

	top: 6px;

	width: 90%;

}



td {

	text-align: left;

	font-family: verdana, sans-serif;

	font-size: 12px;

	color: #222222;

	text-align: justify;

}



input.search {

	border: 1px solid #ccc;

	font-family: verdana;

	font-size: 10px;

	color: #111;

	height: 18px;

	width: 100px;

	padding-right: 3px;

	padding-top: 1px;

	text-align: right;

}



a.pip {

	color: #002163;

	text-decoration: none;

}



div#blackout {

	visibility: hidden;

	/*background-image: url('../images/55b.png');*/

	text-align: center;

	vertical-align: middle;

	width: 100%;

	position: fixed;

	left: 0px;

	right: 0px;

	top: 0px;

	bottom: 0px;

	z-index: 100;

}



table#prompt #p{

	background-color: #fff;

	border: 0px;

	width: 400px;

	height: 266px;

	text-align: left;

	vertical-align: top;

	margin-left: auto;

	margin-right: auto;

	padding: 6px;

}



table#prompt #ptl {

	background: url('../images/prompt.png') 0 0;

	width: 2px;

	height: 24px;

}



table#prompt #pt {

	background: url('../images/promptt.png');

	text-align: right;

	height: 24px;

}



table#prompt #ptr {

	background: url('../images/prompt.png') -4px 0;

	width: 2px;

	height: 24px;

}



table#prompt #pl {

	background: url('../images/promptl.png');

	width: 2px;

}



table#prompt #pr {

	background: url('../images/promptr.png');

	width: 2px;

}



table#prompt #pbl {

	background: url('../images/prompt.png') 0 -24px;

	width: 2px;

	height: 4px;

}



table#prompt #pb {

	background: url('../images/promptb.png');

	height: 4px;

}



table#prompt #pbr {

	background: url('../images/prompt.png') -4px -24px;

	width: 2px;

	height: 4px;

}



.close {

	background: url('../images/close.png') 0 0;

	padding-left: 9px;

	padding-right: 9px;

	padding-top: 1px;

	padding-bottom: 1px;

}



.close:hover {

	background: url('../images/close.png') 0 -18px;

}



.close:active {

	background: url('../images/close.png') 0 -36px;

}



select.prompt {

	border: 1px solid #ccc;

}



input.prompt {

	border: 1px solid #aaa;

	background-color: #fff;

	color: #445;

	padding: 3px 5px 3px 5px;

}



input.prompt:active {

	background-color: #f0f0f0;

}



.person {

	border: 1px solid #aaa;

	background-color: #fff;

	color: #445;

	text-align: center;

	width: 100px;

}



.person option {

	text-align: center;

}



#upload {

	visibility: hidden;

	height: 0px;

	width: 0px;

}



input.browse {

	border: 1px solid #aaa;

	margin-left: 5px;

}



table .pagetable td {

	color: #444;

}



span.date {

	font-size: 9px;

	color: #002163;

}



div.importantday {

	border: 1px solid #aaa;

	background-color: #f0f0ff;

	padding: 5px;

	margin-bottom: 10px;

}



div.day {

	border: 1px solid #aaa;

	background-color: #ffffff;

	padding: 5px;

	margin-bottom: 5px;

}



#designed {

	position:fixed;

	bottom: 6px;

	right: 6px;

	text-align:right;

	font-size:10px;

	font-family:verdana arial sans-serif;

}



#designed a {

	color: #002163;

	text-decoration: none;

}



#designed a:hover {

	border-bottom: 1px dotted #002163;

}