html
{
font-size: 100%; /* WinIE text resize correction */
} 

body
{ 
	margin: 0; 
	padding: 0; 	
	font-size: 1em;
	text-align: left; 
	background: #e0e0e0;
	color: #333;
}

/* Global styles */
* {margin: 0; padding: 0; border: 0;}
span {color: #00A2FF}
p, ul, p a, h2 {font-family: Arial, Helvetica, sans-serif}


/* Heading styles */
h1 {margin-left: 0.625em; font-family: Georgia, serif; color: #333; float: left; font-weight: normal; font-size: 1.55em}
h1 a:link, h1 a:visited, h1 a:active {text-decoration: none; color: #333; font-weight: normal}
h1 a:link span, h1 a:visited span, h1 a:active span {text-decoration: none; font-weight: normal}
h1 a:hover {color: #00A2FF; text-decoration: none; font-weight: normal}
h1 a:hover span {color: #333; text-decoration: none; font-weight: normal}

h2 {border-style: none; margin: 0; padding-left: 1.25em; font-size: 0.75em; background-color: #333; color: #fff; line-height: 2.0em} /* headings on black backgrounds */

h3 a, h3 a:link, h3 a:hover {font-weight: normal} /* styling for h3 heading links */
h4 a, h4 a:link, h4 a:hover, h5 a:link, h5 a:hover {font-weight: bold} /* styling for other heading links */

h3, h4, h5 {font-family: Georgia, serif; margin: 0.625em 0 0 0.25em; padding-left: 0.625em; padding-top: 0.625em;}
h3 {font-size: 1.25em; line-height: 1.25em; font-weight: normal}
h4 {font-size: 0.90em; line-height: 0.90em; font-weight: bold}
h5 {font-size: 0.70em; line-height: 0.70em; font-family: Arial, Helvetica, sans-serif; font-weight: bold} /* appears like bold paragraph text */



/* Text styles */
p {margin: 1.25em; font-size: 0.8em; line-height: 1.750em}
p.updated {margin: 1.25em; font-size: 0.80em; line-height: 0.60em; letter-spacing: 0.05em; color: #888}

acronym {border-bottom: 0.062 dashed #333; cursor: help}
ul
{
	margin-left: 2.19em;
	margin-right: 2.5em;
	font-size: 0.80em;
	line-height: 1.50em;
	list-style: square inside;
}
li
{
text-indent: -1.063;
margin-top: 0.313em;
}


/* Paragraph Links */
a {color: #00A2FF; font-weight: bold; text-decoration: none} /* The blue colour */
a:link {color: #00A2FF; font-weight: bold; text-decoration: none}
a:hover {color: #333; font-weight: bold; text-decoration: none; }


/* Divs */





/* Main Page elements */
#container {
	background-position: #fff;
	width: 48.125em; /* Suits an 800x600 page, allowing for scrollbar */
	background: #fff;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

#topbar {   /* Top bar, can be used for extra links etc */
	width: 48.125em;
	height: 1.5em;
	background: #333
}

#hdr {    /* Header/Banner area */
	width: 48.125em; /* Suits an 800x600 page, allowing for scrollbar */
	height: 4.5em; /* Same as h1 line-height */
	line-height: 4.5em;
	background: #fff;
}

#navbar {   /* Main Navigation area */
	width: 48.125em; /* Suits an 800x600 page, allowing for scrollbar */
	height: 1.5em; 
	background: #f0f0f0; /* Light Grey */
}

#lftcol {
	float: left;
	width: 12.5em;
	background: transparent;
	overflow: hidden
}

#rgtcol {
	float: left;
	width: 35.625em;
	background: transparent;
	overflow: hidden
}

#bttmbar
{
	float: left;
	width: 48.125em;
	height: 3em;
	line-height: 3em;
	background: #fff;
	overflow: hidden;
	text-align: center;
	margin-top:3em;
}



/* Main Navigation */
#nav ul {display: inline}
#nav li {display: inline}
#nav a {
	line-height: 1.75em; /* same as height of nav bar */
	margin-left: 0.625em; 
	display: inline;
	font-weight: bold
}
#nav a span {color: #333}




#siteimg {
	width: 48.125em;
	height: 12.5em;
	background: url('../images/siteimage.jpg') #fff;
}
#siteimg p {
	margin: 0 0 0 0.625em;
	padding-left: 0.625em;
	padding-top: 2.375em;
	font-family: Georgia, serif;
	font-size: 1.4em; 
	font-weight: normal;
	line-height: 1.15em; 
}

#cogsimg {
	width: 48.125em;
	height: 12.5em;
	background: url('../images/cogsimage.jpg') #fff;
}
#cogsimg p {
	margin: 0 0 0 0.625em; 
	padding-left: 0.625em;
	padding-top: 3.375em;
	font-family: Georgia, serif;
	font-size: 1.4em; 
	line-height: 1.15em; 
	font-weight: normal; 
	letter-spacing: -0.05em; 
}
 
#ringimg {
	width: 48.125em;
	height: 12.5em;
	background: url('../images/ringimage.jpg') #fff;
} 
#ringimg p {
	margin: 0 0 0 0.625em;
	padding-left: 0.625em;
	padding-top: 3.375em;
	font-family: Georgia, serif;
	font-size: 1.4em; 
	line-height: 1.15em; 
	font-weight: normal; 
	letter-spacing: -0.05em; 
}
 
