/* Useful information...

Colors

======

Reds:

#C4666D: maroon (Top Banner)

#95001C: Dark red (breadcrumb background)

#AA212B: Red (Navigation background)

#AC252F: Red (Headers)



BLues:

#51ADC3: Light blue (Top Banner)

#124772: Dark blue (breadcrumb background)

#376881: Blue (Navigation background)

#396B84: Blue (Headers)



*/

/*-------------- GENERAL --------------*/



body {

	margin: 6px;

	padding: 0;

	background-color:#fff;

	font-family: Arial, Helvetica, sans-serif;

}



a {

	color: #376881;

}



a:visited {

	color: #963

}	



a#scriptHeader, a#songsHeader, #dancesHeader{

	text-decoration: underline;

}



table {

	border: 0;

	border-spacing: 0px;

	padding: 0px;

}



td {

	margin: 0;

	padding: 0;

	vertical-align: top;

}



img {

	border: 0;

}



p, li {

	font-size: 0.8em;

}



li li, li p, p li {

	font-size: 1em;

}



.Left {

	float: left;

}



.Right {

	float: right;

}



.Clear {

	clear: both;

}



h1, h2 {

	font-weight: normal;

	color: #396B84;

}



h3 {

	font-weight: normal;

	color: #fff;

}



h1 {

	font-size: 2.3em;

	border-bottom: 1px #828282 solid;

	margin: 18px 0 18px 0;

	padding-bottom: 11px;

}



h1 span {

	color: #000;

	font-size: 65%;

}



h2 {

	font-size: 1.1em;

	margin-bottom: 0px;

}



hr {

	color:#376881;

}



ul, li {

/*

	padding: 0;

	margin: 0;

	list-style: none;

*/

}



.WhiteDotsRight {

	background: url(images/dotted_vertical_white.gif) repeat-y top right;

}



.dotsRight {

	background: url(images/dotted_vertical_navy.png) repeat-y top right;

}



.dotsAtBottom {

	background: url(images/dotted_horizontal.gif) repeat-x bottom right;

	padding-bottom: 9px;

}



.SeeAlso {

	margin-top: -12px;

}



.SeeAlso p{

	font-size: 0.7em;

	font-family: Arial, Helvetica, sans-serif;

}



.SeeAlso a {

	margin-left: 5px;

}



.AreaTitle {

	font-size: 0.7em;

}



.index p img, .index td img {

	margin: 0 10px 15px 0;

}



.index table {

	margin-top: 15px;



}/*-------------- TOP --------------*/

#Top {

	height: 88px;

	background: #51ADC3 url(images/aatg_watermark_blue.gif) no-repeat 313px 0px;

	border-bottom: 1px #FFF solid;

} 





#Logo {

	position: absolute;

	margin-top: 9px;

	left: 9px;

}



#TopCharactersLeft {

	position:absolute;

	left: 130px;

	margin-top: -1px;

}





#TopCharactersRight {

	position: absolute;

	left: 520px;

	margin-right: 105px;

}



#Tagline {

	float: right;

	margin: 5px 5px 0 0;



}



/*-------------- BreadCrumb --------------*/



#BreadCrumb {

	background: url(images/breadcrumb-navy.png) repeat-x;

	height: 50px;

}



#BreadCrumb, #BreadCrumb a  {

	color: #fff;

	font-weight: bold;

	font-size: 13px;

	text-decoration: none;

}



#BreadCrumb a:hover {

	text-decoration: underline;

}



#BreadCrumb span {

	font-weight: normal;

}





.BreadCrumb {

	height: 50px;

	width: 100%;

	padding: 6px 0 0 10px;

}



/*-------------- CONTENT --------------*/



#MainContent {

	margin:0 0 0 20px;

	padding:0 0 10px 0;

	color: #000;

	background-color: #fff;

	height:100%;
	float:left;
	width: 80%

}



#MainContent h1 {

	border-bottom: 0;

}



#MainContent a {

	color: #376881;

}



#MainContent ul {

	margin: 17px 0 0 17px;

	padding: 0;

	list-style: none;

}



#MainContent li {

	background: url(images/arrow_bullet_navy.png) no-repeat 0px 5px;

	padding: 0 0 17px 12px;

	margin: 0 0 5px 0;

}



#MainContent .MainPadding {

	margin: 17px 17px 0 17px;

}



#MainContent .MainPadding ul {

	margin: 0;

}



#MainContent p {

	color: #000;

	margin-bottom: 12px;

}



#MainContent .ProudToPresent {

	color: #FF978D;

	margin-bottom: -10px;

}



/*-------------- NEWS --------------*/



#News {

	float:left;

	width: 15em;

	top:138px;

	left: 64em;

	padding: 0 17px 0 0;

}

#News a {

	background: url(images/arrow_bullet_navy.png) no-repeat 0px 5px;

	padding: 0 0 0 12px;

}



#News li {

	background-image: none;

	margin-top: 5px

}



 .news-latest-morelink {

	font-size: 80%;

	font-style:italic;

}



.news-single-additional-info {

	font-size: 80%;

	font-style:italic;

}



.news-single-backlink {

	font-size: 80%;

	font-style:italic;

}



.clearer {

	border-width: 1px 0 0 0;

	border-style: dotted none none none;

}



/*-------------- NAVIGATION --------------*/

#Left{

	float:left;

	width: 205px;

}



#Navigation a {

	color:#fff;

}



#Navigation li {

	background: url(images/arrow_bullet_white.gif) no-repeat 0px 5px;

	padding-left: 17px;

}



#Navigation ul {

	margin: 0 0 0 17px;

	list-style: none;

	padding: 0;

}



#Navigation .Current {

	font-weight:bold;

	color:#fff;

}



.Nav_body {

	background: #376881 repeat-y;

	border-right: 5px solid #b8b8b8;

}



/*-------------- FOOTER --------------*/

#Footer {

	border-top: 1px #ccc solid;

	padding-top: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.7em;

	color: #666;

	clear:both;

}



#Footer a {

	color: #666;
}



/*-------------- HOMEPAGE --------------*/

#Home #Logo {

	margin-top: 20px;

}



#Home #Top {

	background: #51ADC3 url(images/aatg_watermark.gif) no-repeat 352px 0px;

} 



#Home #Tagline {

	float: right;

	margin-top: 45px;

}



#Home #TopCharactersLeft {

	left: 130px;

}



#Home #BreadCrumb td div {

	width: 630px; /*-- this is what gives the table a minimum size --*/

}



#Home #MainContent {

	width: 45em;

	color: #000;

	background-color: #fff;

}



/*-------------- MEMBERS ---------------*/



.Leave a {

	padding-left: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight:bold;

}


/*-------------- COMMITEE --------------*/

#Committee td {

	vertical-align: top;

	padding-bottom: 25px;

}



#Committee td img {

	float:left;

	margin-right: 10px;

}



/*-------------- NEWS --------------*/

.news-latest-morelink a{

        background: url(images/arrow_bullet_navy.png) no-repeat 0px 5px;

	padding: 0 0 0 12px;

        font-size:0.8em;

	font-style:italic;

}

/*-------------- YouTube -----------*/

#group {

	width:50%;

	float:right;

}

#demos {

	width:50%;

	float:left;

}

#dances h3 {

	width: 820px;

	color: #396B84;

}