* { margin: 0; padding: 0; float: left; }

body    { margin: 10px; position: absolute; left: 50%; width: 1000px; margin-left: -500px;}
p *	    { float: none; display: inline; }
table, table * { float: none; }

#current { float: right; }

#page  { width: 990px; border-width: 1px; }
#panes { width: 967px; padding: 10px 0 20px 22px; }

/*
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
horizontal frames
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
*/

.horizontal { width: 100%; }

#header  { height: 130px; }

#toolbar   { border-width: 1px 0; }
#toolbar p { padding: 6px 8px 5px 8px; }

#footer   { padding: 10px 0; border-width: 1px 0 0 0; }
#footer p { padding: 3px 0; width: 100%; }

/*
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
vertial frames
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
*/

.vertical     { margin: 0 10px 0 0; }
.vertical *   { clear: left; }
.vertical div { border-width: 0 1px 1px 1px; }

#pane-1 { width: 180px; }
#pane-2 { width: 510px; }
#pane-3 { width: 212px; }

#pane-1 .container { width: 158px; }
#pane-2 .container { width: 486px; }
#pane-3 .container { width: 212px; }


/*
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
containers
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
*/

.container   { padding: 4px 10px 10px 10px; border-width: 0 1px 1px 1px; }
.container a { border-width: 0 0 1px 0; }

/*
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
headings
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
*/

h1 { width: 450px; height: 32px; padding: 16px 0 0 60px; }
h3 { width: 140px; height: 32px; padding: 0px 0 0 0px; margin: 14px 0 0 0; }
h5 { width: 140px; height: 32px; padding: 0px 0 0 0px; margin: 3px 0 0 0; }
h6 { width: 140px; height: 40px; padding: 0px 0 0 0px; margin: 2px 0 0 0; }
h4 { margin: 20px 0 0 0; height: 32px; }


/*
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
other
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
*/

.flyer   { margin: 10px 0 0 0; border-width: 1px;}
.banner  { margin: 10px 20px 0 20px; }
img.photo { border-width: 1px; }

#toolbar a { padding: 6px 10px 5px 10px; background-position: right top; }
#toolbar span { width: 2px; height: 24px; }

li a { width: 126px; padding: 0 12px 0px 20px; }

ul	  { background-position: 0 50%; }
li a { background-position: 6px 4px; }
ul li  { background-position: left bottom; }

ul.container { background-position: left top; }
div.container { background-position: right top; }
.container p { width: 100%; }

