/* 
	Stylesheet for www.skydiveyork.co.uk - Default
	/root/css/style.css
	
	Updated : 9 August 2006
	Author  : Richard Adams
*/
/*
	v1.0
*/

/* 
	You may study this CSS to see how certain things work so that you can
	use them in your own site. Please don't just cut and paste the whole 
	thing though!
*/

/* ------[default values]------ */
* {
	padding: 0px;
	border: 0px;
	margin: 0px;
}
 
/* ------[ typography ]-------- */

p {
	margin: 1em 0 1em;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font: normal 1.3em Tahoma, Verdana, sans-serif;	
}
	
h1 {
	font-size: 150%;
	font-weight: normal;
	letter-spacing: 0.5px;
	line-height: 1em;
	padding: 0;
	margin: 0;
}

h2 {
	color: #7b9905;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	padding: 0;
	margin: 0 0 1em 0;	
}

h3 {
	margin: 1.5em 0 0 0;
	padding-bottom: 3px;
	font-size: 120%;
	font-weight: normal;
	color: #406598;
}

h3 a:link, h3 a:visited {
	font-size: 110%;
	text-decoration: none;
	color: #40659B;
}

h3 a:hover {
	color: #036;
}
	
h4.error {
	color: #c30;
	font-weight: bold;
}

h4 {
	margin: 1.5em 0 0 0;
	font-size: 110%;
	font-weight: normal;
	color: #333;
}

h5{
	 font-size: 100%;
	 font-weight: bold;
	 color: #069;
}

h2.subTitle {
	font-size: 16px !important;
	font-weight: normal !important;
	border-bottom: 1px solid #9c0;
	line-height: 0.3em;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 !important;
	margin-right: 5px !important;
	margin-bottom: 5px !important;

}


/* -----------[ a ]------------- */

a:link, a:visited {
	font-weight : bold;
	text-decoration : none;
	color: #147;
	background: transparent; 
}

a:hover {
	font-weight : bold; 
	color: #69c;
	background: transparent; 
}

/* -----[ positional stuff ]----- */

.center {
	margin: 0 auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* --------[ hr styles ]------- */

hr {
	/* Have to specify both because browsers don't all use the same!! */
	background-color: #fff;
	color: #fff;
	
	clear: both;              /* prevents wrapping in some cases */
	height: 1px;	
	margin: -10px 0px 0px 0px;
}

hr.hidden {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
}

/* --------[ forms ]------------- */

fieldset	{
	border: 0px solid #fff;
}

input, textarea, select {
	background-color: #cce5ff;
	border: 1px solid #147;
	font-size: 100% !important;
	font-family: Verdana, Tahoma, arial, verdana, sans-serif;	
}

input:focus,
textarea:focus,
select:focus	{
	background-color: #fff;
}

/* -----[ list styles ]---- */
ul {
	margin: 4px 0px 0px 20px;
	list-style-type: none;  /* no bullets as standard */ 
}

ul li {
	font: 11px tahoma, serif;
	margin: 0px 0px 5px 0px;
}

/* ----[ page layout styles ]---- */	
	

body	{
	background: #f5fbff url(../images/bg.gif) bottom left repeat-x fixed;
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
	font: 10px Verdana, Tahoma, arial, sans-serif;
}

#container {	
	margin: 0 auto;
	border: 1px solid #000;
	/*margin-top: 10px;
	margin-bottom: 10px;*/
	width: 750px;
}
 
#content-container {
	text-align: left;	
	clear: both;
	background: #fff url(../images/content-bg.gif) top right repeat-y; 
}

#sidebar {
	float: right;	
	width: 150px;
	font-size: 10px;
	line-height: 1.2em;
} 

#pageContent {
	float: left;
	width: 400px !important;
	width/**/: 390px;
	margin: 0 !important;
	margin/**/: 0px 0px 0px -3px;
	border-top: 1px solid #ddd;
	line-height: 1.1; /* Fix for IE Peekaboo bug */
}

#leftSidebar {
	float: left;
	width: 200px;
	font-size: 10px;
	border-top: 1px solid #ddd;
}

#leftSidebar p, h1, h2, h3, h4, h5{
	padding: 0px 0px 10px 0px;
	margin: 0px 10px 0px 10px;
}


#banner {
	background : url(../images/banner_wtext.gif) no-repeat;
	width: 750px;
	height: 108px;
	margin: 0px;
	margin-bottom: -10px; /* quick fix */
}

#logo {
	background: url(../images/logo.gif) top left no-repeat;	
	width: 750px;
	height: 108px;	
}

