/* Main Body Elements */

/* Hides from IE-mac \*/
* html frame frame2 {height: 1%;}
/* End hide from IE-mac */

* {margin:0; padding:0;} 
* {font-family: Arial, Helvetica, sans-serif; }
	
body {
margin: 0px;
background-color: #333300;
background-image: url(http://www.danceontario.ca/images2010/bg.jpg);
background-repeat: repeat-x;
}


a  {
color: DarkGoldenrod; 
}

a:hover {
color: #000000;
border: 0 !important;
text-decoration: underline; }


ul {
	padding-top: 5px;
	padding-left: 10px;
	margin-left: 0px;
}

li {
margin-left: 10px;
padding-top: 2px;
list-style-type: disc;
}

.secondaryList li {
	list-style-type:circle;
}

/* Main Frames */


#pagetitle a {
color: #DCFC85;
font-size: 18px;
text-decoration: none;
font-weight: bold;
font-family: Arial-black, sans-serif;
margin-left: 5px;
}	

#pagetitle a:hover {
color: white;
text-decoration: none;
font-weight: bold;
}	

#pagetitle{
margin-top: 0px;
background: #739F08;
paddig-bottom: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
}


#frame {
width:950px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:left;
background: url()repeat-x; 
background-position: bottom;
padding-bottom: 0px;
}

#frame2 {
width:950px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:auto;
background-color: white;
}

#home-frame {
width:400px;
}

/* Top of Page Elements */



p {
padding-top: 11px;
margin-right: 20px;
padding-right: 20px;
}



/* Content Center */

#contentcenter a {
color: DarkGoldenRod;
text-decoration: none;
}
	
#contentcenter a:hover {
text-decoration: underline;
}
	
	
#contentcenter {
width:750px;
padding:0px;
float:left;
font-size: 12px;
line-height: 17px;
margin-top: 10px;
margin-left: 0px;
padding-left: 30px;
padding-bottom: 50px;
text-align: normal;
z-index: 10;
background: white;
color: black;
}


/* Content Center-full */

#contentcenter-full a {
color: #ff6600;
font-weight: bold;
text-decoration: none;
}
	
#contentcenter-full a:hover {
background-color: Yellow;
color: #cc3333;
border: 0 !important;
}
	
	
#contentcenter-full {
width:680px;
padding:0px;
float:left;
font-size: 12px;
line-height: 14px;
margin-top: 10px;
margin-left: 20px;
padding-left: 20px;
padding-bottom: 250px;
text-align: normal;
}




h1, h1 a {
font-family: Arial, sans-serif;
font-style: normal;
font-variant: small-caps;
font-weight: normal;
font-size: 30px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
font-weight: bold;
color: #739F08;
margin-bottom: 10px;
padding-bottom: 0px;
margin-left: 0px;
margin-top: 0px;
}



#contentcenter h2 {
font-family: Arial, sans-serif;
font-style: normal;
font-variant: none;
font-weight: normal;
font-size: 18px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
font-weight: bold;
color: black;
margin-bottom: 5px;
padding-bottom: 5px;
margin-left: 0px;
margin-top: 25px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #cc0000;
}
	

h2 a{
color: #595959;
}

#sub-h2 {
font-family: Arial, sans-serif;
font-style: normal;
font-variant: small-caps;
font-weight: normal;
font-size: 15px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
font-weight: bold;
color: #595959;
margin-bottom: 5px;
padding-bottom: 5px;
margin-left: 0px;
margin-top: -20px;
}


	
h3 {
font-size:16px;
padding-top: 15px;
color: #474747;
}

h4 {
font-size:16px;
padding-top: 10px;
color: #474747;
}


.head, h5 {
font-size:14px;
padding-top: 10px;
color: #474747;
font-weight: bold;
}




	
/* Content Left */
	
#contentleft {
width:130px;
padding:0px;
padding-left: 10px;
margin-left: 0px;
padding-right: 15px;
margin-top: 0px;
float:left;
padding-top: 10px;
padding-bottom: 15px;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: white;
background: #333300;
}	
	
