﻿body
{
	padding: 25px 0px 25px 0px;
	margin: 0px;
	text-align: center;
	font-size: 10px;
	font-family: Verdana;
	color: #666666;
	text-decoration: none;
	background-color: #0D0D0D;
	background-image: url('../Images/Layout/SalsaborBackground.jpg');
	background-repeat: no-repeat;
	background-position: top;
}

.Page
{
    margin: auto;
    text-align: center;
    width: 900px;
    height: 100%;
}
.Header
{
	
}
.MainMenu
{
	border-style: none none solid none;
	border-width: 1px;
	border-color: #481C42;
	margin: auto;
	width: 100%;
	padding: 10px 0px 10px 0px;
	text-align: left;
	color: #481C42;
}
.MainMenu a
{
	padding: 10px 22px 10px 22px;
	text-align: left;
	margin: auto;
	width: 100%;
	color: #DADADA;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana;
	text-decoration: none;
	cursor: pointer;
}
.MainMenu a:hover
{
	border: 1px solid #800000;
	padding: 6px 21px 6px 21px;
	text-align: left;
	margin: auto;
	width: 100%;
	color: #FFFFFF;
	background-color: #AA0B41;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana;
	text-decoration: none;
	cursor: pointer;
}
.MailingList
{
	margin: auto;
	text-align: center;
	width: 100%;
	background-color: #AA0B41;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 10px;
}
.MailingList .FreeLesson
{
	text-align: left;
	width: 150px;
}
.MailingList a
{
	text-align: left;
	margin: auto;
	width: 100%;
	color: #DADADA;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana;
	text-decoration: none;
	cursor: pointer;
}
.MailingList a:hover
{
	cursor: pointer;
	text-decoration: underline;
}
.RedDivider
{
	border: 1px solid #C60000;
	height: 3px;
	text-align: center;
	margin: auto;
	background-color: #a70e41;
}
.BottomBlock
{
	padding: 5px 0px 15px 0px;
	border-color: #808080;
	color: #999999;
	font-size: 11px;
}
.BottomBlock a
{
	color: #FF3399;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}
.TextBlock2
{
	background-repeat: repeat-y;
	padding: 25px;
	margin: auto;
	text-align: left;
	font-size: 11px;
	line-height: 17px;
	font-family: Verdana;
	color: #FFFFFF;
	background-color: #111111;
}

.TextBlock
{
	padding: 20px;
	margin: auto;
	text-align: left;
	font-size: 11px;
	line-height: 17px;
	font-family: Verdana;
	color: #FFFFFF;
}
.TextBlock strong
{
	color: #FF3399;
	font-size: 11px;
	font-family: Verdana;
}
.TextBlock a
{
	text-decoration: none;
	color: #FF3399;
	font-size: 11px;
}
.TextBlock a:hover
{
	text-decoration: none;
	color: #3399FF;
	font-size: 11px;
}
.TextBlock .PageTitle
{
	margin: auto;
	font-size: 20px;
	color: #FF3399;
	font-weight: normal;
	font-family: Verdana;
	padding-bottom: 10px;
	display: block;
	text-align: left;
}
.TextBlock .PageNote
{
    margin: auto;
    font-size: 14px;
    color: #FFFF66;
    font-weight: normal;
    font-family: Verdana;
    padding-bottom: 15px;
    display: block;
    text-align: left;
}
.TextBlock .ClassTitle
{
	border-color: #FFFFFF;
	border-width: 1px;
	font-size: 14px;
	font-weight: lighter;
	border-bottom-style: solid;
	color: #FFFFFF;
	padding-bottom: 5px;
	font-family: Verdana;
}
.TextBlock .TitleText
{
	border-color: #FFFFFF;
	border-width: 1px;
	font-size: 14px;
	font-family: Verdana;
	border-bottom-style: solid;
	padding-bottom: 7px;
	color: #FFFFFF;
	font-weight: bold;
}
.TextBlock .ClassRegister
{
	border-color: #333333;
	text-align: right;
	border-width: 1px;
	font-size: 14px;
	font-weight: bold;
	border-bottom-style: solid;
	color: #333333;
	padding-bottom: inherit;
}
.TextBlock .ClassRegister a
{
	border-style: solid solid none solid;
	border-width: 1px;
	border-color: #1D1D1D;
	display: inline-block;
	padding: 7px 5px 7px 5px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #FF3399;
	background-color: #999999;
}
.TextBlock .ClassRegister a:hover
{
	padding: 7px 5px 7px 5px;
	border-style: solid solid none solid;
	border-width: 1px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #FDFDFF;
	background-color: #1E1E1E;
}
.TextBlock .Image
{
	text-align: center;
}
.TextBlock .Image img
{
	border: 3px solid #333333;
}
.Content
{
	margin: 10px auto auto auto;
	width: 100%;
	font-size: 8px;
	font-family: Verdana;
}

.Menu
{
	border-width: 1px;
	border-color: #171717;
	background-color: #FF9FFF;
	background-image: url( '../Images/Gradients/MenuBak.gif' );
	background-repeat: repeat-x;
	border-bottom-style: solid;
	border-top-style: solid;
}
.Form
{
	margin: auto;
	width: 100%;
}
.Form .Title
{
	padding: 5px;
	background-color: #282828;
	font-size: 13px;
	font-family: Verdana;
	font-weight: bold;
	color: #C0296D;
}
.Form .ImageCell
{
	
	padding: 5px;
	text-align: left;
	width: 1%;
	font-weight: bold;
	background-image: url( '../Images/Gradients/FormTitleBak.gif' );
	background-repeat: repeat-x;
}
.Form .TextCell
{
	padding: 5px;
	text-align: left;
	font-size: 12px;
	color: #CCCCCC;
	font-weight: bold;
	background-image: url('../Images/Gradients/FormTitleBak.gif' );
	background-repeat: repeat-x;
}
.Form .Text
{
	padding: 15px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
}
.Form .Text a
{
	color: #FF3399;
	text-decoration: none;
	font-weight: bold;
}
.Form .Text a:hover
{
	color: #0066FF;
	text-decoration: underline;
	font-weight: bold;
}
.Form .SubHeader
{
	text-align: left;
	color: #FF3399;
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 4px;
	font-weight: bold;
}
.Form .Input
{
	
}
.Form .Input .TextBox
{
	padding: 4px;
	border: 1px none #999999;
	width: 97%;
	font-size: 11px;
	color: #464646;
	font-weight: normal;
	background-color: #EFEFEF;
	font-family: Verdana;
}
.Form .Input .DropDown
{
	font-family: Verdana;
	padding: 4px;
	border: 1px none #999999;
	font-size: 11px;
	color: #464646;
	font-weight: normal;
	background-color: #EFEFEF;
}
.Form .Input .MultiBox
{
	font-family: Verdana;
	height: 250px;
	padding: 4px;
	border: 1px none #999999;
	width: 97%;
	font-size: 11px;
	color: #464646;
	font-weight: normal;
	background-color: #EFEFEF;
}
/*.Form .Input .DropDown
{
	width: 98%;
	font-size: 11px;
	color: #464646;
	font-weight: normal;
}*/
.Form .Input .Button
{
	padding: 2px;
	width: 88px;
	font-size: 10px;
}
.Form .ErrorMessage
{
	padding: 10px;
	color: #FFFF00;
	font-weight: bold;
	font-size: 10px;
}
.Form .GridCell
{
}

.RichEditor
{
	padding: 5px;
	text-align: center;
	background-color: #808080;
}
.RichEditor .Buttons
{
	text-align: left;
	padding-right: 2px;
	padding-left: 2px;
}
.RichEditor .Editor
{
	text-align: left;
	background-color: #FFFFFF;
	font-family: Verdana;
	font-size: 10px;
	color: #464646;
}
.RichEditor .Footer
{
	
}

.Grid
{
	width: 100%;
	background-color: #333333;
}
.Grid .HeaderStyle TH
{
	padding: 5px;
	background-color: #0066FF;
	font-weight: bold;
	color: #000066;
}
.Grid .RowStyle TD
{
	padding: 5px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #282828;
	color: #999999;
}

.Calendar
{
	padding: 5px;
	border: 1px solid #282828;
	background-color: #333333;
}
.Calendar .DayHeaderStyle
{
	padding: 6px;
	background-color: #666666;
	color: #CCCCCC;
	font-weight: bold;
}
.Calendar .WeekendStyle
{
	background-color: #FFFF99;
}
.Calender .DayStyle
{
	background-color: #CCCCCC;
}
.Calendar .SelectedDayStyle
{
	background-color: #0066FF;
}
.Calendar .MonthStyle
{
	background-color: #282828;
	color: #CCCCCC;
}
.Calendar a
{
	text-decoration: none;
}
.Calendar .NextPrevStyle
{
	background-color: #282828;
	color: #CCCCCC;
}
.DataList
{
	padding: 10px;
	width: 100%;
	margin: auto;
	text-align: center;
}
.Article
{
	text-align: left;
	margin: auto;
	width: 100%;
	font-size: 11px;
	font-family: Verdana;
}
.Article .SubTitle
{
	border-width: 1px;
	border-color: #FF3399;
	font-size: 20px;
	color: #FF3399;
	padding-bottom: 7px;
	font-family: Verdana;
	border-bottom-style: solid;
}
.Article .PublishDate
{
	border-width: 1px;
	border-color: #1D1D1D;
	font-size: 14px;
	color: #1D1D1D;
	padding-bottom: 7px;
	font-family: Verdana;
	font-weight: normal;
	border-bottom-style: solid;
}
.Article .Text
{
	margin: auto;
	width: 100%;
	color: #FFFFFF;
	padding-bottom: 25px;
	font-size: 11px;
	font-family: Verdana;
	line-height: 17px;
	padding-top: 25px;
}
.Article .Image
{
	padding: 12px;
	color: #333333;
	font-size: 8px;
	font-family: Verdana;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 5px;
}
.Article img
{
	border: 2px solid #333333;
}
.Article table
{
	text-align: center;
	margin: auto;
}

.Class
{
	border: 0px solid #808080;
	padding: 10px;
	color: #1A1A1A; /*background-image: url( '../Images/Gradients/TopLeftToRight.jpg' );
	background-repeat: repeat-y;*/
}
.ClassDark
{
	border: 0px solid #808080;
	padding: 10px;
	color: #E6E6E6; /*background-image: url( '../Images/Gradients/TopLeftToRight.jpg' );
	background-repeat: repeat-y;*/
}
.ClassDark .ClassTitle
{
	border-color: #FFFFFF;
	border-width: 1px;
	font-size: 14px;
	font-family: Verdana;
	border-bottom-style: solid;
	padding-bottom: 7px;
	color: #FFFFFF;
	font-weight: bold;
}
/*
.ClassDark .ClassRegister
{
	text-align: right;
	border-width: 1px;
	font-size: 13px;
	font-family: Verdana;
	border-bottom-style: solid;
	padding-bottom: 7px;
}*/
.TableButton
{
	border: 1px solid #999999;
	padding: 1px;
	background-color: #C0C0C0;
	color: #666666;
	font-weight: bold;
	font-size: 10px;
}

.Instructor
{
	width: 100%;
}
.Instructor .Name
{
	font-size: 14px;
	border-bottom-style: solid;
	border-width: 1px;
	padding-bottom: 7px;
	font-weight: bold;
}
.Instructor .Description
{
	padding-top: 7px;
	line-height: 17px;
	vertical-align: top;
}
.Instructor .Description img
{
	float: right;
	border-style: none;
	padding-right: 5px;
	padding-left: 5px;
}
.Instructor .AltDescription
{
	padding-top: 7px;
	line-height: 17px;
	vertical-align: top;
}
.Instructor .AltDescription img
{
	border-style: none;
	float: left;
	padding-right: 10px;
	padding-left: 5px;
}

.Listing
{
    border: 1px solid #333333;
    width: 100%;
    margin: auto;
    text-align: center;
}
.Listing .ListTitle
{
    margin: auto;
    padding: 5px;
    width: 100%;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: #CC0066;
    background-color: #2A2A2A;
}
.Listing .CreateLink
{
    padding: 5px;
    background-color: #CC0066;
    color: #999966;
}
.Listing .CreateLink a
{
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
}
.Listing .CreateLink a:hover
{
    font-size: 10px;
    font-weight: bold;
    color: #CC99FF;
    text-decoration: underline;
}
.Listing .DataList
{
    margin: auto;
    width: 100%;
    font-size: 12px;
    padding: 5px;
}
.Listing .DataList .HeaderStyle
{
    font-size: 11px;
    text-align: left;
    font-weight: bold;
    background-color: #666666;
    color: #FFFF99;
}
.Listing .DataList .RowStyle
{
    width: 100%;
    font-size: 11px;
    text-align: left;
    background-color: #A8A8A8;
    color: #333333;
}
.Listing a
{
    text-decoration: none;
    color: #800000;
    font-weight: normal;
}
.Listing a:hover
{
    text-decoration: underline;
    color: #3333CC;
    font-weight: normal;
}
.TabSelection
{
    background-color: #333333;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Verdana;
    font-size: 8px;
    border-style: none none solid none;
    border-width: 2px;
    border-color: #C60000;
}
.TabSelection .TabHeader
{
    padding: 7px 5px 7px 5px;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
    background-color: #1D1D1D;
    color: #FF5050;
}
.TabSelection .TabItem
{
    padding: 7px 5px 7px 5px;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
    cursor: hand;
}
.TabSelection .TabItemOver
{
    padding: 7px 5px 7px 5px;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
    background-color: #C60000;
    color: #FFFFFF;
    cursor: hand;
}
.Location
{
	width: 600px;
	padding: 15px 5px 15px 5px;
	border: 1px solid #616161;
	background-color: #B9B9B9;
	color: #1E1E1E;
}
.ClassLocations
{
	color: #33CCFF;
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
}
.Location a
{
	text-decoration: none;
	color: #FF9933;
	font-size: 11px;
}
.Location a:hover
{
    color: #3333CC;
}

.LocationDark
{
	width: 600px;
	padding: 15px 5px 15px 5px;
	border: 1px solid #383838;
	background-color: #141414;
	color: #CCCCCC;
}

.HighlightItem
{
    width: 600px;
    padding: 15px 5px 15px 5px;
    border: 1px solid #383838;
    background-color: #660033;
    color: #CCCCCC;
}

.LocationDark span
{
    color: #FFFF66;
    font-weight: bold;
}
.TimeTable
{
	padding: 5px;
	width: 100%;
	margin: auto;
}
.TimeTable .tHeader
{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	background-color: #a70e41;
	color: #FF99CC;
}
.TimeTable .tHeader td
{
	width: 85px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.TimeTable .tBody
{
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	background-color: #252525;
	color: #CCCCCC;
}
.TimeTable .tBody td
{
	padding: 2px;
	vertical-align: top;
	text-align: center;
}
.TimeTable .tBody .tTitle
{
	padding: 2px;
	vertical-align: top;
	text-align: center;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}
.TimeTable .tBody td strong
{
	font-family: Verdana;
	color: #FFFFFF;
	font-weight: bold;
}
.TimeTable .tBody td span
{
	font-family: Verdana;
	color: #FFFF00;
	font-weight: normal;
	font-size: 10px;
}

.SubMenu
{
	text-align: left;
	margin: auto;
	width: 250px;
	color: #FFFFFF;
	background-color: #AA0B41;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana;
	text-decoration: none;
	cursor: pointer;
}
.SubMenu a
{
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #FFFFFF;
}
.SubMenu a:hover
{
    color: #FFFFFF;
    display: block;
    padding: 5px;
    text-decoration: none;
    background-color: #F01562;
}