/* -------[ Weather Bar ]------- */

#weather_bar {
	margin-top: -30px !important;
	margin-top/**/: -32px; /* Ie only */
	position: relative;
}

#wb_line {	
	position: relative;
	margin-top: -30px;
	height: 10px;
	width: 375px;
	text-indent: 130px;
}

#wb_left {
	margin-top: 0px;
	margin-left: 328px; 
	height: 40px;
	background: url(../images/bar_left2.gif) top left no-repeat;
}

#wb_icons {
	margin-top: -40px;
	height: 40px;
	margin-left: 500px;
	width: 250px;
	background: #69c url(../images/title_grad_flip.gif) top left repeat-x;
	text-align: right;
}

#wb_forecast {
	height: 40px;
	width: 160px;
	margin-top: -40px;
	margin-left: 345px;
	background: url(../images/5day_forecast.gif) top left no-repeat;
}

#wind_speeds {
	margin-top: -40px;
	margin-left: -335px;
	background: transparent;
	font: 16px Tahoma, arial, verdana, sans-serif;
}

#wind_speeds .day {
	display: inline;
	margin-top: 5px;
}

#wind_speeds .day h4{
	display: inline;
	margin: 5px 10px 0px 20px;
}

/* -----[ weather Tooltip styles ]---- */

.weathertt_text {
	background-color: #fff;
	border: 1px solid #c3ddff;
	border-top: none;
	color: #000000;
	font-size: 8pt;
	padding: 2px;
}

.weathertt_title {
	background-color: #e7f3ff;
	border: 1px solid #c3ddff;
	color: #6590ca;
	font-size: 8pt;
	font-weight: bold;
	padding: 2px;
	padding-left: 4px;
}

.weathertt_box {
	margin: 0px !important;
	margin/**/: 52px 0px 0px 150px;
}

#tt_layer {
	visibility: hidden; 	
	position: absolute; 	
	z-index: 1000; 
}
	

/* ------[ pageContent ]--------- */

#pageContent p, h1, h2, h3, h4, h5 {
	margin: 0px 15px 0px 10px;
	border-bottom: 10px;
}


#pageContent h2 {
	font-size: 12px;	
}


#pageContent hr {
	margin: 10px 5px 0px 5px;
	background-color: #4cb5ff;
	color: #4cb5ff;
}

#pageContent ul {
	list-style-image: url(../images/bullet-blue.png);
	padding: 10px 0px 0px 15px;
	font: 80% tahoma, serif;
	margin: 0px 10px 0px 10px;
}
	
#pageContent ul.smaller {
	font: 70% tahoma, serif;
}

#pageContent ul.bigger {
	font: 100% tahoma, serif;
}

#pageContent ul li.none {
	list-style-image: none;
	padding: 0px;
}

#pageContent ul li a {
	color: #147;
}


#pageContent ul li a:hover {
	color: #000;
}

#pageContent .smaller h4 {
	font: 70% tahoma, serif;
}

/* -------[ footer ]-------- */
 
#footer {
	width: 738px;	
	height: 24px;
	
	background: #5382a8;
	
	padding: 5px 12px 0 0;
	text-align: center;
	
	color: #fff;
	font-family: Verdana, Tahoma, serif;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size:    xx-small; 
	font-size:    x-small; 
}

#footer .left {
	text-align: left;
	float: left;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #e0ebf4;
}

/* ------[ links list ]--------- */
/*
#links_list h2 {
	margin: 10px 0px -15px 0px;
}
*/
/* ----------[ menu ]----------- */

#menu ul {
	width: 150px; 
	background: #69c;
	margin: 0px !important;
	
}

#menu ul li.title {
	padding: 10px; 
	font-size: 1.4em; 
	font-weight:bold; 
	color: #fff; 
	list-style-image: none;
	border-bottom:1px solid #fff; 
	background: #69c url(../images/title_grad.gif) bottom left repeat-x;
}

#menu ul li.login {
	padding: 10px;
	font-size: 11px;
	list-style-image: none;
	color: #000;
	border-bottom: 1px solid #fff;
	background: #e0ebf4;
	
}

/* IE has bigger fonts, so it pushes the sidebar out of alignment.
 To fix : just reduce the font size a bit.
*/
/*#menu ul li.login input {
	font-size: 100% !important;
	font-size: 80%;	
}*/

#menu ul li .ieonly.remember input {
	background-color: transparent;
	border: none;
}

#menu ul li {
	color: #fff; 
	font-size: 1em; 
	border-bottom:1px solid #fff; 
	background: #47a;
	margin: 0px;
}

