@charset "utf-8";
/* Ballroom Dance (Step By Step) Web 1.0 - Build 0002 */

/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body{
	margin:0 auto;
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	background: #000;
	text-align:center; /* Hack for IE5/Win */
	font-size:76%;
	font-family: Verdana, Helvetica, sans-serif;
	line-height:1.8em;
	color:#FFFFFF;
}

.centre{
	width:845px;
	margin:0 auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
}

a:link{color:#a02a2a; font-weight:bold; text-decoration:none; cursor: pointer; }
a:hover{color:#a02a2a; font-weight:bold; text-decoration:underline; cursor: pointer; }
a:visited{color:#a02a2a; font-weight:bold; text-decoration:none; cursor: pointer; }
a:visited:hover{color:#a02a2a; font-weight:bold; text-decoration:underline; cursor: pointer; }
a img{border:none; cursor: pointer; }
a:active{ border:none; text-decoration:none; background:none; cursor: pointer; }

p{padding: 0 0 5px 5px;}

p form{margin-top:0; margin-bottom:20px;}

br{line-height:1.2em}

hr{ clear: left; height: 0; border-style: dashed; border-width: 1px 0 0 0; border-color: #c1c1c1; margin:0 0 5px 0;}

div{margin:0;}

ol { margin-left: 10px; padding-left: 10px; padding-right: 5px; }
ul { margin-left: 10px; padding-left: 10px; padding-right: 5px; }
li { margin-left: 10px; padding-left: 10px; padding-right: 5px; }

table { margin: 0 auto; }

/**************** Header & Navigation styles ****************/

#top_bar{ background: #000; height: 25px; border-bottom: #a02a2a 2px solid; }
.toptextleft{ float: left; width: 415px; font-size:11px; font-weight: bold; padding: 2px 0; text-align: left; }
.toptextright{ float: left; width: 400px; margin-left: 27px; font-size: 11px; font-weight: bold; padding: 2px 0; text-align: right; }

#wood_container{
	width: 100%;
	background: url(../backgrounds/wood.jpg) repeat;
}

#header{
	width: 100%;
	height: 379px;
	background: url(../backgrounds/dancer.jpg) no-repeat;
	margin: 0;
}

#adminheader{
	width: 100%;
	height: 171px;
	background: none;
	margin: 0;
}

#logo{
	float: left;
	padding: 0;
	margin: 5px 5px 10px 5px;
	background: url(../backgrounds/logo.png) no-repeat;
	width: 231px;
	height: 171px;
}

#navigation{
	float: left;
	width: 100%;
	height: 59px;
	background: none;
	margin: 133px 0 0 0;
}

#navigation ul{
	list-style:none;
	margin:0;
	padding:0;
	padding-left:10px;
	padding-top:5px;
	text-indent:-1em;
} 

#navigation ul li{
	list-style:none;
	display:inline;
	margin:0;
	height: 59px;
	margin: 0 10px 0 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.nav{ margin-top: 8px; margin-bottom: 8px; }
.nav2{ margin-top: 10px; vertical-align: top; }

.navlink{ color: #a02a2a; }

a.navlink:link{ border: none;}
a.navlink:hover{ border-bottom: 2px solid #a02a2a;}
a.navlink:visited{ border: none;}
a.navlink:visited:hover{ border-bottom: 2px solid #a02a2a;}

/**************** Content Body Layout styles ****************/

#container{
	background: #000;
	border-top: 2px solid #a02a2a;
}

#content{
	width: 100%;
	height: auto;
	text-align: left;
}

#contentleft{
	float: left;
	width: 510px;
	padding-right: 5px;
	padding-left: 16px;
}

#contentright{
	float: left;
	width: 270px;
	background: none;
	margin: 20px 0 0 20px;
}

#contentlarge{
	width: 905px;
	margin: 10px 5px 10px 25px;
}

.sidebox_top{
	width: 270px;
	height: 50px;
	background: url(../backgrounds/sidebox_top.png) no-repeat;
	margin: 0;
	padding: 0;
}

.sidebox_top_small{
	width: 270px;
	height: 24px;
	background: url(../backgrounds/sidebox_top_small.png) no-repeat;
	margin: 0;
	padding: 0;
}

.sidebox_body{
	width: 270px;
	height: auto;
	background: url(../backgrounds/sidebox_body.png) repeat-y;
	margin: 0;
	padding: 0;
}

.sidebox_para{
	width: 260px;
	padding: 5px 5px 5px 10px;
	margin: 0;
}

