/* Daniel C. Young */



/* Defaults */

*{margin:0;padding:0}

:link, :visited {text-decoration:none}

ul, ol{list-style:none}



/* Images */

img, img a, a img{border:none;text-decoration:none}

img.left {float:left;margin:8px 8px 0 0}

img.right {float:right;margin:8px 0 0 8px}

img.center{margin:0 auto;display:block}

img.border{border:5px solid #bfdee9}

.spacer{clear:both;padding-bottom:8px}



/* Global */

body{font:normal 70%/170% 'Lucida Grande',helvetica,sans-serif}

p{color:#301113;margin:5px 0 3px;padding:1px}

strong{color:#000000}

#main ul{list-style-image:url('/images/bullet.gif');list-style-position:inside;margin:5px 0}



/* Links */

a:link {

background-color: transparent;

text-decoration: underline;

color: #663e40;

}



a:hover {

background-color: #ffffff;

text-decoration: underline;

color: #2dc3ea;

}



a:visited {

background-color: transparent;

text-decoration: underline;

color: #511d20;

}



/* Headers */

h1{text-indent: -9000px;}

h2{

color: #ffffff;

background: #000000;

font-size: 130%;

text-transform: uppercase;

margin: 0 8px -4px;

padding: 5px;

}

h3{

color: #3e7da3;

font-size: 100%;

display: inline;

text-transform: uppercase;

}



h4{color:#2dc3ea;font-size:100%;margin:5px 0 -5px}

h5{color:#511d20;font-size:100%;margin:3px 0}



/* Layout */

#wrapper, #header, #navigation, #footer{width:750px}

#wrapper{background:#339999 url('/images/diags.gif');margin:8px auto}

#header{background:#339999 url('/images/header.gif') no-repeat;height: 200px}



/* Nagivation */

#navigation{

position:absolute;

height: 30px;

font-size: 92%;

font-weight: bold;

text-transform: uppercase;

background: #339999;

margin-top: 144px;

}

#navigation li{display:inline;float:left;padding:6px 0}

#navigation a{

color: #ffffff;

border-right: 1px solid #339999;

padding:10px 15px;

text-decoration: none;

}

#navigation a:hover, #navigation a:active {color:white;background: #33cccc}

#navigation a.active:link, #navigation a.active:visited

{color:white;background: #339999 url('/images/diags.gif'); }



/* Content Layout */

#main, #content1{float:left;display:inline}

#sidebar, #content2{float:right;display:inline}

#content1, #content2{width:275px}

#sidebar{width:200px}



/* Footer */

#footer{

clear:both;

background: #339999 url('/images/footer.gif');

height: 85px

}



#footer p{color: #511d20;font-size:85%;text-align: center;padding-top: 20px}

#footer a:link, #footer a:visited {color:#d72e2e;text-decoration:none}

#footer a:hover {color:black}



/* Tables */

table caption{

	color:white;

	background:#301113;

	font:bold 110% sans-serif;

	padding:4px 0;

	text-transform:uppercase;

}

table th{text-align:center}

table th, table td{padding:4px 6px;border-bottom:1px solid #ffffff}

table tr{background:#ffffff}

table tr.alt{background:#ffffff}



/* Submenu Links */

.links li a:link, .links li a:active, .links li a:hover, .links li a:visited{

	background: white url('/images/ticks.gif') no-repeat;

	border-bottom: 1px solid #f3e1db;

	display:block;

	text-decoration:none;

	width:152px; padding-left:12px; padding-right:0; padding-top:1px; padding-bottom:1px

}

.links li a:link{color: #2296b3}

.links li a:hover {color:#f37042;background-position: 0 -20px}

.links li a:visited {color:#326483;background-position: 0 -40px}



/* External Links (ONLY in main content) */

#main a[href^="http:"] { 

background: url('/images/external.gif') no-repeat right top;

padding-right: 10px 

}

#main a[href^="http://tokyoswingfestival.com"]{background-image:url('none');padding:0}



/* Forms */

form{

	background:#ffffff;

	border:0px;

	margin:10px 0;

	padding:15px 0 30px;

}

label{font-weight:bold;

	text-align: right;

	width: 140px;

	padding-right: 10px;

}

input#role{float:none;display:inline;margin:0}

textarea{height:100px;width:265px}

input#submitbutton{margin-left:150px;width:90px}

br{clear:left}

.clear{clear:both}



/*

== Transparent Custom Corners and Borders ==

http://www.456bereastreet.com/archive/200505/transparent_custom_corners_and_borders/

*/



/* Custom Borders (NO JavaScript support) */

.cbb {

	margin:10px;

	background: white;

	padding: 5px 10px;

	line-height: 160%;

}



/* Custom Borders (WITH JavaScript support) */

.cb {margin:0.5em 0;line-height: 160%}



/* Top Border (right corner) */

.bt {

	background:url('/images/box.png') no-repeat 100% 0;

	height:24px; margin-left:18px; margin-right:0; margin-top:0; margin-bottom:0

	}



/* Top Border (left corner) */

.bt div {

	height:24px;

	width:18px;

	position:relative;

	left:-18px;

	background:url('/images/box.png') no-repeat 0 0;

	}



/* Bottom Border (right corner) */

.bb {

	background:url('/images/box.png') no-repeat 100% 100%;

	height:20px; margin-left:18px; margin-right:0; margin-top:0; margin-bottom:0

	}



/* Bottom Border (left corner) */

.bb div {

	height:20px;

	width:18px;

	position:relative;

	left:-18px;

	background:url('/images/box.png') no-repeat 0 100%;

	}



/* Left border */

.i1 {

	background:url('/images/borders.png') repeat-y 0 0;; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0

	}



/* Right border */

.i2 {

	background:url('/images/borders.png') repeat-y 100% 0;; padding-left:0; padding-right:12px; padding-top:0; padding-bottom:0

	}



/* Box Container (for background colour and padding) */

.i3 {background:white;border:1px solid white;padding:0 5px}

	

/* == CSS for Custom Borders ends here == */