/*
  File name:  snyders.css
  Author:     David Lam
*/

/*******************************************************************************/
/*html tags*/
body                            { 
                                    margin-top:0px;
									margin-bottom:30px;
                                    margin-left:0px;
									margin-right:0px;
                                    background-color:#FF9900; 
                                }

								
p				                { 

									font: 11px/16px "lucida grande", verdana, sans-serif;
								}
								
ul				                { 

									font: 11px/16px "lucida grande", verdana, sans-serif;
									list-style-image:url(../images/orangebullet.jpg);
									list-style-position:0px;
								}
								
/*********************************************************************************/
/*dance tips section*/

ol#sortableList 				{
									list-style-type: none;
									margin:0px;
								}
								
ol#sortableList li 				{
									cursor: move;
									padding: 2px 2px 2px 2px;
									margin: 2px 2px 2px 2px;
									border: 1px dashed #FF9900;
									background-color: #EEEEEE;
								}
								
/********************************************************************************/
/*comments section*/								
								
.tablecomments					{
									padding-left:5px;
									padding-right:5px;
									padding-bottom:5px;
									padding-top:5px;
									background-color:#E3F4FB;
								}	
								
								
								
/*******************************************************************************/
/*personalized page tags*/
								
.divspacing						{
									padding-left:5px;
									padding-right:5px;
									padding-bottom:0px;
									padding-top:0px;
								}		
								
.newsevents						{
									background-color:#F9F9F9;
									padding-left:5px;
									padding-right:5px;
									padding-bottom:5px;
									padding-top:0px;
								}
								
.dancefeatures					{
									background-color:#DDFFFF;
									padding-left:5px;
									padding-right:5px;
									padding-bottom:5px;
									padding-top:0px;
									border:#CCCCCC;
									border:thin;
									border-style:dashed;
								}
								
.dancecoolfeatures				{
									background-color:#E3F4FB;
									padding-left:2px;
									padding-right:2px;
									padding-bottom:2px;
									padding-top:2px;
								}
								

.eventsborder					{								
									border-color:#000000;
									border:thin;
									border-style:dashed;
								}					
								
								
.friendsteam					{
									padding-left:5px;
									padding-right:5px;
									padding-bottom:5px;
									padding-top:0px;

								}

.title							{
									font-family:"lucida grande", arial, verdana, sans-serif;
									font-size:22px;
									font-weight:normal;
									color:#000000;
									padding-left:2px;
									padding-right:2px;
									padding-top:2px;
									padding-bottom:2px;
								}
								
.subheading						{
									font-family:"lucida grande", arial, verdana, sans-serif;
									line-height: 26px;
									font-weight:normal;
									color:#000000;
									padding-left:2px;
									padding-right:2px;
									padding-top:2px;
									padding-bottom:2px;
								}
								
.creativeheading						{
									font-family:"lucida grande", arial, verdana, sans-serif;
									line-height: 26px;
									font-weight:normal;
									color:#000000;
								}
								
.subtitle						{
									font-family:11px/16px "lucida grande", arial, verdana, sans-serif;
									font-size:15px;
									font-weight:bold;
									color:#3399FF;
									background-color:#DDDDDD;
									padding-left:2px;
									padding-right:2px;
									padding-top:2px;
									padding-bottom:2px;
								}
								
.subtitlelight					{
									font-family:11px/16px "lucida grande", arial, verdana, sans-serif;
									font-size:15px;
									font-weight:bold;
									color:#3399FF;
									background-color:#EEEEEE;
									padding-left:2px;
									padding-right:2px;
									padding-top:2px;
									padding-bottom:2px;
								}
								

.tablepadding					{
									padding-left:5px;
									padding-right:5px;
									padding-bottom:5px;
									padding-top:5px;
									border:5px;
									background-color:#FFFFFF;
								}	
								
.tablenewsevents				{
									background-color:#F9F9F9;
								}									
									