#contentleft a {
text-decoration: none;
font-weight: normal;
color: #d8d8d8;
}

#contentleft a:hover {
color: #ccff33;
text-decoration: underline;
}

#contentleft ul {
margin-bottom: 18px;
margin-top: 0px;
padding-top: 0px;
}

#contentleft li {
font-size: 11px;
list-style: none;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 0px;
margin-left: 0px;
padding-bottom: 2px;
padding-top: 2px;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:#336600;
text-transform: uppercase;
}
	
#contentleft h1 {
line-height: 12px;
font-family: arial-black,sans-serif;
font-weight: bold;
font-size: 17px;
margin-bottom: 5px;
color: #33CCFF;
margin-left: 0px;
margin-top: 0px;
padding-top:0px;
}

#contentleft h2 {
padding-bottom: 2px;
padding-top: 3px;
}

#contentleft h3 {
padding-bottom: 2px;
padding-top: 0px;
font-size: 26px;
font-variant: small-caps;
color: #ccff66;
padding-left: 5px;
}

#contentleft p {
	margin-left:0;
	margin-right:0;
}

#sublist ul {
margin-bottom: 18px;
margin-top: 0px;
padding-top: 0px;
}

#sublist li {
font-size: 11px;
list-style: none;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 10px;
margin-left: 10px;
padding-bottom: 4px;
padding-top: 4px;
font-weight: normal;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:#363636;
text-transform: uppercase;
}



/* Other Elements */	

hr {
  border: 1;
  color: #d8d8d8;
  width: 100%;
  margin-top: 10px;
  line-height: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  }



/* Table */	

td{
vertical-align: text-top;
text-align: left;
padding-bottom: 5px;
padding-top: 2px;
padding-right: 8px;
padding-left: 8px;
margin-top: 5px;
color: black;
}


td	h2 {
font-family: Arial, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 18px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
font-weight: bold;
color:#000000;
margin-bottom: 0px;
padding-bottom: 5px;
margin-left: 0px;
margin-top: 0px;
border-bottom-width: 0px;
border-bottom-style: none;
border-bottom-color: #993366;
}
	
td p {
margin-top: 8px;
}		

td h3 {
margin-top: 0px;
valign: top;
font-size: 20px;
font-color: #888888;
}	
	
img {
padding-right: 10px;
}
	
.table-menu {
font-size: 7pt;
line-height: 8pt;
padding: 0 0 0 0;
margin: 0 0 0 0;}

.table-menu td{
padding-top: 0px;
padding-bottom: 0px;
border-color: black;

}

.table-menu img{
border: 1px;
border-color: black;

}

.table li {
margin-top: 5px;
}	
	

#update {
margin-top: 0px;
margin-bottom: 10px;
color: gray;
background-color: white;
font-size: 10px;
text-align: right;
margin-left: 0px;
}

#update-text {
margin-right: 8px;
padding-right: 8px;
padding-bottom: 3px;
}


#bottom a {
color: black;
text-decoration: none;
}	

#bottom a:hover {
color: black;
text-decoration: underline;
font-weight: normal;
}	

#bottom {
width: 950px;
margin-left: auto;
margin-right: auto;
background-color: red;
font-size: 11px;
padding: 0px;
font-weight: normal;
text-decoration: none;
color: black;
align: center;
}

.top {
float:right;
z-index: 10;
margin-left: 30px;
margin-bottom: 30px;
border-color: black;
border: 7px;}


.right {
float: right;
margin-right: 0px;
padding-right: 0px;
padding-left: 0px;
margin-left: 20px;
border: 1px;
margin-bottom: 10px;
padding-bottom: 0px;
z-index: 1;
border-style: solid;
boder-width: 1px;
border-color: #8b8b8b;}

.right-noborder {
float: right;
margin-right: 0px;
padding-right: 0px;
padding-left: 0px;
margin-left: 20px;
border: 1px;
margin-bottom: 10px;
padding-bottom: 0px;
z-index: 1;
}

.left-noborder {
float: left;
margin-right: 0px;
padding-right: 0px;
padding-left: 0px;
margin-right: 20px;
border: 1px;
margin-bottom: 10px;
padding-bottom: 0px;
z-index: 1;
}




#video-left {
position: relative;
float:left;
width:225px; 
background:#eaeaea;
margin-left:0px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

#video-left-frame {
position: relative;
float:left;
width:380px; 
background:#eaeaea;
margin-left:0px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}