#bulbimg {
	width: 48.125em;
	height: 12.5em;
	background: url('../images/bulbimage.jpg') #fff;
}
#bulbimg p {
	margin: 0 0 0 0.625em;
	padding-left: 0.625em;
	padding-top: 3.375em;
	font-family: Georgia, serif;
	font-size: 1.4em; 
	line-height: 1.15em; 
	font-weight: normal; 
	letter-spacing: -0.05em; 
}

#appleimg {
	width: 48.125em;
	height: 12.5em;
	background: url('../images/appleimage.jpg') #fff;
}
#appleimg p {
	margin: 0 0 0 0.625em;
	padding-left: 0.625em;
	padding-top: 3.375em;
	font-family: Georgia, serif;
	font-size: 1.4em; 
	line-height: 1.15em; 
	font-weight: normal; 
	letter-spacing: -0.05em; 
}


/* Forms, Input boxes and buttons */



/* Images */
img.rightimg {float: right; margin: 0.625em;}
img.leftimg {float: left; margin-right: 0.625em}
.rightvideo 
{
	float: right; margin: 0.625em;
	width:384px; 
	height:288px;
}

.equipphoto {float: right; margin: 0.625em; width: 300px; height:200px;}
.UploadPhoto
{
	padding: 0.313em;
	border: 0.125em solid #000000;
	background-color: #f0f0f0;
	width: 287px;
	height: 90px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
}
.UploadPhotoCtrl
{
	margin-top:0.625em;
	border: 0.125em solid #0ff0000;
}







