.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/***************************************************************

	MAIN CONTENT CONTAINERS

***************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN CONTENT CONTAINER - ONE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-one-column {
	margin-top:					3px;
	padding:					15px;
	position:					relative;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN CONTENT CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column {
	margin-top:					3px;
	padding:					15px;
	background-color:			#fff;
	background-image:			url(../../images/bg-white-grad.png);
	background-repeat:			repeat-x;
	min-width:					1002px;
	position:					relative;
	}

#content-container-two-column #content-area {
	background-color:			transparent;
	background-image:			url(../../images/bg-content-area.png);
	background-repeat:			repeat-y;
	width:						959px;
	margin:						0 auto;
	padding:					20px; /*0 0 20px;*/
	min-height:					240px;
}

#content-main-two-column {
	width:						700px;
	padding-left:				10px;
	float:						left;
	}

#content-side-two-column {
	float:						right;
	text-align:					center;
	width:						225px;
	padding-left:				5px;
	padding-right:				20px;
	padding-top:				20px;
/*	margin-right:				45px;*/
	}
	

	

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN CONTENT CONTAINER - TWO COLUMN Small on Left

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-left-two-column {
	margin-top:					3px;
	padding:					15px;
	background-color:			#fff;
	background-image:			url(../../images/bg-white-grad.png);
	background-repeat:			repeat-x;
	min-width:					1002px;
	position:					relative;

	}

#content-container-left-two-column #content-area {
	background-color:			transparent;
	background-image:			url(../../images/bg-content-area.png);
	background-repeat:			repeat-y;
	width:						959px;
	margin:						0 auto;
	padding:					20px 0 0 20px;
	min-height:					240px;
}

#content-main-left-two-column {
	width:						745px;
	float:						right;
	padding-top:				10px;
	
	}

#content-side-left-two-column {
	float:						left;
	width:						190px;
	margin-top:					125px;
	}


#content-side-left-two-column ul {
	margin:						0;
	padding:					0;
	}

#content-side-left-two-column li {
	list-style:					none;
	background:					url(../../images/list-bullet-02.gif) no-repeat 0 .8em;
	padding:					.2em 0 .2em 1em;
	margin-left:				0.4em;
	
}

#content-side-left-two-column ul.list-of-links {
	border-bottom:				1px dotted #B2B2B2;
}


#content-side-left-two-column ul.list-of-links li{
	border-top:					1px dotted #B2B2B2;
	background-image			:url(../../images/list-bullet-01-link.gif);
}

#content-side-left-two-column ul.list-of-links li.current {
	background-color:			#E5E5E5;
}


#content-side-left-two-column	ul.no-lines,
								ul.no-lines li {
	border:						none;
	}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-three-column {
	margin-top:					3px;
	padding:					15px;
	border:						1px solid #818181;
	background-color:			transparent;
	background-image:			url(../../images/bg-content-area.png);
	background-repeat:			repeat-y;
	position:					relative;
	}

#content-main-three-column {
	width:						465px;
	float:						left;
	margin-left:				9px;
	margin-right:				10px;
	}

#content-side2-three-column,
#content-side1-three-column {
	width:						238px;
	font-size:					.9em;
	}
	
#content-side2-three-column {
	float:						right;
	}

#content-side1-three-column {
	float:						left;
	}

	
/***************************************************************

	SUBCONTENT CONTAINERS

***************************************************************/
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TWO COLUMN SUB CONTENT CONTAINER WITHIN A TWO COLUMN MAIN CONTAINER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#sub-content-container-two-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:658px;
	position:relative;
	}

#sub-content-main-two-column {
	width:335px; /*383px;*/
	float:right;
	padding-top:15px;
	}
 
#sub-content-side-two-column {
	float:left;
	padding-right:15px;
	padding-top:15px;
	width:325px; /*255px;*/
	}
	

