/* 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 80%/180% 'Trebuchet MS',helvetica,sans-serif; background: url('images/bg.gif') repeat-x left top}
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: #transparent;
text-decoration: underline;
color: #3B5998;
}

a:visited {
background-color: transparent;
text-decoration: underline;
color: #663e40;
}

/* Headers */
h1{text-indent: -9000px;}
h2{
color: #ffffff;
background: #000000;
font-size: 125%;
text-transform: uppercase;
margin: 0 8px -4px;
padding: 5px;
}
h3{
color: #3e7da3;
font-size: 100%;
display: inline;
text-transform: uppercase;
}

h4{color:#333333;background: #ffffff;font-size:100%;margin:5px 0 -5px; align:middle}
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: 170px; position: relative; }
#header a.home { position: absolute; top: 10px; right: 10px; display: block; }
#header a.home:hover, #header a.home:active { background: none; }
#header a.home img { display: block; height: 115px; width: 740px; }


/* Nagivation */
#navigation{
position:absolute;
height: 30px;
font-size: 92%;
font-weight: bold;
text-transform: uppercase;
background: #339999;
margin-top: 110px;
}
#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}
#main{width:545px}
#content1, #content2{width:270px}
#sidebar{width:195px;padding-left: 3px}

/* Footer */
#footer{
clear:both;
background: #339999 url('images/footer.gif');
height: 85px
}

#footer p{color: #511d20;font-size:100%;text-align: center;padding-top: 20px}
#footer a:link, #footer a:visited {color:#000000;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{border:1px solid #301113;margin-bottom:10px}
table th{text-align:center}
table th, table td{padding:4px 6px;border-bottom:1px solid #f3e1db}
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}
 */

/* Collapse */

	#hidden-7 { background:#036 ; color:#FFF ; overflow:hidden ; text-align:center }
	#toggle { display:none }

dd { border: 0; width: 90%; margin: 0; padding: 0 .5em; color: #666; font-size: 95%; font-style: italic; text-align: justify; }


/* Forms */
form{
	background:#ffffff;
	border:0px solid #301113;
	margin:0px 0;
	padding:0px 0 20px;
}

 label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}

label, input, select, textarea{display:block;float:left;margin-bottom: 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: 2px 5px;
	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:14px; margin-right:0; margin-top:0; margin-bottom:0
	}

/* Top Border (left corner) */
.bt div {
	height:24px;
	width:14px;
	position:relative;
	left:-14px;
	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:14px; margin-right:0; margin-top:0; margin-bottom:0
	}

/* Bottom Border (left corner) */
.bb div {
	height:20px;
	width:14px;
	position:relative;
	left:-14px;
	background:url('/images/box.png') no-repeat 0 100%;
	}

/* Left border */
.i1 {
	background:url('/images/borders.png') repeat-y 0 0;; padding-left:8px; 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:8px; 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 == */