h4 { width: 100%; border-top: 1px solid #D0D0D0; padding-top: 4px; }

div.container a { clear: none; margin: 0 0 10px 0; }
body { background-color: #A0A0A0; }

#page { background-color: #F0F0F0; border-color: #544C8A; }

/*
--------------------------------------------------------------------------------
headings
--------------------------------------------------------------------------------
*/

h1         { color: #FFF; }
h2, h3     { color: #7A72AB; }
h4         { color: #000; }


/*
--------------------------------------------------------------------------------
container
--------------------------------------------------------------------------------
*/

.container         { background-color: #FFF; border-color: #544C8A; }
.container a       { color: #555; }
.container a:hover { color: #000; }


/*
--------------------------------------------------------------------------------
horizontal frames
--------------------------------------------------------------------------------
*/

.horizontal			{ color: #FFF; border-color: #544C8A; }
.horizontal a       { color: #FFF; }
.horizontal a:hover { color: #ebb620; }


.flyer, img.photo { border-color: #7A72AB; }

/*
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
general
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
*/

body  { background-image: url(Images/Background.gif); }
#page { background-image: url(Images/PageBackground.gif); }

* 	        { background-repeat: no-repeat; }
body, #page { background-repeat: repeat; }

/*
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
header
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
*/



/*
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
list item decorations
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
*/

li         { background-image: url(Images/Decorations/Ruler.gif); }
li a       { background-image: url(Images/Decorations/AnimatedArrow.gif); }
li a:hover { background-image: url(Images/Decorations/Arrow.gif); }


/*
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
heading 1
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
*/

#heading-introduction  { background-image: url(Images/Headings/1/Introduction.gif); }
#heading-management    { background-image: url(Images/Headings/1/Management.gif); }
#heading-merchandise   { background-image: url(Images/Headings/1/Merchandise.gif); }
#heading-members       { background-image: url(Images/Headings/1/Members.gif); }
#heading-showcases     { background-image: url(Images/Headings/1/Showcases.gif); }
#heading-join          { background-image: url(Images/Headings/1/Join.gif); }
#heading-contact       { background-image: url(Images/Headings/1/Contact.gif); }
#heading-partners      { background-image: url(Images/Headings/1/Partners.gif); }

#heading-announcements { background-image: url(Images/Headings/1/Announcements.gif); }
#heading-news          { background-image: url(Images/Headings/1/News.gif); }
#heading-weather       { background-image: url(Images/Headings/1/Weather.gif); }

#heading-calendar      { background-image: url(Images/Headings/1/Calendar.gif); }
#heading-register      { background-image: url(Images/Headings/1/Register.gif); }
#heading-reports       { background-image: url(Images/Headings/1/Reports.gif); }

#heading-games         { background-image: url(Images/Headings/1/Games.gif); }
#heading-fun           { background-image: url(Images/Headings/1/Fun.gif); }
#heading-wallpapers    { background-image: url(Images/Headings/1/Wallpapers.gif); }

#heading-links         { background-image: url(Images/Headings/1/Links.gif); }
#heading-banners       { background-image: url(Images/Headings/1/Banners.gif); }

#heading-dbdrag         { background-image: url(Images/Headings/1/Dbdrag.gif); }
#heading-showandshine   { background-image: url(Images/Headings/1/Showandshine.gif); }
#heading-races		    { background-image: url(Images/Headings/1/Races.gif); }

#heading-credits         { background-image: url(Images/Headings/1/Rules.gif); }
#heading-disclaimer		 { background-image: url(Images/Headings/1/Suppliers.gif); }
#heading-onzebanner		 { background-image: url(Images/Headings/1/onzebanner.gif); }


/*
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
heading 2
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
*/

#heading-user          { background-image: url(Images/Headings/2/User.gif); }
#heading-webmail       { background-image: url(Images/Headings/2/Webmail.gif); }


/*
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
heading 3
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
*/




/*
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
vertical gradients
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
*/

#footer       { background-image: url(Images/Gradients/Footer.gif); }
ul.container  { background-image: url(Images/Gradients/Menu.gif); }
div.container { background-image: url(Images/Gradients/Container.gif); }

#footer, .container { background-repeat: repeat-y; }

/*
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
horizontal gradients
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
*/

#toolbar { background-image: url(Images/Gradients/Bar.gif); }

#toolbar { background-repeat: repeat-x; }

/*
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
decorations
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧
*/

#toolbar span { background-image: url(Images/Decorations/Seperator.gif); }/*
font
*/

body * 	      { font-family: Tahoma, Sans-Serif; font-size: 8pt; }
h1            { font-size: 10pt; }
h4            { font-size: 9pt; }
.horizontal a { font-weight: normal; }

/*
alignment
*/

#footer p { text-align: center; }

.container * { line-height: 16px; }

h1, h2, h3, h4, h5, h6 { white-space: nowrap; }
h2, h3 { font-weight: normal; }

/*
decoration
*/

a 		      { text-decoration: none; }
.horizontal a { text-decoration: none; }
p a           { text-decoration: underline; }

/*
cursor
*/

body { cursor: default; }
a    { cursor: pointer; }#page      { border-style: solid; }
.container { border-style: solid; }

img         { border-style: none; }
img.photo   { border-style: solid; }

#toolbar  { border-style: solid; }
#footer   { border-style: solid; }

li { list-style-type: none; }

.flyer { border-style: solid; }