a.sidebox_para:link{color:#FFFFFF; font-weight:bold; text-decoration:none; padding: 0px;}
a.sidebox_para:hover{color:#FFFFFF; font-weight:bold; text-decoration:underline; padding: 0px;}
a.sidebox_para:visited{color:#FFFFFF; font-weight:bold; text-decoration:none; padding: 0px;}
a.sidebox_para:visited:hover{color:#FFFFFF; font-weight:bold; text-decoration:underline; padding: 0px;}

.sidebox_bottom{
	width: 270px;
	height: 25px;
	background: url(../backgrounds/sidebox_bottom.png) no-repeat;
	margin: 0;
	padding: 0;
}

.galleryimg{
	float: left;
	margin: 10px;
	background: #a02a2a;
	padding: 5px;
	text-align:center;
}


/**************** Content styles ****************/

.wedding_side{
	margin: 10px 5px 5px 10px;
	height: 40px;
	width: 210px;
}

.newsletter_side{
	margin: 10px 5px 5px 10px;
	height: 27px;
	width: 125px;
}

.dateblock{
	float: left;
	clear: left;
	width: 55px;
	height: 55px;
	background-color: #a02a2a; 
	margin: 0 8px 10px 20px;
}

.largedate{
	font-size: 18px;
	text-align:center;
	font-weight: bold;
	margin-left: -5px;
	padding-top: 8px;
}

.smalldate{
	font-size: 10px;
	text-align:center;
	padding:0;
	margin-top: -5px;
}

.competitiontext{
	float: left;
	width: 400px;
}

.newsul { margin-left: 5px; margin-top: 10px; } /* offsets text-alignment. */
.newsli { padding: 2px 10px 2px 2px; list-style: none; background: url(../icons/word.gif) no-repeat; height: 24px; }
.newstxt{ float: left; margin-top: -2px; width: 100%; margin-left: 30px; } /* makes text align with centre of image */	

.rename{ background: url(../icons/edit.gif) no-repeat; height: 16px; width: 16px; border: none; margin-top: 1px; padding: 0px; vertical-align: middle; }

.delete{ background: url(../icons/cross.gif) no-repeat; height: 16px; width: 16px; border: none; margin-top: 1px; padding: 0px; vertical-align: middle; }

/**************** Header styles ****************/


h2{ 
	font-size: 16px;
	color: #fff;
	width: 400px;
	padding: 0 5px 5px 5px;
	margin: -3px 0 0 0;
}

h3{ /*acp headers */
	font-size: 16px;
	font-weight:bold;
	color: #fff;
	padding: 5px;
	margin-bottom: 2px;
}


h4{ /* use in image gallery */
	font-size: 14px;
	font-weight:bold;
	color: #fff;
	padding: 5px;
	margin-bottom: 2px;
}

h5{
	font-size: 10px;
	font-weight: bold;
	color: #545454;
	margin: 0.5em 0;
}

h6{ /*acp navigation */
	font-size:12px;
	color: #999;
	line-height: 1.8em;
	margin: 2px;
	text-align: left;
}

#welcome{
	background: url(../backgrounds/headers/welcome.gif) no-repeat;
	margin: 5px 0 15px 0;
	width: 485px;
	height: 45px;
}

#competition{
	background: url(../backgrounds/headers/competition.gif) no-repeat;
	margin: 10px 0 15px 0;
	width: 190px;
	height: 35px;
}

#competition_large{
	background: url(../backgrounds/headers/competition_news.gif) no-repeat;
	margin: 10px 0 15px 0;
	width: 215px;
	height: 50px;
}

#about{
	height: 27px;
	background: url(../backgrounds/headers/about.gif) no-repeat;
	margin-left: 5px;
	margin-bottom: 10px;
}

#dancing{
	height: 35px;
	background: url(../backgrounds/headers/dancing.gif) no-repeat;
	margin-left: 5px;
	margin-bottom: 10px;
}

#gallery{
	height: 35px;
	background: url(../backgrounds/headers/gallery.gif) no-repeat;
	margin-left: 5px;
	margin-bottom: 10px;
}

#contact{
	height: 27px;
	background: url(../backgrounds/headers/contact.gif) no-repeat;
	margin-left: 5px;
	margin-bottom: 10px;
}

#newsletter{
	height: 35px;
	background: url(../backgrounds/headers/newsletter_side.gif) no-repeat;
	margin-left: 5px;
	margin-bottom: 10px;
}

.phone{
	height: 27px;
	margin: 10px 5px 5px 10px;
}

.location{
	height: 33px;
	margin: 10px 5px 5px 10px;
}
/**************** Form Styles ****************/

