/* 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/Orielrowing.png');
	right: 25px;
	top: 150px;
	width: 163px;
	height: 374px;
	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;
}