﻿body 	{
	background-color:#095394;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image:url('picts/shawn_x_9f_grad1_facelighter3.jpg');
	backround-size: 100% 100%;
	margin: 0;
	padding: 0;
	border: 0;
	}


div		{ margin: 0; padding: 0; border: 0; }

table, tr, td	{ border-collapse:collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-middle	{ vertical-align: middle; }

.td-top		{ vertical-align: top; }

.td-bottom	{ vertical-align: bottom; }

.center-align	{ text-align: center; }

.center-div	{ margin-left: auto; margin-right: auto; }

.right-div	{ margin-left: auto; margin-right: 0; }

.left-div	{ margin-left: 0; margin-right: auto; }

.blockimage	{ display: block; }

.divclear 	{ height: 0px; clear: both; font-size: 1px; line-height: 0px; padding: 0px; margin: 0px; }

.formmargin	{ margin: 0px; }

.fullwidth	{ width: 100%; }

.nobreak	{ white-space: nowrap; }

img 		{ border: 0; }

.blockimage	{ display: block; }




/* NON-MENU LINKS */

a:link, a:visited, a:active	{ color: #A6D2DD; text-decoration: none; }

a:hover				{ color: #f8a96e; text-decoration: none; }




/* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */

div, table	{ color: #749CA1; font: normal 11px verdana, arial, sans-serif; line-height: 20px; }

.title		{ color: #FFFFFF; font: normal 16px "Trebuchet MS", arial, sans-serif; }

.subtitle	{ color: #FFFFFF; font: normal 14px "Trebuchet MS", arial, sans-serif; }

.smalltitle	{ color: #FFFFFF; font: bold 14px "Trebuchet MS", arial, sans-serif; }

.colortitle 	{ color: #3399CC; font: normal 15px "Trebuchet MS", arial, sans-serif; }

.smalltext	{ color: #98785A; font: bold 10px verdana, sans-serif; line-height: 16px; }

.hilite		{ color: #f8a96e; font-weight: bold; }




/* IMAGE BORDERS AND SPACING AND BARS */

.img-borders		{ border: #0184A0 1px solid; margin: 2px 2px 2px 2px; }

.img-left		{ float:left; margin-right: 8px; margin-bottom: 1px; }

.img-space		{ margin-right: 8px; margin-bottom: 1px; }

.page-splits 	{
		font-size: 1px;
		line-height: 1px;
		width: 99%;
		height: 2px;
		background-color: transparent;
		padding: 0;
		margin: 4px 0px 4px 0px;
		border-top: #00728E 1px solid;
		}




/* HOME PAGE */

.topspace-home	{ height: 55px; }

.pagewidth-home { width: 100%; }

.pageheight-home { min-height: 550px; }

#box-home	{
		width: 100%;
		background-image: url("picts/shading/shade-teal-40.png");
		text-align: center;
		border: 0px solid #0184A0;
		border-width: 1px 0px 1px 0px;
		}




/* JQUERY HOME PAGE CODES - SEE ALSO .css IN JQuery-Cycle FOLDER */

.JQS-border	{
		border: 0px solid #0184A0;
		border-width: 0px 1px 0px 1px;
		}

.JQslideshow	{ background-color: #000000; }




/* HEADER CODE */

.headertable	{
		width: 100%;
		min-width: 766px;
		background-color: transparent;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border-bottom: #DA8520 0px solid;
		}

.headerheight	{ height: 90px; }

.logoimage	{ margin: 0px 12px 10px 12px; }




/* SOCIAL ICON LOCATION, SPACING, TEXT & WIDTH */

.socialspace	{ padding: 0px 1px 0px 1px; }

.connecttxt	{ color: #f8a96e; letter-spacing: 8px; }

#sociallinks            {
                        width: 500px;
                        z-index: 10;
                        text-align: center;
                        padding-top: 10px;
                        margin-left: auto;
                        margin-right: auto;
                        }




/* FOOTER */

.footer		{
		color: #A6D2DD;
		font: normal 10px verdana, arial, sans-serif;
		width: 100%;
		text-align: center;
		border-top: #FFFFFF 0px solid;
		}




/* WIDTHS HEIGHTS SPACING AND ALIGNMENT */

.topspace	{ height: 6px; }

#wrapper	{ margin: auto; }

#box-content	{
		width: 100%;
		background-image: url("picts/shading/shade-teal-40.png");
		text-align: center;
		border: 0px solid #0184A0;
		border-width: 1px 0px 1px 0px;
		}

.pagewidth	{ width: 100%; }

.pageheight	{ min-height: 650px; }

.maincontent 	{ width: 650px; }

.content-left	{
		text-align: left;
		vertical-align: top;
		padding: 0px 10px 0px 10px;
		border-left: #000000 0px solid;
		border-right: #000000 0px solid;
		}




/* RIGHT SIDEBAR */

.SB-width	{ width: 225px; }

.sidebar-right	{
		text-align: center;
		vertical-align: top;
		padding: 0px 10px 0px 10px;
		border-left: #000000 0px solid;
		border-right: #000000 0px solid;
		}

.SB-background	{
		background-color: transparent;
		background-image:none;
		background-image: url("picts/shading/shade-teal-50.png");
		}

.side-borders	{ border: #0184A0 1px solid; margin: 0px 0px 4px 0px; }

.sidebar-text	{ color: #749CA1; font: normal 11px verdana, sans-serif; line-height: 14px; }	

/* SIDEBAR LINKS */

a.sidebarlinks:link, a.sidebarlinks:visited, a.sidebarlinks:active	{ color: #A6D2DD; text-decoration: none; }

a.sidebarlinks:hover		{ color: #FF0000; text-decoration: none; }




/* STYLES FOR merchandise.htm */

.formmargin-cart	{ margin: 0px;  margin-top: 20px; }

.merchwidth		{ width: 99%; }

table.merchtable td	{ padding: 5px 5px 5px 5px; }

.merchtable		{
			line-height: normal;
			border: #0184A0 1px solid;
			background-color: transparent;
			background-image: url("picts/shading/shade-teal-60.png");
			}

.price	 		{ color: #99FFCC; font: 12px verdana, arial, sans-serif; font-weight: bold; }

/* ORDER BUTTONS */

.button-order 	{
		background-color: #003540;
		font-family: arial, helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 13px;
		font-weight: bold;
		font-style: italic;
		text-align: center;
		cursor:pointer;
        	padding: 3px 10px 4px 10px;
		margin: 0px 0px 0px 0px;
		border: #0184A0 1px solid;
		}

.buttonon-order {
		background-color: #003540;
		font-family: arial, helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 13px;
		font-weight: bold;
		font-style: italic;
		text-align: center;
		cursor:pointer;
        	padding: 3px 10px 4px 10px;
		margin: 0px 0px 0px 0px;
		border: #FF0000 1px solid;
		}




/* SLIDESHOW CODE */

.pageheight-slideshows	{ min-height: 652px; }

table.slideshow-menu td { padding: 0px 2px 0px 2px; }

.slideshow-text		{ width: 750px; }

#slide-buttons-location	{
			position: relative;
			left: 0px;
			top: -55px;
			margin-bottom: -33px;
			}
.slide-num-hilite	{ color: #FFFFFF; }

#slide-numbers		{
			color: #339999;
	       		font: bold 11px arial, serif;
			width: 70px;
			margin: 0 auto;
			position: relative;
			right: 322px;
			top: 44px;
			margin-top: -26px;
			z-index: 8;
			padding: 5px 5px 5px 5px;
			background-color: #003540;
			border: #0184A0 1px solid;
			}

#slideshow-watermark	{
			width: 300px;
			height: 50px;
			margin: 0 auto;
			position: relative;
			left: 0px;
			top: 400px;
			margin-top: -50px;
			z-index: 8;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
			filter: alpha(opacity=30);
			-moz-opacity:.30;
			opacity: .3;	
			}

.button-slideshow 	{
			color: #FFFFFF;
	       		font: bold 11px arial, serif;
			text-align: center;
			background-color: #003540;
        		padding: 7px 6px 7px 6px;
			margin: 0px 2px 0px 1px;
        		display: block;
			cursor:pointer;
			width: 80px;
        		border: #0184A0 1px solid;
			}


.buttonon-slideshow	{
			color: #FFFFFF;
	       		font: bold 11px arial, serif;
			text-align: center;
			background-color: #005977;
        		padding: 7px 6px 7px 6px;
			margin: 0px 2px 0px 1px;
        		display: block;
			cursor:pointer;
			width: 80px;
        		border: #339999 1px solid;
			}




/* SAMPLES PAGE CODE */

.tracktable	{ width: 100%; }

table.tracktable td { padding: 4px 2px 4px 2px; border: #006666 0px solid; }




/* MUSIC POPUP PAGE STYLES */

.player-notes-outer	{ padding: 4px 12px 4px 12px; }

table.player-notes td 	{
			padding: 0px 2px 0px 2px;
			color: #749CA1;
			line-height: 16px;
			}

.player-notes		{ width: 100%; }

.player-notes-imagespace { width: 60px; }

.choice-text	{ color: #FFFFFF; font-weight: bold; text-indent: 8px; white-space: nowrap; }

.songtitle	{ color: #FFFFFF; font: 12px verdana, arial, sans-serif; letter-spacing: 0px; font-weight: normal; }

.player-title	{ color: #FFFFFF; font: 18px arial, sans-serif; letter-spacing: -1px; font-weight: normal; }

.player-space	{ padding: 5px 10px 5px 20px; }

.pop-border1	{ border: #FF0000 0px solid; }

.pop-border2	{ border-right: #00728E 1px solid; }

.pop-border3	{ border-bottom: #00728E 1px solid; }

.pop-border4	{ border: #00728E 1px solid; }

.player-borders { border: #00728E 1px solid; cursor:pointer; }	

a:hover .player-borders,
a:active .player-borders, .player-borderson  { border: #FF0000 1px solid; cursor: pointer; }

body.playerbackground, body, html 	{ height: 100%; }

.player-pop-main	{ width: 100%; height: 100%; }

.playerbackground	{
			overflow: hidden;
			background-color:#00151A;
			background-image:url("picts/background-main.jpg");
			background-position: 0px 0px;
			background-repeat: no-repeat;
			}

.player-left		{ background-image: url("picts/shading/shade-teal-50.png"); }

.player-sidebar		{ width: 375px; }

#music-closebutton 	{ position: absolute; bottom: 10px; left: 8px; }

.buttonspace		{ padding-left: 7px; }




/* VIDEO CODE */

.topspace-video		{ height: 65px; }

.pageheight-video 	{ min-height: 593px; }

.vidcaption		{
			width: 600px;
			padding: 6px 0px 6px 0px;
			color: #029DBE;
			font: normal 9px verdana, sans-serif;
			}

.vidcaption-hilite	{
			color: #FFFFFF;
			font-weight: bold;
			}

video, object, embed	{ display:block; margin: 0; padding: 0; }

.videodescription	{ margin-top: 8px; text-align: left; }

#videotitlebox		{
			color: #FFFFFF;
			background-color:#000000;
			font: normal 10px verdana, sans-serif;
			padding: 3px 3px 3px 3px;
			}

.Vborder	{ border: #FFFFFF 1px solid; }

.Vborderon	{ border: #FF0000 1px solid; }

table.videobox td {
		color: #FFFFFF;
		background-color:#000000;
		text-align: center;
		margin: auto;
		vertical-align: middle;
		border-collapse:collapse;
		padding: 0px;
		border: #0184A0 1px solid;
		border-width: 0px 1px 0px 1px;
		}




/* CONTACT FORM */

.formalign	{ margin-left: 20px; }

.shadeform	{
		color: #FFFFFF;
		font: 13px arial, sans-serif;
		background-color: #012830;
		background-color: transparent;
		text-align: left;
		width: 190px;
		border: #0184A0 1px solid;
		}

.textarea	{
		color: #FFFFFF;
		font: 13px arial, sans-serif;
		background-color: #012830;
		background-color: transparent;
		text-align: left;
		overflow: auto;
		width: 240px;
		height: 150px;
		border: #0184A0 1px solid;
		}

.button 	{
		color: #0184A0;
	       	font: normal 12px arial, sans-serif;
		text-align: center;
		background-color: #012830;
        	padding: 3px 16px 3px 16px;
		cursor: pointer;
        	border: #0184A0 1px solid;
		}

.buttonon 	{
		color: #FF0000;
	       	font: normal 12px arial, sans-serif;
		text-align: center;
		background-color: #012830;
        	padding: 3px 16px 3px 16px;
		cursor: pointer;
        	border: #FF0000 1px solid;
		}




/* LINKS PAGE */

table.searcharea td	{ padding: 4px 3px 4px 3px; }

.linksmargin	{ margin: 5px 0px 5px 0px; }

.searcharea	{ background-color: transparent; border: #0184A0 1px solid; }

.searchform 	{
		color: #FFFFFF;
		font: 13px arial, sans-serif;
		text-align: left;
		width: 80px;
		background-color: #012830;
		background-color: transparent;
		border: #0184A0 1px solid;
		}


.searchbutton 	{
		background-color: #012830;
		font-family: arial, helvetica, sans-serif;
		font-weight: bold;
		color: #FFFFFF;
		font-size: 11px;
		cursor: pointer;
		text-align: center;
        	padding: 2px 3px 2px 3px;
		margin: 0px 2px 0px 1px;
		border: #0184A0 1px solid;
		}




/* HIDE MENU AND ITEMS FOR PRINTING */


@media print {
.printhide 	{ display:none; }
.printhelp	{ width:600px; }
}
@media screen{
.printonly 	{ display:none; }
}