#video-left-frame h2 {
margin-top: 5px;
margin-bottom: 0px;
}

.dot {
margin-top: -20px;
margin-bottom: -10px;
padding-top: 0px;
padding-bottom: 0px;
}


/* Updates - July 2009 */

#date {
margin-top: 10px;
font-weight: italic;
padding-bottom: 10px;
}

#date-top {
margin-top: 10px;
font-weight: italic;
margin-bottom: -10px;
font-size: 9px;
color: #7e7e7e;
}



#logos {
color: white;
font-size: 10px;
font-weight: italic;
padding-top: 10px;
}
#logos-thank-you {
color: white;
font-size: 10px;
font-weight: italic;
padding-top: 10px;
padding-bottom: 10px;
}

#logos-thank-you a{
color: #ff6633;
}

#logos-thank-you a:hover{
color: #ffcc66;
}


/*----------------------*/
/*	Title Items	*/
/*----------------------*/
#title {
background: #99cc33;
width: 390px;
height: 25px;
padding-left: 10px;
margin-bottom: 10px;
font-size: 20px;
color: white;
font-weight: bold;
}

#news-frame h2{
margin-top: 0px;
padding-top: 10px;
}

#more-info {
background: black;
width: 70px;
padding-left: 10px;
margin-top: 10px;
font-size: 11px;
}

#more-info a{
color: #ff6600;
}


#news-back{
background: black;
width: 120px;
padding-left: 10px;
margin-top: 10px;
font-size: 11px;
}

#news-back a{
color: #ff6600;
}

#gray {
background: #eaeaea;
margin-bottom: 10px;
}


/*----------------------*/
/*	Columns	*/
/*----------------------*/

#column1 {
background:#f1f1f1;
margin-bottom: 10px;
width: 480px;
color: #060606;
padding-left: 10px;
}

#column2 {
margin-bottom: 10px;
width: 250px;
float: right;
margin-top: 0px;
}

#column2 img {
padding-bottom: 10px;
}

#column1-300px {
background:#f1f1f1;
margin-bottom: 10px;
width: 350px;
color: #060606;
padding-left: 10px;
}

#column2-300px {
margin-bottom: 10px;
width: 350px;
float: right;
margin-top: 0px;
margin-right: 5px;
}

#evi {
background: #99ff66;
font-size: 11px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
margin-top: 15px;
}


#members-news {
background: #ccff33;
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
margin-top: 15px;
}

#ads {
background: white;
padding-left: 0px;
padding-right: 0px;
padding-top: 7px;
padding-bottom: 7px;
margin: 0px;

}


#new-members {
background: #ffffcc;
padding-top: 0px;
padding-bottom: 7px;
}





.PhotoCredit {
background: #cccccc;
padding-left: 5px;
align: relative;
width: 248px;
font-size: 11px;
}

.boxSingleColumn {
background: #f1f1f1;
padding-left: 10px;
padding-bottom: 15px;
align: relative;
width: 600px;
font-size: 11px;
}

#columnHalf-right {
margin-bottom: 10px;
width: 370px;
float: right;
position: absolute;
background: white;
margin-left: 380px;
margin-top: 0px;
padding-left: 10px;
}

#columnHalf-left {
margin-bottom: 10px;
width: 370px;
background: white;
padding-left: 10px;
}


#pageNav {
background: #ecfdbc;
color: black;
font-weight: bold;
font-size: 14px;
margin-bottom: 20px;
width: 300px;
padding: 10px;
}

.box-directory {
background: #669900;
width: 137px;
padding-top: 5px;
}


/*-------New Additions ------*/

.whiteDirectory {
	color:white !important;
	text-transform:uppercase;
}

#listing {
	font-size:11px;
	font-weight:normal;
}

#listing a {
	color: #ccff33;
}