#menulist a, #menulist a:visited {
	color:#000; 
	text-decoration:none; 
	display:block; 
	padding:5px 5px 5px 20px;
	border-right: 5px solid #47a;
	background: #e0ebf4;
	Width:120px;	
}

#menulist a:hover {
	border-right: 5px solid #e0ebf4;
	background: #47a;
	color:#fff;
}

/* ------[ picture elements ]------ */
.pic {
	background: #fff;
}

.pic img {
	display: block;
	border: 5px solid #fff;
}

.pic .p1 {
	border: 1px solid #ccc;
	margin-right: 5px;
}

.pic .p1.right { 
	float: right;
}

/* -------[ news/events ]------- */	

.newsStory {
	background: transparent;
	border-top: 5px solid #5382A8;
	margin: 12px 10px 10px 5px;
	padding: 5px 0px 0px 0px;
}

.event {
	background: transparent;
	border-top: 5px solid #9c0;
	margin: 12px 10px 10px 5px;
	padding: 5px 0px 0px 0px;
}

.committee {
	background: #fbfbfb;
	border-top: 2px solid #5382A8;
	border-bottom: 2px solid #5382A8;
	margin: 12px 10px 10px 5px;
	padding: 5px 0px 5px 0px;
}

/* --------[ error div styles ]----- */

div.error {
	border: 1px solid #c30;
}


/* --------[ ex-president table ]----- */

.ex-presidents {
	border: 1px solid #5382A8;
	margin-right: 5px;
	text-align: center;
}

/* --------[ progression table ]------- */

.progression {
	background: #fbfbfb;
	border: 1px solid #ddd;
	text-align: center;
	width: 395px !important;
	width/**/: 385px;
	font: 110% tahoma, serif;
}

.progression td.odd {
	background: #dcdcdc;
}

.progression td.title {
	background: #5382a8;
	color: #fff;
}

.progression td {
	border: 1px solid #ddd;
}

/* --------[ weather table ]------- */

.weathertable {
	background: #fbfbfb;
	border: 1px solid #ddd;
	text-align: center;
	width: 395px !important;
	width/**/: 380px;
	font: 130% tahoma, serif;
}

.weathertable tr.even {
	background: #eee;
}

.weathertable th {
	background: #5382a8;
	color: #fff;
}

.weathertable td {
	border: 1px solid #ddd;
}


/* ----[ random ]---- */

.randomQuote {
	/*border-top: 1px solid #ddd;*/
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 0px;
	margin-right: -10px;
	font-weight: bold;
	font-size: 11px;
	color: #147;
	font-style: italic;
	text-align: center;
}

.randomQuote_tr {
	/*border-top: 1px solid #ddd;*/
	float: right;
	margin: -16px -10px 0px 0px !important;
	margin/**/: -22px -4px 0px 0px;
}

.raps_notice {
	margin-left: 1px !important;
	margin-left/**/: 5px; /* Ie only */
	width: 200px;
}

/* ---[ curved box styles ]------ */
/* Adapted from "Snazzy Borders" @ Stu Nicholls's Site 
   http://www.stunicholls.myby.co.uk/boxes/snazzy.html
*/

.cBoxContent {
	display:block;  
	background:#fff8e5; 			/* Inside Colour */
	border:0 solid #c3a971; 		/* Border Colour */
	border-width:0 1px;
	padding-top: 5px;
}

.cTop, cBottom {
	display:block; 
	background:transparent; 
	font-size:1px;
}

.cb1, .cb2, .cb3, .cb4 {
	display:block; 
	overflow:hidden;
}

.cb1, .cb2, .cb3 {
	height:1px;
}

.cb2, .cb3, .cb4 {
	background:#fff8e5; 			/* Inside Colour */
	border-left:1px solid #c3a971;    /* Border Colour */
	border-right:1px solid #c3a971;   /* Border Colour */
}
	
.cb1 {
	margin:0 5px; 
	background:#c3a971;			/* Border Colour */
}

.cb2 {
	margin:0 3px; 
	border-width:0 2px;
}

.cb3 {
	margin:0 2px;
}

.cb4 {
	height:2px; margin:0 1px;
}

/* ---[ purpleBox Curved Colours ]---- */

.purpleBox {
	margin: 0px  10px 10px 10px;
}

.purpleBox .cBoxContent {
	background: #eee5ff;
	border: 0 solid #8c71c3;
	border-width:0 1px;
}

.purpleBox .cb2,.purpleBox .cb3,.purpleBox .cb4 {
	background: #eee5ff;
	border-left: 1px solid #8c71c3;
	border-right: 1px solid #8c71c3;
}