/***************************************************************

	HOME PAGEW SHOW CONTAINERS

***************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE SHOW CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#show-container-two-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:930px;
	position:relative;
	}

#show-main-two-column {
	width:682;
	float:left;
	}

#show-side-two-column {
	float:right;
	width:218px;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE SHOW CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#show-container-three-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:960px;
	position:relative;
	}

#show-main-three-column {
	width:465px;
	float:left;
	margin-left:9px;
	margin-right:10px;
	}

#show-side2-three-column,
#show-side1-three-column {
	width:238px;
	font-size:.9em;
	}
	
#show-side2-three-column {
	float:right;
	}

#show-side1-three-column {
	float:left;
	}


/***************************************************************

	MASTER PAGE

***************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TOP BAR

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#top-logo {
	z-index:					100;
}
#top-bar 
{
	background-color:			transparent;
	background-image:			url(../../images/bg-top-bar.png);
	background-repeat:			repeat-x;
	height:						62px;
	overflow:					visible;
	position:					relative;
	z-index:					3;
	padding:					0px;
}
#top-bar #menu {
	float:						right;
	height:						65px;
	width:						660px;
	padding-right:				10px;
	padding-left:				10px;
	padding-top:				0px;
	margin-top:					1px;
}
#top-bar ul#menu {
	list-style:					none;
}
#top-bar ul#menu li {
	float:						right;
	text-align:					right;
}
#top-bar ul#menu li .line {
	float:						left;
	background:					transparent url(../../images/menu-spacer.jpg) no-repeat 100% 0;
	width:						2px;
	height:						60px;
}
#top-bar ul#menu a {
	float:						left;
	display:					block;
	height:						42px;
	padding-top:				10px;
	padding-bottom:				10px;
	padding-left:				7px;
	text-transform:				uppercase;
	text-decoration:			none;
	font-weight:				bold;
	font-size:					13px;
	color:						#000;
}
#top-bar ul#menu a span {
	display:					block;
	color:						#999;
	font-size:					10px;
	text-transform:				none;
	font-weight:				normal;
	line-height:				14px;
	font-style:					italic;

}

#top-bar ul#menu a.selected, #top-bar ul#menu a.selected:hover {
	color:						#999;
}
#top-bar ul#menu a:hover {
	color:						#399cb2;
/*	background:					transparent url(images/mid-sec.png) no-repeat center 100%;*/	
	background-color:			#25292e;
	z-index:					1;
}
 
.wrapper {
	width:						960px;
	margin-left:				auto;
	margin-right:				auto;
	padding-bottom:				20px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {
	background:					#25292e;
	margin-top:					3px;
	margin-left:				auto;
	margin-right:				auto;
	width:						960px;
	padding:					.8em 0 1em 20px;
	position:					relative;
	color:						#a9c0db;
	font-size:					.8em;
	top:						0px;
	height:						43px;
	z-index:					3;
	min-width:					1002px;
}

#footer div {
	background:					#4b6cb5; /*url('/images/bg-nav-side.png') no-repeat right bottom;*/
	width:						33%;
	_width:						25.5%;
	position:					absolute;
	top:						0;
	right:						-193px;
	padding:					.8em 0 1em 0;
	height:						43px;
	left:						574px;
}

#footer a:link,
#footer a:visited {
	color:						#FFFFFF;
	text-decoration:			none;
}

#footer a:hover {
	color:						#D4E7F8;
	text-decoration:			none;
}

#footer a:active {
	color:						#FFFFFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER-SUB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer-sub {
	margin-top:					1em;
	margin-left:				auto;
	margin-right:				auto;
	width:						960px;
	text-align:					center;
	padding:					.1em 0 2em 0;
	position:					relative;
	font-size:					.8em;
	color:						#999999;
	top:						0px;
	left:						0px;
}

#footer-sub ul {
	margin:						0;
	padding:					0;
	}
	
#footer-sub li {
	display:					inline;
	list-style:					none;
	padding:					0 1em 0 0;
	background:					none;
	}

#footer-sub a:link,
#footer-sub a:visited {
	text-decoration:			underline;
	color:						#999999;
}

#footer-sub a:hover {
	color:						#666666;
	text-decoration:			none;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	background-color:			#25292e;
	font-family:				'Helvetica','Arial';
	font-size:					12px;
	color:						#999;
	line-height:				16px;
	font-weight:				700;
}


form {
	padding: 10px;
	margin: 10px;
}

form label{
	color: #333333;
	width: 125px;
	float: left;
	margin-left: 10px;
	font-size: 14px;
}

form input.txt {
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom: 1px solid #dfdedc;
	background-color: #f8f8f8;
	color: #666;
	width: 300px;
	font-size: 12px;
	padding: 5px;
	font-family: Helvetica, Sans-Serif;
}

form textarea {
	border-right-width: 0px;
	border-top-width: 0px;
	border-left-width: 0px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #dfdedc;
	color: #666;
	width: 300px;
	height: 150px;
	font-size: 14px;
	padding: 5px;
	font-family: Helvetica, Sans-Serif;
}
form input.btn {
	margin-left: 360px;
	margin-top: 3px;
}

form p {
	clear: left;
	margin:0;
	padding:0;
	padding-top: 0px;
	
}

h1 {
	color:						#de819e;
	font-size:					26px;
	text-transform:				uppercase;
	margin-bottom:				16px;
	padding-top:				5px;
}

