/*
http://www.w3schools.com/default.asp

Define IDs and CLASSes here.

SPAN should be used in the document to denote a font change over a small area of text. 
This can be to higlight or underline some text. etc.
http://www.w3schools.com/tags/tag_span.asp

STYLE should be used in the document to temporarily put in some style information.
It should NEVER be used over the long term as it removes advantages of moving to CSS.
ID and CLASS can both be used with STYLE.
http://www.w3schools.com/tags/tag_style.asp
*/

img {
border: 0px;
}
/*
DEFINE IDs

These elements beginning with an # are ids.

An ID selector lets you target a SINGLE HTML element  within a page. 

Like a CLASS selector, an ID selector must be defined in the style sheet and included explicitely in the HTML tag. 

Use the # symbol to identify an ID selector in the style sheet, and the ID attribute to give an ellement an ID.

IDs must be unique withn a document. Not two HTML ellemts in a single document should have the same ID
*/
#NavBar {
width: 100%;
text-align: center;
}
#ShowDate {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background-color: #7da5d8;
padding: 15px;
}
#date {
text-align: center;
}
#ShowVisits {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background-color: #7da5d8;
padding: 15px;
}
#LaryngectomyBanner {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #C0C0C0;
text-align: center;
padding: 0px;
}
#ShowTop {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
color: #C0C0C0;
background-color: #000000;
padding: 15px;
} 
#LeftSide {
position: absolute;
width: 160px;
top: 300px;
left: 0px;
padding: 15px; 
color: #000000;
font-size: smaller;
background-color: #C0C0C0;
}
#RightSide {
position: absolute;
width: 100px;
top: 300px;
left: 800px;
padding: 15px; 
color: #000000;
font-size: smaller;
background-color: #C0C0C0;
}
#Overview {
position: absolute;
width: 560px;
top: 300px;
left: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
background-color: #999999;
padding: 15px;
color: #FFFF00;
}
#AboutUs {
position: absolute;
width: 560px;
top: 300px;
left: 180px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
background-color: #999999;
padding: 0px 30px 0px 30px;
color: #FFFF00;
}
#AboutUsIMG {
float: left;
margin: 2em 2em 0em 0em;
padding: 0;
}
#History {
position: absolute;
width: 590px;
top: 300px;
left: 180px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
background-color: #999999;
padding: 15px;
color: #FFFF00;
}
#Links {
position: absolute;
width: 590px;
top: 300px;
left: 180px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
background-color: #999999;
padding: 15px;
color: #FFFF00;
}
#Clubs {
position: absolute;
width: 590px;
top: 300px;
left: 180px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
background-color: #999999;
padding: 15px;
color: #FFFF00;
}
#Gallery {
position: absolute;
width: 590px;
top: 300px;
left: 180px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
background-color: #999999;
padding: 15px;
color: #FFFF00;
}
#Operation {
position: absolute;
width: 590px;
top: 300px;
left: 180px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
background-color: #999999;
padding: 15px;
color: #FFFF00;
}
#Shop {
position: absolute;
width: 590px;
top: 300px;
left: 180px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
background-color: #999999;
padding: 15px;
color: #FFFF00;
}
#Technology {
position: absolute;
width: 590px;
top: 300px;
left: 180px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
background-color: #999999;
padding: 15px;
color: #FFFF00;
}
#ContactUs {
position: absolute;
width: 550px;
top: 300px;
left: 250px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
background-color: #999999;
padding: 15px;
color: #FFFF00;
}
#ContactUsIMG {
text-align: center;
position: absolute;
width: 50px;
top: 110px;
left: 100px;
background-color: #999999;
padding: 15px;
color: #FFFF00;
}
#ClearWay{
clear: both;
height: 1px;
}
/*
DEFINE CLASSES

To apply a style rule to a potentially arbitrary group of elements in a web page define a CLASS.
Then identify the HTML elements that belong to that class using the CLASS attribute.

If the class can be used anywhere then define it with a leading '.' like this
.special{
splidge
}

You can restrict a class to only a particular type of element, say P, like this 
p.special{
splidge
}
*/
.Supplier{
background-color: #AAAAAA;
padding: 15px; 
}
.SupplierDescription{
color: #000000;
font-size: 18px;
}
.SupplierSupplier{
color: #FFFF00;
font-size: 18px;
}
.SupplierWebsite{
	color: #00cccc;
	font-size: 18px;
}
.SupplierAddress{
	color: #66FF99;
	font-size: 15px;
}
.NowDate {
	font-size: smaller;
	font-style: italic; 
	font-weight: lighter;
}
.Guide {
	margin: 20px;
	padding: 20px;
	position: relative;
	background-color: #999999;
	border-color: #CC3300;
	border: 5px;
}
.style1 {
	color: #C0C0C0;
}

a.IndexHyperPointer:link{
	color: #FF0000;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-weight: 900;
	font-size: 24px;
}
a.IndexHyperPointer:visited{
	color : #CC3333;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-weight: 900;
	font-size: 24px;
}
a.IndexHyperPointer:hover{
	color : #00FF00;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-weight: 900;
	font-size: 24px;
}
a.IndexHyperPointer:active{
	color : #FFFFFF;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-weight: 900;
	font-size: 24px;
}

a.ClubsHyperPointer:link{
	color: #FF0000;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-weight: 900;
	font-size: 24px;
	text-align: center;
}
a.ClubsHyperPointer:visited{
	color : #CC3333;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-weight: 900;
	font-size: 24px;
	text-align: center;
}
a.ClubsHyperPointer:hover{
	color : #00FF00;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-weight: 900;
	font-size: 24px;
	text-align: center;
}
a.ClubsHyperPointer:active{
	color : #FFFFFF;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-weight: 900;
	font-size: 24px;
	text-align: center;
}
a.SupplierHyperPointer:link{
	color: #FF0000;
	text-decoration: none;
/*	font-family: "Times New Roman", Times, serif;*/
	font-weight: 900;
/*	font-size: 24px;*/
/*	text-align: center;*/
}
a.SupplierHyperPointer:visited{
	color : #CC3333;
	text-decoration: none;
/*	font-family: "Times New Roman", Times, serif;*/
	font-weight: 900;
/*	font-size: 24px;*/
/*	text-align: center;*/
}
a.SupplierHyperPointer:hover{
	color : #00FF00;
	text-decoration: none;
/*	font-family: "Times New Roman", Times, serif;*/
	font-weight: 900;
/*	font-size: 24px;*/
/*	text-align: center;*/
}
a.SupplierHyperPointer:active{
	color : #FFFFFF;
	text-decoration: none;
/*	font-family: "Times New Roman", Times, serif;*/
	font-weight: 900;
/*	font-size: 24px;*/
/*	text-align: center;*/
}

.BodyStyle {
	background-image: url(Pictures/LL.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #C0C0C0;
	background-attachment: fixed; 
}
.CoollistSubmit {
	width: 240px;
	height: 50px;
	border-color: #00FF66;
}
.ClubsHyperLink{
	text-align: center;
}