.purpleBox .cb1 {
	background: #8c71c3;
}

.purpleBox:hover .cBoxContent {
	background: #deccff;
}

.purpleBox:hover .cb2, .purpleBox:hover .cb3, .purpleBox:hover .cb4 {
	background: #deccff;
}

/* ---[ greenBox Curved Colours ]---- */

.greenBox {
	margin: 0px  10px 10px 10px;
}

.greenBox .cBoxContent {
	background: #efc;
	border: 0 solid #9c0;
	border-width:0 1px;
}

.greenBox .cb2,.greenBox .cb3,.greenBox .cb4 {
	background: #efc;
	border-left: 1px solid #9c0;
	border-right: 1px solid #9c0;
}

.greenBox .cb1 {
	background: #9c0;
}

.greenBox:hover .cBoxContent {
	background: #e5ff82;
}

.greenBox:hover .cb2, .greenBox:hover .cb3, .greenBox:hover .cb4 {
	background: #e5ff82;
}

/* ---[ quickComment Curved Colours ]---- */

.quickComment {
	margin: 0px  10px 10px 10px;
}

.quickComment .cBoxContent {
	background: #fff8e5;
	border: 0 solid #c3a971;
	border-width:0 1px;
}

.quickComment .cb2,.quickComment .cb3,.quickComment .cb4 {
	background: #fff8e5;
	border-left: 1px solid #c3a971;
	border-right: 1px solid #c3a971;
}

.quickComment .cb1 {
	background: #c3a971;
}

/* ---[ blogComment Curved Colours ]---- */

.blueNHComment {
	margin: 0px  10px 10px 10px;
}

.blueNHComment .cBoxContent {
	background: #cdefff;
	border: 0 solid #5382A8;
	border-width:0 1px;
}

.blueNHComment .cb2,.blueNHComment .cb3,.blueNHComment .cb4 {
	background: #cdefff;
	border-left: 1px solid #5382A8;
	border-right: 1px solid #5382A8;
}

.blueNHComment .cb1 {
	background: #5382A8;
}

/* ---[ greenNHComment Curved Colours ]---- */

.greenNHComment {
	margin: 0px  10px 10px 10px;
}

.greenNHComment .cBoxContent {
	background: #efc;
	border: 0 solid #9c0;
	border-width:0 1px;
}

.greenNHComment .cb2,.greenNHComment .cb3,.greenNHComment .cb4 {
	background: #efc;
	border-left: 1px solid #9c0;
	border-right: 1px solid #9c0;
}

.greenNHComment .cb1 {
	background: #9c0;
}

/* -----[ admin Styles ]------- */
.adminEvent {
	background: #eee;
	border-left: 5px solid #9c0;
	margin: 12px 10px 10px 5px;
	padding: 5px 0px 0px 0px;
	text-align: right;
}

.adminEvent:hover {
	border-left: 5px solid #efc;
}

.adminEvent .left {
	float: left;
}

.adminEventForm {
	background: #eee;
	border-left: 5px solid #9c0;
	margin: 10px 10px 10px 5px;
	padding: 0px 0px 10px 10px;
}

.adminEventForm input {
	font-size: 100%;
}

.adminEventForm textarea {
	font-size: 100%;
}

.adminNews {
	background: #eee;
	border-left: 5px solid #5382A8;
	margin: 12px 10px 10px 5px;
	padding: 5px 0px 0px 0px;
	text-align: right;
}

.adminNews:hover {
	border-left: 5px solid #09c;
}

.adminNews .left {
	float: left;
}

.adminNewsForm {
	background: #eee;
	border-left: 5px solid #5382A8;
	margin: 10px 10px 10px 5px;
	padding: 0px 0px 10px 10px;
}

.adminNewsForm input {
	font-size: 100%;
}

.adminNewsForm textarea {
	font-size: 100%;
}

.adminBar {
	background: #efefef;
	border-left: 5px solid #333;
	margin: 10px 10px 10px 5px;
	padding: 5px 0px 0px 10px;
	font: 12px tahoma;
}

.adminBar:hover {
	border-left: 5px solid #9c0;
}

/* -------[ page Numbers/Next-Previous styles ]----- */

#pageNextPrevTop {
	text-align: right;
	margin: 0px 10px 0px 10px;
}

#pageNextPrevTop .left {
	text-align: left;
	float: left;
}

#pageNextPrevTop .left-nofloat {
	text-align: left;
}

#pageNumBottom {
	text-align: center;
}

#pageNumBottomPhoto {
	Margin-top: 50px;
	text-align: center;
}