/*
Theme Name: South Coast Dance Sport 2009
Theme URI: http://krushcreative.com/
Description: Theme developed for South Coast Dance Sport
Version: 1.0
Author: Krush Creative Group
Author URI: http://krushcreative.com/
Tags: South Coast Dance Sport

	South Coast Dance Sport v1
	 http://krushcreative.com/

	This theme was designed and built by Krush Creative Group.

	The CSS and XHTML is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* Begin Typography & Colors */
body {
	font-size: 12px; 
	font-family: Arial, Helvetica, Sans-Serif;
	background: #5a4c34 url(img/bkg.png);
	color: #585858;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

h4 {
	margin: 0px;
	margin-left: 23px;
	margin-right: 20px;
	margin-bottom: 5px;
}

h5 {
	margin: 0px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size:12px;
	font-weight: bold;
	color: #835f21;
}
a:active, a:focus {
  outline: none;
}

div.sliderxxx {
	margin: 0px;
	margin-left: 25px;
	margin-right: 20px;
	margin-bottom: 5px;
}

/* Wrapper provides the top margin and the top border */
#wrapper {
	width: 100%;
	margin-top: 23px;
	margin-left: 0;
	margin-right: 0;
	padding: 0px;
	border: 0;
	border-top: 1px solid #cac5be;
}

/* Container provides the positioning of the page inside the wrapper */
#container {
	width: 937px;
	background: transparent;
	margin: 0;
	margin-left:30px;
	border: 0;
	padding: 0;
}

/* Menu contains the top nav buttons */
#menu {
	width: 937px;
	height: 37px;
	background: transparent;
}

#nav {
	position: relative;
	width: 772px;
	height:36px;
	background: transparent;
	margin: 0;
	border: 0;
	padding: 0;
}
#nav li {
	height: 36px; 
	position: absolute; 
	top: 0px; 
	display: block; 
	list-style: none;
}
#nav a {
	height: 36px; 
	display: block; 
	text-indent: -9999px;
}
#nav #top1, #nav #top1on { left: 0px; width: 84px; }
#nav #top2, #nav #top2on { left: 84px; width: 84px; }
#nav #top3, #nav #top3on { left: 168px; width: 165px; }
#nav #top9, #nav #top9on { left: 333px; width: 105px; }
#nav #top4, #nav #top4on { left: 438px; width: 85px; }
#nav #top5, #nav #top5on { left: 523px; width: 90px; }
#nav #top8, #nav #top8on { left: 613px; width: 79px; }
#nav #top6, #nav #top6on { left: 692px; width: 69px; }
#nav #top7, #nav #top7on { left: 761px; width: 116px; }



#nav #top1 a:link, #nav #top1 a:visited {background: url(img/top/home.png) 0px -36px no-repeat;}
#nav #top2 a:link, #nav #top2 a:visited {background: url(img/top/about.png) 0px -36px no-repeat;}
#nav #top3 a:link, #nav #top3 a:visited {background: url(img/top/classes.png) 0px -36px no-repeat;}
#nav #top4 a:link, #nav #top4 a:visited {background: url(img/top/events.png) 0px -36px no-repeat;}
#nav #top5 a:link, #nav #top5 a:visited {background: url(img/top/gallery.png) 0px -36px no-repeat;}
#nav #top6 a:link, #nav #top6 a:visited {background: url(img/top/faq.png) 0px -36px no-repeat;}
#nav #top7 a:link, #nav #top7 a:visited {background: url(img/top/contact.png) 0px -36px no-repeat;}
#nav #top8 a:link, #nav #top8 a:visited {background: url(img/top/news.png) 0px -36px no-repeat;}
#nav #top9 a:link, #nav #top9 a:visited {background: url(img/top/weddings.png) 0px -36px no-repeat;}

#nav #top1 a:hover, #nav #top1 a:active {background: url(img/top/home.png) 0px 0px no-repeat;}
#nav #top2 a:hover, #nav #top2 a:active {background: url(img/top/about.png) 0px 0px no-repeat;}
#nav #top3 a:hover, #nav #top3 a:active {background: url(img/top/classes.png) 0px 0px no-repeat;}
#nav #top4 a:hover, #nav #top4 a:active {background: url(img/top/events.png) 0px 0px no-repeat;}
#nav #top5 a:hover, #nav #top5 a:active {background: url(img/top/gallery.png) 0px 0px no-repeat;}
#nav #top6 a:hover, #nav #top6 a:active {background: url(img/top/faq.png) 0px 0px no-repeat;}
#nav #top7 a:hover, #nav #top7 a:active {background: url(img/top/contact.png) 0px 0px no-repeat;}
#nav #top8 a:hover, #nav #top8 a:active {background: url(img/top/news.png) 0px 0px no-repeat;}
#nav #top9 a:hover, #nav #top9 a:active {background: url(img/top/weddings.png) 0px 0px no-repeat;}

