/* Default.css
 */

a 
{
	color: #8C1A0F;
	text-decoration: underline;
}

a:hover, a:visited
{
	color: #442580;
}

body 
{
	background-color: #d8d2e5;
	color: #494543;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	line-height: 1.3em;
/* WHY?	text-align: center; */
}

html, body
{
/*	height: 100%; */
}

div
{
	margin: 0px;
	padding: 0px;
	/* text-align: left; */
}

img
{
	border: 0px;
}

p, ul, ol { margin-top:0px; margin-bottom:0px; padding-top: 0px; padding-bottom: 0px; }

ul, li
{
	margin-left: 0px;
	padding-left: 0px;
	line-height: 1.2em;
	margin: 0.4em 0px;
	list-style-type: square;
	list-style-image: url('images/VS_BulletBlueArrow.gif');
}

.blackArrow ul { color: Black; list-style-image: url('images/VS_BulletBlackArrow.gif'); }
.blueArrow  ul { color: #442580; list-style-image: url('images/VS_BulletBlueArrow.gif'); }
.redArrow   ul { color: #8B1B10; list-style-image: url('images/VS_BulletRedArrow.gif'); }
.whiteArrow ul { color: #f3f2f2; list-style-image: url('images/VS_BulletWhiteArrow.gif'); }
.white2Arrow ul { color: #d6cde3; list-style-image: url('images/VS_BulletWhite2Arrow.gif'); }

.whiteHeader .SplashHeader { color: #f3f2f2; }
.purpleHeader .SplashHeader { color: #452381; }

div#home_flashdivs div.ssSplashPanel1
/*#ctl00_uoContentPlaceHolderMain_uoSplashPanel1*/
{
	/* background-color: #181412; put this in place after fixing the front page layout */
	background-image: url('images/VS_Default_Splash1.jpg');
	padding-top: 100px; /* goes along with the splash image above */
	height: 158px; /* 273 - 15px (bottom padding) - 100px (top padding) = 158px */
	color: white;
}
div#home_flashdivs div.ssSplashPanel1 ul li,
div#home_flashdivs div.ssSplashPanel1 ul li a,
div#home_flashdivs div.ssSplashPanel1 ul li a:hover,
div#home_flashdivs div.ssSplashPanel1 ul li a:visited
{
	color: #f3f2f2;
}
div#home_flashdivs div.ssSplashPanel2
/*div#ctl00_uoContentPlaceHolderMain_uoSplashPanel2*/
{
	background-image: url('images/VS_Default_Splash2.jpg');
	padding-top: 45px; /* goes along with the splash image above */
	height: 213px; /* 273 - 15px (bottom padding) - 45px (top padding) = 213px */
	color: black;
}
div#home_flashdivs div.ssSplashPanel2 ul li
{
	list-style-type: square;
	list-style-image: url('images/VS_BulletBlueArrow.gif');
	color: #442580;
}
div#home_flashdivs div.ssSplashPanel2 ul li,
div#home_flashdivs div.ssSplashPanel2 ul li a,
div#home_flashdivs div.ssSplashPanel2 ul li a:hover,
div#home_flashdivs div.ssSplashPanel2 ul li a:visited
{
	color: #442580;
}
div#home_flashdivs div.ssSplashPanel3
/*div#ctl00_uoContentPlaceHolderMain_uoSplashPanel3*/
{
	/* background-color: #363839; put this in place after fixing the front page layout */
	background-image: url('images/VS_Default_Splash3.jpg');
	padding-top: 65px; /* goes along with the splash image above */
	height: 193px; /* 273 - 15px (bottom padding) - 65px (top padding) = 193px */
	color: white;
}
div#home_flashdivs div.ssSplashPanel1 ul li,
div#home_flashdivs div.ssSplashPanel3 ul li
{
	list-style-type: square;
	list-style-image: url('images/VS_BulletWhiteArrow.gif');
	color: #f3f2f2;
}
div#home_flashdivs div.ssSplashPanel3 ul li,
div#home_flashdivs div.ssSplashPanel3 ul li a,
div#home_flashdivs div.ssSplashPanel3 ul li a:hover,
div#home_flashdivs div.ssSplashPanel3 ul li a:visited
{
	color: #f3f2f2;
}

table
{
	border-collapse: collapse;
}
td { border: 0px; margin: 0px; padding: 0px; }

.adminSplashPanel
{
	background-color: White;
	border: solid 1px black;
	color: Black;
	left: 10px;
	padding: 5px;
	position: absolute;
	top: 130px;	
}

.centerFrame
{
	margin: 0px auto;
	width: 996px;
}
.centerFramePadded
{
    margin: 0px auto;
    width: 796px;
    padding: 15px 100px 15px 100px;
}

#main_section_top
{
	margin: 0px auto;
	width: 796px;
	
	border-color: #e0dcd1 #8674ae;
	border-width: 14px;
	border-style: solid;
}

.contactFormTable td
{
    padding: 5px;
    vertical-align: top;
}

/*
    <div id="contentDarkBackground">
        <div id="contentLightBackground">
            <div id="contentGreyBars">
            
                <div class="primaryContentSection">
*/
.contentDarkBackground
,#contentDarkBackground
{
	background-color: #d8d2e5;
	background-image: url('images/VS_ContentDarkBG.gif');
	background-position: top;
	background-repeat: repeat-x;
	
/*	height: 100%; */
}

.contentBackground
,#contentLightBackground
{
	background-color: white;
	background-image: url('images/VS_ContentBG.gif');
	background-position: top;
	background-repeat: repeat-x;
	padding-top: 8px;
	
	width: 996px;
	margin: 0px auto;

/*	height: 100%; */
}

	
#contentGreyBars
{
	border-top:14px solid #e0dcd1;
	border-bottom:14px solid #e0dcd1;
}	

.ssPrimarySection
{
	border-top:14px solid #e0dcd1;
	border-bottom:14px solid #e0dcd1;
	background-color:White;
}

#primaryContentSection,
.purpleSides
{
	border-left:solid 14px #8674ae;
	border-right:solid 14px #8674ae;
	background-color:White;
	
	padding: 0px 4px;
}

#secondarySection
{
	padding: 4px 0px;
	border-bottom: solid 14px #e0dcd1;
}

#secondarySection .purpleSides
{
	border-color: #32186d;
	padding: 0px 4px;
}

#leftNavigation
{
	height: 100%;
}

.defaultBeforeAfterCopy
{
	background-color: #e0dcd1;
	color: Black;
	/*float: right;*/
	height: 95px;
	margin-right: 4px;
	padding: 12px;
	text-align: right;
	width: 431px;
	
	color: #3a322f;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}
.defaultBeforeAfterCopy a,
.defaultBeforeAfterCopy a:hover,
.defaultBeforeAfterCopy a:visited
{
	color: #8c1a0f;
	text-decoration: underline;
}
.defaultBeforeAfterCopy .PanelHeader
{
	color: #3a322f;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.defaultBeforeAfterPhoto
{
	/* float: left; */
	background-repeat: no-repeat;
	/*margin-right: 4px;*/
	width: 273px;
	height: 119px;
}

.defaultLocation
{
	float: right;
	height: 249px;
	padding: 12px 8px;
	width: 256px;
	color: #321f56;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}
.defaultLocation a,
.defaultLocation a:hover,
.defaultLocation a:visited
{
	color: #8c1a0f;
	text-decoration: underline;
}
.defaultLocation p
{
	margin-bottom: 5px;
}
.defaultLocation .PanelHeader
{
	color: #442580;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

.defaultMenuBar
{
	background-image: url('images/VS_DefaultMenuBarBG.gif');
	background-repeat: repeat-x;
	height: 30px;
	text-align: center;
	
	font-family: Century Gothic, Verdana, Arial, sans-serif;
	color: #25114c;
	font-size: 12px;
	font-weight: bold;
}

.defaultMenuBar table
{
	border-collapse: collapse;
	height: 30px;
	margin: 0px auto;
	padding: 0px;
}
.defaultMenuBarButton
{
	color: #26134B;
	font-weight: bold;
	height: 30px;
	padding: 0px 12px;
	text-align: center;
	vertical-align: middle;
}

.defaultMenuBarButton a,
.defaultMenuBarButton a:hover,
.defaultMenuBarButton a:visited
{
	color: #26134B;
	font-weight: bold;
	text-decoration: none;
}
.defaultMenuBarButtonOn
{
	background-image: url('images/VS_DefaultMenuBar_Button_OnArrow.gif');
	background-position: bottom;
	background-repeat: no-repeat;
	color: #8C1A0F;
	font-weight: bold;
	height: 30px;
	padding: 0px 12px;
	text-align: center;
	vertical-align: middle;
}
.defaultMenuBarButtonOn a,
.defaultMenuBarButtonOn a:hover,
.defaultMenuBarButtonOn a:visited
{
	color: #8C1A0F;
	font-weight: bold;
	text-decoration: none;
}
.defaultMenuBarControl
{
	background-image: url('images/VS_DefaultMenuBar_Button_Separator.gif');
	background-position: right;
	background-repeat: no-repeat;
}

.defaultSubMenuBar
{
	font-family: Century Gothic, Verdana, Arial, sans-serif;
	background-color: #442680;
	color: White;
	text-align: center;
}
.defaultSubMenuBar td
{
	padding:3px 12px;
}
.defaultSubMenuBar a, 
.defaultSubMenuBar a:hover,
.defaultSubMenuBar a:visited
{
	color: White;
	text-decoration:none;
}
.defaultSubMenuBarOn
{
	background-color: #442680;
	color: White;
	text-align:center;
	padding:1px 6px;
}
.defaultSubMenuBarOn a,
.defaultSubMenuBarOn a:hover,
.defaultSubMenuBarOn a:visited
{
	display:block;
	color: White;
	font-weight: bold;
	background-color:#5D4491;
	padding:2px 6px;
	text-decoration:none;
}

.defaultTestimonials
{
	background-color: #dad1e6;
	height: 95px;
	margin-right:4px;
	padding: 12px;
	width: 200px;
	color: #3a322f;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}
.defaultTestimonials em
{
	font-style: italic;
	color: #8c1a0f;
}
.defaultTestimonials .PanelHeader
{
	color: #25114c;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.defaultFooter
{
	padding: 12px;
	color: #535353;
	font-size: 11px;
	font-family: Verdana, sans-serif;
}
.defaultFooter a,
.defaultFooter a:hover,
.defaultFooter a:visited
{
	text-decoration: underline;
	color: #442580;
}

.paddedContent
{
	padding: 15px;
}

.splashPanel
{
	background-position: top left;
	background-repeat: no-repeat;
	color: White;
	padding: 15px 15px 15px 250px;
	height: 243px;
}
.splashPanel a,
.splashPanel a:hover,
.splashPanel a:visited
{
	color: inherit;
	font-weight: bold;
	text-decoration: underline;
}
.splashPanel ul
{
	font-weight: bold;
/*	line-height: 17px; */
	padding-left: 17px;
}
.SplashHeader
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 12pt;
}


.ssLeftColumn
{
	background-color: #f7f6f3;
	padding-top: 14px;
	vertical-align: top;
	width:164px;
}
.ssLeftColumn ul li
{
	list-style-type: none;
	list-style-image: none;
	border-bottom: solid 1px #e7e4dc;
	margin: 0px;
}
.ssLeftColumn ul li a,
.ssLeftColumn ul li.header
{
	width: 136px;
	padding: 4px 14px;
	display: block;
}
.ssLeftColumn ul li a,
.ssLeftColumn ul li a:hover,
.ssLeftColumn ul li a:visited
{
	color: #321f56;
	text-decoration:none;
}
.ssLeftColumn ul li.header
{
	background-color: #eeebef;
	text-transform: uppercase;
	font-weight: bold;
	
	color: #442580;
	font-family: Century Gothic, Verdana, Arial, sans-serif;
}
.ssLeftColumn ul li.header span,
.ssLeftColumn ul li a
{
	vertical-align: middle;
}
.ssLeftColumn ul li.current,
.ssLeftColumn ul li.current a,
.ssLeftColumn ul li.current a:hover,
.ssLeftColumn ul li.current a:visited
{
	background-color: white;
	color: #8c1a0f;
	font-weight: bold;
	text-decoration:none;
}

h1 /* header logo */
{
}

h2 /* top headline in main section.  once/page. */
{
	font-family: Century Gothic, Verdana, Arial, sans-serif;
	color: #8574ad;
	font-size: 24px;
	font-weight: bold;
	line-height: normal;
}

h3
{
	font-family: Verdana, Arial, sans-serif;
	color: #5e4592;
	font-size: 14px;
	font-weight: bold;
}

.ssRightColumn h3 /* top headline in the right column.  once/page. */
{
	font-family: Century Gothic, Verdana, Arial, sans-serif;
	color: #442580;
	font-size: 16px;
	font-weight: bold;
}

.ssRightColumn a,
.ssRightColumn a:hover,
.ssRightColumn a:visited
{
	color:#7A0F08;
	text-decoration:underline;
}

.ssRightColumn
{
	padding: 22px 32px;
	background-color: #f3f1f4;
	vertical-align:top;
	width:160px;
}

#mainSection
{
	padding: 22px 34px;
}