.Tab
{
	padding: 0.125em 0.937em 0.3em 0.937em;
	background-color: #000;
	margin-left: 0.125em;
	margin-right: 0.125em;
	color: #00A2FF;
}
.Tab:hover {color: #fff; font-weight: bold; text-decoration: none}
.Tab a:link {color: #00A2ff; font-weight: bold; text-decoration: none}
.Tab a:hover {color: #fff; font-weight: bold; text-decoration: none}

.TabSelected
{
	padding: 0.125em 0.937em 0.45em 0.937em;
	background-color: #fff;
	margin-left: 0.125em;
	margin-right: 0.125em;
	color: #000;
}

.TextBoxStyle
{
	padding: 0.063em 0.25em 0.063em 0.25em;
	border: 0.063em solid #C0C0C0;
	width: 12.5em;
}

.BlueButton
{
background: #00A2FF;
color: #fff;
}
.BlueButton:hover
{
background: #00A2FF;
color: #000;
}
.BlueButtonPad
{
	margin: 0.625em 0.125em 0.625em 0px;
	background-position: #00A2FF;
	background: #00A2FF;
	color: #fff;
}
.BlueButton2
{
background: #00A2FF;
color: #fff;
margin: 0.25em 0px 0.25em 0.25em;
}



/* Add Equipment Table */
.AddEquipmentTable
{
	margin: 1.25em 0.625em 1.25em 1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
}

/*style for controls*/
input, textarea
{
	padding: 0.063em 0.25em 0.063em 0.25em;
	border: 0.063em solid #C0C0C0;
	width: 20em;
}
select, input.file, input[type='file']
{
	padding: 0.063em 0.25em 0.063em 0.25em;
	border: 0.063em solid #C0C0C0;
	width: 20.625em;
}
input.checkbox, input[type='checkbox']
{
	border-style: none;
	padding: 0px 0.25em 0.25em 0.25em;
	width: auto;
}
input.submit, input[type='submit']
{
	border-style: none;
	background: #00A2FF;
	color: #fff;
	width: auto;
}
input.submit:hover, input[type='submit']:hover
{
	border-style: none;
	background: #00A2FF;
	color: #000;
	width: auto;
}



.AddEquipSeason
{
	color: #000000;
}
.BlackText
{
	color: #000000;
}
.BlackTextBold
{
	color: #000000;
	font-weight:bold;
}
.DarkGray
{
	color: #808080;
}
.Error
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
}
.dragme
{
	cursor: s-resize;
	position: relative;
	display: inline;
}
.AddedEquipTable
{
	margin: 0.188em;
	padding: 0.188em;
}
.ListPhoto
{
	padding: 0.25em;
}
.ListRow1
{
	background-color: #f0f0f0;
}
.ListRow2
{
	background-color: #ffffff;
}
.ListHeader
{
	background-color: #808080;
}
.ListHeaderText
{
	color:White;
	margin: 0.188em;
	padding: 0.188em;
}
.FooterTotal
{
	color:White;
	background-color: #808080;
	margin: 0.188em;
	padding: 0.188em;
	text-align:right;
}
.FooterTotalText
{
	font-weight:bold;
	color:White;
}
.NotLoggedInPanel
{
	padding: 0.937em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFE3B9;
}
.DLineAbove
{
	border-top-style:solid;
	border-top-width: 0.063em;
	border-top-color: #000000;
}
.DLineBelow
{
	border-bottom-style: double;
	border-bottom-width: 0.188em;
	border-bottom-color: #000000;
}


.LinkBlueButton a
{
background: #00A2FF;
color: #ff0000;
margin:0.25em;
padding: 0.25em;
}
.LinkBlueButton a:hover
{
background: #00A2FF;
color: #000;
margin:0.25em;
padding: 0.25em;
}
.Indent20
{
	padding-left:0.625em;
	padding-right:0.625em;
	margin:0.625em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
}

/* Shows default behind first table row */
.DefaultRow
{
	background: url('../images/defaultrow.png');
	background-repeat: no-repeat;
}
.languageimg
{
	float: right;
	margin: 0.25em 0.25em 0.25em 0em;
}
.login
{
	height:4.5em;
	line-height:normal;
}
.loginvalign
{
	height:2.5em;
	width:15em;
	text-align:right;
	float:right;
	vertical-align:middle;
	margin-top:1em;
	margin-right:0.25em;
}
.LoginText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin-right:0.25em;
}
.Version
{
	color: #333;
}
.Search
{
	padding: 0.625em 0 0.625em 0.625em;
}

.SearchTB
{
	border: 0.063em dashed #C0C0C0;
	width: 7.75em;
	margin-right: 0.2em;
}

.SearchTBWatermark
{
	border: 0.063em dashed #C0C0C0;
	width: 7.75em;
	margin-right: 0.2em;
	color: #C0C0C0;
}

.AccordianHeader
{
	border: 0.063em solid #fff;
	background: #f0f0f0; /* Light Grey */
	font-size: 1.0em;
	text-indent: 0.625em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.75em;
	line-height: 2.0em
}
.AccordianContent
{
	border: 0.063em solid #fff;
	height: 1.75em;
	background: #fff;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.75em;
	line-height: 2.0em;
	padding-left: 1.25em;
}

.AccordianHeader a {color:Black;}
.AccordianHeader a:hover {color:#00A2FF;}