.contactform{ padding-left: 10px; padding-top: 10px; border: 3px solid #a02a2a;  }

label{ margin-right: 10px; font-weight:bold; }

.label{ margin-right: 10px; font-weight:bold; }

.contact_reset{
	padding:2px;
	margin-right: 10px;
	background-color:#ffffff;
	border:#a02a2a 2px solid;
	color: #000;
}

.contact_reset:hover{
	background-color:#a02a2a;
	border:#a02a2a 2px solid;
	color: #fff;
}

.contact_send{
	padding:2px;
	text-align: right;
	margin-right: 5px;
	background-color:#ffffff;
	border:#a02a2a 2px solid;
	color: #000;
}

.contact_send:hover{
	background-color:#a02a2a;
	border:#a02a2a 2px solid;
	color: #fff;
}

.contact_text{
	border:#a02a2a 1px solid;	
	padding:2px;
}

.contact_drop{
	margin-top: 0;
	border:#a02a2a 1px solid;	
	padding:2px;
	vertical-align: top;
	margin-left:5px;
}

.contact_valign{
	vertical-align: middle;
}

.contact_input{
	margin: 5px;
	color: #666666;
}

.contact_align{
	margin-left: 5px;
}

.contact_smallleft{
	margin-left:75px;
	font-size: 10px;
}

.contact_smallright{
	padding-left: 11em;
	font-size: 10px;
}

.contact_error{
	font-size: 10px;
	color: red;
	margin: 0 0 0 75px;
}

.contact_errorsmallleft{
	margin: 0 0 0 10px;
	font-size: 10px;
	color: red;
}

.contact_entry{
	border:red 1px solid;
}

.text{
	border:#a02a2a 1px solid;	
	padding:2px;
}

.input{
	padding:2px;
	text-align: right;
	margin-right: 5px;
	background-color:#ffffff;
	border:#a02a2a 2px solid;
	color: #000;
}

.input:hover{
	background-color:#a02a2a;
	border:#a02a2a 2px solid;
	color: #fff;
}

.subscribe{
	padding:1px;
	text-align: right;
	margin-right: 5px;
	background-color:#ffffff;
	border:#a02a2a 1px solid;
	color: #000;
}

.subscribe:hover{
	background-color:#a02a2a;
	border:#a02a2a 1px solid;
	color: #fff;
}

/**************** Footer styles ****************/

#footer{ clear: both; background: #000; height: 20px; border-top: #a02a2a 2px solid; }
.footertextleft{ float: left; width: 380px; font-size:10px; font-weight: bold; padding: 0; text-align: left; }
.footertextright{ float: left; width: 432px; margin-left: 33px; font-size: 10px; font-weight: bold; padding: 0; text-align: right; }
	

/**************** Misc styles ****************/

.clear{ clear: left; }

.banner{ width: 650px; height: 300px; margin:0; padding: 0;}

#security { float: left; background: url(../backgrounds/security.png) no-repeat; margin: 0 auto; margin-top: -114px; height: 53px; width: 566px; text-align:center; z-index: 500; font-weight:bolder; color: #FF0000;}

.rule{ height: 0; border-style: dashed; border-width: 1px 0 0 0; border-color: #c1c1c1; margin:0 0 5px 0;}

.hidden{ visibility: hidden; }

.small{ font-size: 10px; }

.bold{ font-weight: bold; }

.right{ text-align:right; }

.red{ color: red; }

.textblockcontainer{
	width: 100%;
	text-align: center;
	background: #a02a2a;
}

.textblock{
	color: #fff;
	padding: 5px;
	margin-bottom: 5px;
}

a.textblock:link{color:#FFFFFF; font-weight:bold; text-decoration:none; padding: 0px;}
a.textblock:hover{color:#FFFFFF; font-weight:bold; text-decoration:underline; padding: 0px;}
a.textblock:visited{color:#FFFFFF; font-weight:bold; text-decoration:none; padding: 0px;}
a.textblock:visited:hover{color:#FFFFFF; font-weight:bold; text-decoration:underline; padding: 0px;}

.largebox{
	border: 1px solid #a02a2a;
	padding: 1em;
	margin: 10px auto;
	width: 500px;
}

.xlbox{
	border: 1px solid #a02a2a;
	padding: 1em;
	margin: 10px auto;
	width: 600px;
}

.dt{ color: #347ffa; }

.margintop-11{ margin-top: -10px; }

.cancel{ margin-top: -25px; margin-right: 5px;}

#bar_show{
	margin: 5px 0 5px 15px;
	border: 1px solid #a02a2a;
	width: 320px;
	padding: 5px;
}

#existing_show{
	padding: 5px;
	margin: 5px 0 5px 15px;
	border: 1px solid #a02a2a;
	width: 250px;
}

.cheryl_rob{
	padding-left: 8px;
}

.dance1{
	padding-left: 17px;
}

.map{
	padding-left:5px;
	padding-right: 4px;
}

a.number{ padding:2px; background-color:#ffffff; border:#a02a2a 2px solid; color: #000; }
a.number:link{ padding:2px; background-color:#ffffff; border:#a02a2a 2px solid; color: #000; text-decoration:none; }
a.number:hover{ padding:2px; background-color:#000; border:#a02a2a 2px solid; color: #fff; text-decoration:none; }

a.white{ padding:2px; border:none; color: #fff; }
a.white:link{ padding:2px; border:none; color: #fff; text-decoration:none; }
a.white:hover{ padding:2px; border:none; color: #fff; text-decoration:none; }