h2 {
	color:						#de819e;
	font-size:					26px;
	text-transform:				uppercase;
	margin-left:				18px;
}
h3 {
	color:						#8C072B;
	font-size:					22px;
	margin-bottom:				16px;
	text-transform:				uppercase;
	font-weight:				normal;
}
h4 {
	color:						#26425a;
	font-weight:				bold;
	font-size:					16px;
}
h5 {
	color:						#FFFFFF;
	font-size:					18px;
	text-transform:				uppercase;
	font-weight:				bold;
}
h6 {
	color:						#FFFFFF;
	font-size:					14px;
	text-transform:				uppercase;
	font-weight:				normal;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE AD ROTATOR

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.panelTable
{
	border-collapse: separate;
	border-spacing: expression(cellSpacing=0);
	border-spacing: 0px;
}
.title
{
	color:Maroon;
	font-size:14px;
	font-weight:bold;
	}
.examples
{
	font-size:12px;
}
.tdText
{
	font-size:12px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news-date {
	font-size:0.9em;
	font-style:italic;
	color:#A4A4A4;
}

.arrow {
	vertical-align:middle;
	}

.button 
{
	padding:10px;
}
.chkbox input /* this is needed to override form input style for checkboxes to get the checkbox on left of label*/
{
	float:left;
}
.chkbox label
{
	font-size:12px;
	color:Black;
	margin:0px;
	padding:0px;
}


td input /* this is needed to override form input style for checkboxes to get the checkbox on left of label*/
{
	float:left;
}
td label
{
	font-size:12px;
	color:Black;
	margin:0px;
	padding:0px;
}

td text
{
	font-size:12px;
	color:Black;
	margin:0px;
	padding:0px;
}

input.button-big {
	font-weight:bold;
	padding:.7em 1.5em;
	font-size:1.1em;
	vertical-align:bottom;
	}

input.button-medium {
	font-weight:normal;
	padding:.4em 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	vertical-align:bottom;
	}
	
input.button-small {
	font-weight:normal;
	padding:.4em 1em;
	font-size:.8em;
	vertical-align:bottom;
	}

.button
{	height: 34px;
}

.clear {
	clear:both;
	}

.none {
    display:none;
}

.eventlinks 
{
	color:						#8C072B;
	font-size:					14px;
	text-transform:				uppercase;
	font-weight:				bold;
}

.newslinks 
{
	color:						#0D4759;
	font-size:					14px;
	text-transform:				uppercase;
	font-weight:				bold;
}

.scheduletext
{
	color:						#663333;
	font-size:					12px;
	font-weight:				700;
	
}

#page {
	background-color:			#fff;
	background-image:			url(../../images/bg-white-grad.png);
	background-repeat:			repeat-x;
	min-width:					1002px;
}
#page #content-area {
	background-color:			transparent;
	background-image:			url(../../images/bg-content-area.png);
	background-repeat:			repeat-y;
	width:						959px;
	margin:						0 auto;
	padding: 					20px 0 0 20px;
	min-height:					240px;
}
#page #sidebox {
	float:						left;
	background:					transparent url(../../images/sidebox.png) no-repeat;
	width:						304px;
	height:						408px;
	padding-top:				30px;
	margin-right:				12px;
}
#page #sidebox p {
	width:						240px;
	margin-left:				38px;
	color:						#666;
}
#page #sidebox h4#client-testimonials {
	margin:						15px 30px 0 0;
	text-align:					right;
}
#page #sidebox h4#client-testimonials a {
	text-decoration:			none;
	color:						#495862;
}
#page #content-area .tiny {
	width:						200px;
	margin-left:				20px;
}
#page #content-area .small {
	width:						280px;
}
#page #content-area .medium {
	width:						360px;
}
#page #content-area .large {
	width:						520px;
}
#page .column {
	float:						left;
	margin-left:				26px;
	padding-top:				28px;
}	
#page .column p {
	margin-bottom:				16px;
	line-height:				18px;
}
#page .link {
	background-image:			url(../../images/bg-link.jpg);
	width:						182px;
	height:						36px;
	margin-top:					15px;
	margin-bottom: 				-10px;
	padding-left:				3px;
}

#page .link img {
	border: 0;
	margin-left: 10px;
	margin-top: 4px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TREE VIEW CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.TreeView  
{
    border-bottom:1px dotted #B2B2B2 !important;
}

.TreeView div
{
    margin-left:5px;
}

.TreeView table
{
    border-top:1px dotted #B2B2B2 !important;
}

.TreeView div table
{
    border-bottom:none !important;
    border-top:none !important;
}

.TreeView table td
{
    padding:2px 0;
}

.LeafNodesStyle 
{
    
}


.RootNodeStyle 
{
    
}

/* ALL ELEMENTS */
.NodeStyle 
{

}

.ParentNodeStyle 
{
    background:yellow;
}
 

a.SelectedNodeStyle 
{
    background:#E5E5E5;
    display:block;
    padding:2px 0 2px 3px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
	border:none;
	}

.photo-border {
	border:1px solid #cecece;
	padding:4px;
	background:#d9d9d9 url(../../images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}

.photo-float-left {
	float:left;
	margin-right:10px;
	}

.image-border-none {
	border:none;
}