.style1 						{
									color: #FF8000;
									font-style: italic;
								}

.bordershade					{
									border:double;
									border-width:medium;
									border-color:#999999;
								}
								
.creativeborder					{
									padding-right:5px;
									padding-left:5px;
								}
								
/* Class schedule */


.sideborder						{
									padding-right:25px;
									padding-left:5px;
								}
								
.tableschedule					{
									padding-left:10px;
									padding-right:10px;
									padding-bottom:5px;
									padding-top:5px;
								}
								
/* Resume */

.personal						{
									font: 11px/16px "lucida grande", verdana, sans-serif;
								}
								
.cbc							{
									font: 11px/16px "lucida grande", verdana, sans-serif;
								}
								
.special						{
									font: 11px/16px "lucida grande", verdana, sans-serif;
								}

.th								{
									background-color:#EEEEEE;
									font: 11px/16px "lucida grande", verdana, sans-serif;
									font-weight:bold;

								}

.left							{
									width:40%;
									font: 11px/16px "lucida grande", verdana, sans-serif;
								}						

.middle							{
									width:20%;
									font: 11px/16px "lucida grande", verdana, sans-serif;
								}						
								
.right							{
									width:40%;
									font: 11px/16px "lucida grande", verdana, sans-serif;
								}						
									
/* navigation */									
									
.menu							{
									padding-top:5px;
									padding-bottom:5px;
									padding-left:0px;
									padding-right:0px;
									border-width:0px;
									border-style:solid;
									background-color:#80AAFF;
									border-color:#80AAFF;
									font-size:12px;
									font-weight:bolder;
									height:30px;
									text-align:center;
								}
								
.links							{
									color:#FFFFFF;
									font: 11px/16px "lucida grande", verdana, sans-serif;
									text-decoration:none;
									margin-left:5px;
									margin-right:5px;
								}
								
.bottomlinks					{
									color:#FFFFFF;
									font: 11px/16px "lucida grande", verdana, sans-serif;
									text-decoration:none;
								}
									
									
a#switchmenucolors 				{
									color:#FFFFFF;
									font: 11px/16px "lucida grande", verdana, sans-serif;
									text-decoration:none;
									margin-left:5px;
									margin-right:5px;
							
								}
						
a#switchmenucolors:hover		{
									color:#FFCC66;
								}
									
a#switchbotlinkscolors			{
									color:#FFFFFF;
									font: 11px/16px "lucida grande", verdana, sans-serif;
									text-decoration:none;
									margin-left:5px;
									margin-right:5px;
							
								}
						
a#switchbotlinkscolors:hover	{
									color:#000000;
								}
									
a#bios 					{
							display:block;
							width:50px;
							height:17px;
							background-image:url(/images/bios.jpg);
							margin:0 auto;
						}
						
a#bios:hover			{
    						background-image:url(/images/bios2.jpg);
						}

/*Dance features menu*/

a#jeff 					{
							display:block;
							width:60px;
							height:60px;
							background-image:url(/images/jeff.gif);
							border:thin;
							border-style:solid;
							border-color:#FF9900;
							margin:0 auto;
						}
						
a#jeff:hover			{
    						background-image:url(/images/jeff.gif);
							position:relative;
							left:8px;
						}

a#sam 					{
							display:block;
							width:60px;
							height:60px;
							background-image:url(/images/sam.gif);
							border:thin;
							border-style:solid;
							border-color:#FF9900;
							margin:0 auto;
						}
						
a#sam:hover			{
    						background-image:url(/images/sam.gif);
							position:relative;
							left:8px;
						}

a#christine				{
							display:block;
							width:60px;
							height:60px;
							background-image:url(/images/christine.gif);
							border:thin;
							border-style:solid;
							border-color:#FF9900;
							margin:0 auto;
						}
						
a#christine:hover		{
    						background-image:url(/images/christine.gif);
							position:relative;
							left:8px;
						}



a .alt 					{
							display:none;
						}