/* External Style Sheet for screen: The Canadian Dance Organization */
/* XHTML, CSS & PHP Development: Black Cap Design */

* {margin: 0} /* sets margin on everything to 0 to address IE & non-IE rendering inconsistencies  */
a {outline: none}  /* to rid nasty link outline in Firefox */
img {border: none;} /* removes border on all images */

body 
{
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	background: white;
	color: #4b4b4b;
	min-width: 994px; /* prevents design collapse (header) on small window resize */	
}
#bodywrap /* to address IE centering bug */
{
	width: 994px;
	margin: 0 auto;
}
 
.no_display /* for 'skip to content' and other hidden divs */
{
	position:absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#wrapper
{
	padding-left: 19px;	
}
#middle
{
	background: url('../images/bg_mid.gif') repeat-y;
	width: 994px;
/*	outline: 1px solid red; */
}
#bottom
{
	background: url('../images/bg_bottom.gif') no-repeat;
	width: 994px;
	height: 16px;
		
}
/* ============<BANNER>============= */
#banner
{
	width: 956px;
	height: 225px;	
	background: url('../images/banner_bg.gif') no-repeat;	
}
#banner img /* logo position */
{
	margin: 64px 0 0 20px; 	
}

/* ============</BANNER>============ */

/* ===========<3 column layout>=========== */
#container
{
	clear: both;
/*	position: relative;	 necessary for absolute positioning of logo div */
	background-color: white;
	width: 956px;
/*	outline: 1px dotted black; */
}
#left_sidebar
{
	float: left;
	width: 300px;
	background-color: white;
	padding: 30px 0 10px 18px;
	margin-bottom: 0px;
/*	outline: 1px dashed fuchsia; */
}
#content
{
	margin: 0px 240px 16px 330px;
	padding: 26px 12px 0 12px;
	background-color: white;
/*	outline: 1px dashed blue;	*/
}
#right_sidebar
{
	float: right;
	width: 230px;
	padding: 32px 0 0 0px;
	margin: 0 0 0 0;
/* outline: 1px dashed green; */		
}


/* ===========<3 column layout>=========== */

/* ============<HORIZONTAL NAVIGATION>============ */
#nav 
{
	float:left; 
	width: 956px;
	height: 40px;  
  font-size: 1.4em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
/*  outline: 1px solid lime; */
}

#nav ul 
{
	margin: 0;
	padding: 0px 0 0 20px; 
	list-style:none;
}
#nav li 
{
  display: inline;
  margin: 0;
  padding: 0;
  line-height: 125%;
}
#nav a 
{
  float:left;
  text-decoration: none; 
}
#nav li a
{
  float: left;
  display: block;
  padding: 0;
  color: #45576d; 
  height: 24px;	
	margin-right: 28px;
	padding-top: 10px;
	padding-left: 34px;
	padding-bottom: 10px;
  text-align: center;		
}
#nav li.active a, #nav li.active a:hover             
{
  color: black;
	background: url('../images/nav_marker.gif') no-repeat;  
  background-position: 0 4px;	
}
#nav a:hover
{
	background-image: none;
	color: black;	
}

/* ============</HORIZONTAL NAVIGATION>============ */


/* ---------------<CONTENT DIVs>-------------- */

h1
{
	font-size: 1.5em;
	margin: 0px 0 8px 0;
	color: #333;
}
h2
{
	font-size: 1.3em;
	margin: 12px 0 8px 0;
	color: #333;
	line-height: 150%;
}
h3
{
	font-size: 1.2em;
	margin: 8px 0;
	color: #08519d;
	font-style: oblique;
}
h4
{
	font-size: 1.2em;
	margin: 8px 0;
	color: #08519d;
	text-transform: uppercase;
}
p
{
	margin: 10px 0;
	line-height: 200%;
}
.intro
{
	color: #cc0000;
	font-weight: bolder;	
}
.faq
{
	font-weight: bold;
	display: block;
	margin-bottom: 12px;
	line-height: 175%;	
}
.highslide-maincontent, .highslide-heading
{
	color: #333; 
}
.highslide-maincontent p, .highslide-maincontent ul
{
	font-size: 11px; 
	line-height: 175%;
}
.no_break
{
	white-space: nowrap;	
}
/* --<rules table>-- */
table.rules 
{
	border-collapse: collapse;
	border: 1px solid silver;
}
td 
{
	padding: 5px;
}
tr
{
	border-bottom: 1px solid silver;	
}
.thead, .r2, .r2a, .r3, .r3a, .r4, .r4a, .r5, .r5a
{
	width: 20%;	
	border-right: 1px solid silver;	
}
.r2a, .r3a, .r4a, .r5a
{
	background: #e4f3fe;	
}
.thead
{
	border-bottom: 1px solid silver;	
	background: #e4f3fe;	
}
	
/* --</rules table>-- */
/* ---------------</CONTENT DIVs>-------------- */

/* ---------------<SIDEBAR DIVs>-------------- */
/* ----<Left Sidebar>---- */

/* ----</Left Sidebar>----*/

/* ----<Right Sidebar>---- */
#right_sidebar h2
{
	text-align: center;	
}
#right_sidebar p
{
	margin: 0 9px;
	color: #333;
}
.highlight_box
{
	background: #efefef;
	border: 1px solid #d6d6d5;
	width: 170px;
	margin-left: 9px;
	padding: 5px 15px 15px 15px;	
}

/* ----</Right Sidebar>---- */
/* ---------------</SIDEBAR DIVs>-------------- */
/* ---------------<LISTS>-------------- */
ul.standard
{
	margin: -6px 0 8px 0px;
	padding: 0 8px 0 8px;
	list-style-type: none;	
}
ul.standard li
{
  background: transparent url('../images/bullet.gif') no-repeat;
  padding: 0 0 0 20px;
  background-position: 0px 3px;	
	line-height: 175%;
}

ul.numeric
{
	margin: 0 0 8px 20px;
	padding: 0 8px 0 16px;
	list-style-type: decimal;		
}
ul.numeric li
{
	line-height: 175%;	
}
ul.numeric li ul
{
	margin-left: 0px;
	padding-left: 16px;
}
	
/* ---------------</LISTS>-------------- */

/* -------------<FOOTER>-------------- */
#footer
{
	clear: both;
	width: 930px;
	margin: 0px 0 0 20px;
	height: 16px;
/*	outline: 1px solid CornflowerBlue; */
}
#footer p
{
	margin: 0;
	color: #7e7e7e;
}
#design_credit
{
	margin-left: 430px;	
}

/* ===<ANCHORS>=== */
#content p a:link, #content ul a:link, #right_sidebar p a:link, a:link.faq

{
	color: #08389e;
	text-decoration: underline;	
}
#content p a:hover, #content ul a:hover, #right_sidebar p a:hover, a:hover.faq

{
	color: #08389e;
	text-decoration: none;	
}
#content p a:visited, #content ul a:visited, #right_sidebar p a:visited, a:visited.faq

{
	color: DarkMagenta;
	text-decoration: underline;	
}
#content p a:visited:hover, #content ul a:visited:hover, #right_sidebar p a:visited:hover
{
	color: DarkMagenta;
	text-decoration: none;	
}

span#design_credit a {color: #7e7e7e; text-decoration: underline;}
span#design_credit a:hover {color: #7e7e7e; text-decoration: none;}

/* ===</ANCHORS>=== */