#nav #top1on { background: url(img/top/home.png) 0px 0px no-repeat; }
#nav #top2on { background: url(img/top/about.png) 0px 0px no-repeat; }
#nav #top3on { background: url(img/top/classes.png) 0px 0px no-repeat; }
#nav #top4on { background: url(img/top/events.png) 0px 0px no-repeat; }
#nav #top5on { background: url(img/top/gallery.png) 0px 0px no-repeat; }
#nav #top6on { background: url(img/top/faq.png) 0px 0px no-repeat; }
#nav #top7on { background: url(img/top/contact.png) 0px 0px no-repeat; }
#nav #top8on { background: url(img/top/news.png) 0px 0px no-repeat; }
#nav #top9on { background: url(img/top/weddings.png) 0px 0px no-repeat; }

/* Header contains the header images */
#header {
	width: 937px;
	background: transparent;
	margin: 0;
	border: 0;
	padding: 0;
}

/* Content is the page body */
#content {
	width: 937px;
	background: #fff;
	margin: 0;
	border: 0;
	padding: 0;
}

#content .left {
	margin: 0;
	padding: 0;
	padding-top: 31px;
	background: #f2efe9;
}

#content .content {
	/* content styling here */
	padding-top: 31px;
}

#content .content p {
	margin-left: 23px;
	margin-right: 18px;
}

#content .results p {
	margin-left: 10px;
	margin-right: 2px;
}

#content .results img {
	margin: 0px;
	margin-right: 5px;
}

#content .content h3 {
	margin-left: 23px;
	margin-right: 18px;
	color:#5a4c34;
	margin-bottom: 0px;
}

.newstitle, a.newstitle:link, a.newstitle:active, a.newstitle:hover, a.newstitle:visited {
	color:#835f21;
	font-size:13px;
	font-weight: bold;
	text-decoration: none;
}

#content .content ul {
	margin:0; 
	padding:0; 
	margin-left: 25px; 
	padding-left:12px; 
	margin-right: 18px;
	margin-bottom: 14px; 
	line-height: 1.4em;
}

#content .content a:link, #content .content a:active, #content .content a:hover, #content .content a:visited {
	color: #835f21;
}

#content .right img {
	margin-left: 17px;
	margin-top: 31px;
	margin-bottom: 0px;
}

#content p.home {
	margin-left: 46px;
	margin-right: 25px;
}

#content .hl {
	background: #b1812d;
	color: #fff;
	padding: 0;
	padding-left:36px;
	padding-top:20px;
	padding-right: 36px;
	padding-bottom: 20px;
}

#content p.larger {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
}

#content p.smaller {
	margin-top: 7px;
	margin-bottom: 0px;
	font-size: 11px;
}

#content .hr {
	background: #956d26;
	color: #fff;
	padding: 0;
	padding-left:36px;
	padding-top:20px;
	padding-right: 36px;
	padding-bottom: 20px;
}

#content .hb {
	background: #835f21;
	height: 18px;
}

#content abbr {
	text-decoration: none;
	border-bottom: 0;
}

#gallery {
	position: relative;
	width: 435px;
	background: transparent;
	margin: 0;
	border: 0;
	padding: 0;
}

#gallery li {
	top: 0px; 
	display: block; 
	width: 145px;
	list-style: none;
	float: left;
/*	text-align: center;*/
	padding: 0px;
	margin:0px;
	margin-left: -10px;
	padding-left:0px;
	padding-top: 2px;
	padding-right:5px;
	margin-right: 4px;
	padding-bottom: 2px;
}

/* Footer contains all footer things */
#footer {
	width: 937px;
	background: transparent;
	color: #fff;
	margin: 0;
	border: 0;
	padding: 0;
	border-top: 1px solid #fcfcfc;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 3px;
	font-size: 11px;
}

#footer a:link, #footer a:hover, #footer a:visited, #footer a:active {
	text-decoration: none;
	color: #fff;
}
#footer img {
	margin-top: 0px;
}

#tbar {
	width: 937px;
	background: transparent;
	margin: 0;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.cssform p{
/*	width: 300px;*/
	clear: left;
	margin: 0;
	margin-left: 2px;
	padding: 5px 0 8px 0;
	padding-left: 170px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
	height: 1%;
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -170px; /*width of left column*/
	width: 170px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 220px;
}

.cssform textarea{
	width: 220px;
	height: 100px;
}

.cssform select{
	width: 222px;
	padding:3px;
	font-size: 12px; 
	font-family: Arial, Helvetica, Sans-Serif;
	color: #585858;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


/* weddings page */

td.w1, td.w2, td.w3 {
	line-height: 1.3em;
}

td.w1 {
	border-right:1px solid #d4a938;
	padding-right: 12px;
}

td.w2 {
	padding-left: 12px;
	padding-right: 12px;
}

td.w3 {
	border-left:1px solid #d4a938;
	padding-left: 12px;
}
td.wt {
	padding-bottom: 7px;
	padding-top: 15px;
}

#phonenumber {
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
}