﻿/* reset.css, part of YUI's CSS Foundation */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
{ 
	margin:0;
	padding:0;
}
table 
{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img 
{ 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var 
{
	font-style:normal;
	font-weight:normal;
}
ol,ul 
{
	list-style:none;
}
caption,th 
{
	text-align:left;
}
h1,h2,h3,h4,h5,h6 
{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after 
{
	content:'';
}
abbr,acronym 
{ 
	border:0;
}

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	/*margin:1em 0;*/
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	/*margin:1em;*/
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	/*margin-left:2em;*/
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}

ul li {
	/*giving UL's LIs generated disc markers*/
	/*list-style: disc outside;*/
}

dl dd {
	/*giving UL's LIs generated numbers*/
	/*margin-left:1em;*/
}
th,td {
	/*borders and padding to make the table readable*/
	border:0px solid #000;
	/*padding:.5em;*/
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	/*margin-bottom:.5em;*/
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	/*margin-bottom:1em;*/
}

body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

body 
{
	background: #5e5e5e url(../images/back.jpg) repeat top center ;
	font-family: Tahoma;
	color: #2F3238;
}

#header
{
    width: 715px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background: #fff;
    font-family: Arial;
    overflow: hidden;
}

#header .logo
{
	width: 715px;
    height: 113px;
    background: #fff;
    overflow: hidden;    
}

#header .navigation
{
    width: 715px;
    height: 23px;
	text-align:center;
    background: #fff url(../images/navigation.gif) no-repeat top left;
    overflow: hidden;
}

#header .navigation ul  
{
	list-style-type: none; 
}

#header .navigation ul li 
{
	display: inline;
	/*float: left;*/
	height: 23px;
	overflow: hidden;
}

#header .navigation ul li span
{
    font-size: 12px;
    color: #575757;
	line-height: 23px;
	margin-left: 2px;
	margin-right: 2px;
}

#header .navigation ul li a
{
    font-size: 12px;
    color: #575757;
	line-height: 23px;
    text-decoration: none;
}

#header .navigation ul li a:hover { color: #2F3238; }


#footer
{
    width: 715px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial;
    background: #fff url(../images/footer.jpg) no-repeat top left;
    overflow: hidden;
}

#footer .info
{
    width: 715px;
    height: 19px;
    padding-top: 2px;
    text-align: center;
    overflow: hidden;
}

#footer .info span
{
	padding-left: 10px;
	padding-right: 10px;
}

#footer .copyright
{
    width: 715px;
    padding-top: 4px;
    text-align: center;
    overflow: hidden;
}

#footer .navigation
{
    width: 715px;
    padding-top: 20px;
    text-align: center;
    overflow: hidden;
}

#footer ul { list-style-type: none; }

#footer ul li { display: inline; }

#footer ul li span
{
    font-size: 85%;
    color: #575757;
	/*line-height: 23px;*/
}

#footer ul li a
{
    font-size: 85%;
    color: #575757;
    text-decoration: none;
}

#footer ul li a:hover { color: #2F3238; text-decoration: underline; }



.footerText
{
	font-size: 85%;
	color: #868686
}


#container
{
	display: block;
	width: 715px;
    margin-left: auto;
    margin-right: auto;	
	overflow: hidden;
}


.photo220
{
	display: inline;
	clear: both;
	float: left;
	width: 220px;
	height: 280px;
	margin: 10px;
	border: 8px solid #fff;
	background: #fff;
	overflow: hidden;
}

.photo200
{
	display: inline;
	clear: both;
	float: left;
	width: 200px;
	height: 300px;
	margin: 10px;
	border: 8px solid #fff;
	background: #fff;
	overflow: hidden;
}

.teaser
{
	float: left;
	width: 446px;
	height: 164px;
	margin-top: 10px;
	border: 2px solid #fff;
	background: #ccc;
	overflow: hidden;
}

.marginLeft10
{
	margin-left: 10px;
}

.callout
{
	float: left;
	width: 196px;
	margin-top: 10px;
	margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;	
}

.callout h2
{
	font-size: 108%
}


.column468
{
	float: left;
	width: 444px;
	margin-top: 10px;
	margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;	
	overflow: hidden;
}

.column695
{
	/*float: left;*/
	width: 670px;
	margin: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;	
	overflow: hidden;
}

/* BEGIN CM_Divider Control */

.divider
{
	clear: both;
	width: 100%;
	height: 0px;
    border-bottom: 1px solid #d3d3d3;
    overflow: hidden;
}

/* END CM_Divider Control */

/* BEGIN CM_Image Control */

.column468 .imageContainer { width: 444px; }
.column695 .imageContainer { width: 670px; }
.callout .imageContainer { width: 190px; }

.imageContainer
{
	float: left;
	overflow: hidden;
}

.imageContainer img { display:block; }

/* END CM_Image Control */

/* BEGIN CM_TextBlock Control */

.column468 .textBlockContainer { width: 444px; }
.column695 .textBlockContainer { width: 670px; }
.callout .textBlockContainer { width: 190px; }

.textBlockContainer
{
	float: left;
	text-align: left;
	overflow: hidden;
}

.textBlockContainer h2 { text-transform: none; }
.textBlockContainer h3 { text-transform: none; font-size: 100%; }

/* END CM_TextBlock Control */

.displayBlock { display:block; }
.displayNone { display: none; }

.floatLeft { float: left; }
.floatRight { float: right; }
.floatCenter { margin-left: auto; margin-right: auto; }

.spacingTop2 { margin-top: 2px; }
.spacingBottom2 { margin-bottom: 2px; }
.spacingLeft2 { margin-left: 2px; }
.spacingRight2 { margin-right: 2px; }

.spacingTop4 { margin-top: 4px; }
.spacingBottom4 { margin-bottom: 4px; }
.spacingLeft4 { margin-left: 4px; }
.spacingRight4 { margin-right: 4px; }

.spacingTop10 { margin-top: 10px; }
.spacingBottom10 { margin-bottom: 10px; }
.spacingLeft10 { margin-left: 10px; }
.spacingRight10 { margin-right: 10px; }

.spacingTop20 { margin-top: 20px; }
.spacingBottom20 { margin-bottom: 20px; }
.spacingLeft20 { margin-left: 20px; }
.spacingRight20 { margin-right: 20px; }

.textAlignLeft { text-align: left; }
.textAlignRight { text-align: right; }
.textAlignCenter { text-align: center; }
.textAlignJustify { text-align: justify; }


/* BEGIN CM_ImageGallery Control */

.column468 .imageGalleryContainer { width: 444px; }
.column695 .imageGalleryContainer { width: 670px; }

.imageGalleryContainer
{
	clear: both;
	float: left;
	display: block;
	overflow: hidden;
}

.imageGallerySectionContainer
{
	display: block;
	width: 100%;
	overflow: hidden;
}

.imageGalleryHeadingContainer
{
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	background: #fff;
	overflow: hidden;	
}

/* END CM_ImageGallery Control */


a.linkButton 
{
	display:block;
	border: 0; 
	cursor:pointer; 
	font-weight:bold; 
	padding:0 20px 0 0; 
	text-align:center; 
	text-decoration:none;
}
a.linkButton span { 
  position:relative; 
  display:block;
  white-space:nowrap;
  padding:0 0 2px 20px; 
  height:25px; 
  line-height:25px;
}

.imageGalleryContainer table
{
	table-layout: fixed;
	clear: both;
	float: left;
	margin-left: 1px;
	width: 100%;
}

.galleryCell
{
	text-align:center;
	vertical-align: bottom;
	padding: 4px;
	border: 0px;
	padding-bottom: 10px;
}

.oneColumn
{
	width: 100%;
}

.twoColumn
{
 	width: 50%;
}

.threeColumn
{
	width: 33%;
}

.fourColumn
{
	width: 25%;
}

.customListContainer { clear: both; float: left; margin-bottom: 20px; width: 384px; margin-left:60px; display: inline;}

/*.customListContainer ul {float: left; margin-bottom: 10px;}*/
.customListContainer ul {margin-bottom: 10px;}
/*.customListContainer ul li { float: left; clear:both; margin: 0; height: 16px; }*/
.customListContainer ul li { height: 16px; }

li.even { float: left; clear:both; margin: 0; padding: 4px; width:732px; height: 16px; background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; }
li.odd  { float: left; clear:both; margin: 0; padding: 4px; width:732px; height: 16px; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; }

ul.horz { clear: left; display: inline; }
ul.horz li { float: left; height: 16px; overflow: hidden; }

ul.horz li.alignCenter { text-align: center; }
ul.horz li.alignRight { text-align: right; }

ul.horz li.width10  { width: 10px; }
ul.horz li.width16  { width: 16px; }
ul.horz li.width20  { width: 20px; }
ul.horz li.width30  { width: 30px; }
ul.horz li.width40  { width: 40px; }
ul.horz li.width50  { width: 50px; }
ul.horz li.width60  { width: 60px; }
ul.horz li.width70  { width: 70px; }
ul.horz li.width100 { width: 100px; }
ul.horz li.width120 { width: 120px; }
ul.horz li.width140 { width: 140px; }
ul.horz li.width150 { width: 150px; }
ul.horz li.width160 { width: 160px; }
ul.horz li.width180 { width: 180px; }
ul.horz li.width200 { width: 200px; }
ul.horz li.width250 { width: 250px; }
ul.horz li.width260 { width: 260px; }
ul.horz li.width300 { width: 300px; }

.bodyText { font-size: 100%; }
.bodyTextSmall { font-size: 85%; color: #575757; }