body{
background-color: #d8751a;
font-family: arial, helvetica;
text-align: center;
background-image: url('../images/template/Lariat.jpg');
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center top;
background-color: black;
}


h1 {font:22px Georgia, "Times New Roman", serif;color: #fff43a;}
	
h2 { 
	font-family: Helvetica, Verdana, Arial, sans-serif, "Lucida Grande"; border-bottom-style: none; 
	font-weight: bold; 
	font-size: 13px; 
	color: #fffa9d;
	margin-top: -10px;
	text-align: left;
	}


h3 {color: #fff476; font-size: 13px; margin: 20px 0px 10px; padding:0px;}
h4 {color: white; font-size: 12px; margin: 10px 0px 5px; text-transform: uppercase;
background-image: url('../images/template/50.png');
padding: 5px;
}
h5 {font:24px Georgia, "Times New Roman", serif;color: #fff43a; margin-top: 0px; margin-bottom: 10px;}

td{ /*shane changed this 7-13 11:24pm becuase it was effecting calendar table - JIM changed back to show client again*/
	font: 10px/170% "Lucida Grande", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 	
	padding: 0px 20px 2px 0px;
	vertical-align: top;
	}

p { 
	color: white;
	font: 11px/170% "Lucida Grande", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 	
	margin: 0px 0px 10px 0px;
	}
	
strong {

	font: 13px/140% "Lucida Grande", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	color: #fff43a; font-weight: bold; text-transform: uppercase;}


a {text-decoration: none; font: 11px/140%  "Lucida Grande", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;  font-weight: bold;  }
a:link {color: #fff43a; }
a:visited { color: #fff43a; }
a:hover { color: #fff43a; }
a:active { color: #d4b09b; }

a img {border: none; }

ul 	{ list-style-type: none; padding-top: 0px; text-align: left;}	
li 	{ 
display: inline;
padding-right: 30px;
} 


div#templateContainer{
margin: 10px auto;
width: 964px;
text-align: left;
}

div#header{
width: 964px;
height: 25px;
background-image: url('../images/template/60.png');
padding-top: 0px;
border-bottom: 1px solid #fefaef;
margin-bottom: 10px;
}

div#nav{
clear: both;
background-repeat: no-repeat;
position: relative;
z-index: 500;

}

#nav a {
font-family: Times, "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 14px;
color: white;
text-decoration: none;
font-variant: small-caps;
}

#nav a:hover {
font-family: Times, "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 14px;
color: orange;
text-decoration: none;
font-variant: small-caps;
}


div#bodyContent{

}


div#bodyIndent{
padding-top: 18px;
padding-left: 18px;
padding-bottom: 15px;
}


div#content{
margin-top:15px;
clear: both;
}

div#contentPNG{
margin-top:15px;
clear: both;
background-image: url('../css/images/80.png');
}


div#leftColumn{
color: #502707;
width: 560px;
float: left;

}


div#rightColumn{
margin-top: 15px;
background-color: #fff589;
margin-left: 579px;
margin-bottom: 15px;
width: 210px;
border: 1px solid black;
}


.indent{
padding: 10px;
background-image: url('../css/images/80.png');
}

.indent30{
padding: 30px;
}




/* column container */
	.colmask, .colmask2  {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		margin-bottom: 0px;
		background-image: url('/images/template/3col.png');
		border-top: 1px solid white;
		
	}
	
	.colmask2 {
		background-image: url('/images/template/80.png');		
	}
	
	
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
		
	}
	
	a.leftLink  {
		line-height: 20px;
		margin-left: 10px;
		}
	

	

	
	/* 3 Column settings */
	.threecol {
			/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		/* background:#fff;		center column background colour */
		

		}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		/* background:#f4f4f4;	/* left column background colour */
		
		
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
		padding-top: 20px;
		
		
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		padding-top: 20px;
				
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
		padding-top: 20px;

	}
	
	
	/* 2 Column settings */

	.twocol {
			/* right column background colour */
	}

	.twocol .colleft {
		right:65%;			/* width of the right column */
		/* background:#f4f4f4;	/* left column background colour */
			border-right: 1px dotted silver;	
		
	}
	.twocol .col1 {
		width:55%;			/* width of right column content (column width minus padding on either side) */
		left:105%;			/* 100% plus left padding of center column */
		padding-top: 20px;
		
	}
	.twocol .col2 {
		width:32%;			/* Width of left column content (column width minus padding on either side) */
		left:13%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		padding-top: 20px;

	}

	
	
	
	
	
	
.col1 ul {
	list-style-type: disc; 
	text-align: left;
	}	
	
.col1 li 	{ 
	display: block;
	font: 11px/90% "Lucida Grande", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 	
	margin: 0px 0px 8px 0px;
	}

	.spacer {clear: both;}

div#footer{
	text-transform: uppercase;
	clear: both;
	padding-top: 10px;
	padding-left: 10px;
	height: 25px;
	text-align: left;
	background-image: url('../images/template/foot.jpg');
	font-size: 11px;
	font-family: "Times New Roman", Times, Georgia, serif;
	color: white;
	border-top: 1px solid #fefaef;
}

div#info{
	font-size: 12px;
	font-family: "Times New Roman", Times, Georgia, serif;
	text-align: center;
	color: #fefaef;
	margin-top: 20px;
	}

#info a {color: #fff3d6;}
#info a:hover {color: white;}


div.spacer {clear: both}

td.hours {width: 275px;}


.upcomingEvents {
	color: #ffc964;
	text-transform: uppercase;
	font: 12px Arial, "Lucida Grande", Verdana, sans-serif;
	padding-bottom: 10px;
	}
	
.date {
	color: #9a0102;
	font: 10px "Lucida Grande", Verdana, Arial, sans-serif;
	}

.event {
	color: #fff43a;
	font: 10px "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
	}
	
.event a {
	font: 10px "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
	color: white;
	}

.alignRight {
		font: 10px "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	text-align: right;
	margin-top: 20px;}
	
.alignRight a {
		font: 10px "Lucida Grande", Verdana, Arial, sans-serif;
	}

.event2 {
	color: #0606a7;
	font: 16px Arial, sans-serif, "Lucida Grande", Verdana;
	font-weight: bold;
	padding-bottom: 0px;
	}
	
.line {
	border-bottom: 1px dotted gray;
	margin-bottom: 5px;
	}
.portThumb {
	height:200px;
	width: 300px;
	float: left;
	text-align:  center;
	background-color: black;
	margin: 7px;
	padding: 20px 0px;
	overflow: hidden;
	}
	
.imgCenter {border: 1px solid red; text-align: center;}

.thumbLeft {
	float: left;
	border: 1px solid black;
	margin: 0px 15px 5px 0px;
	}

.thumbRight {
	float: right;
	border: 1px solid black;
	margin: 10px 0px 10px 15px;
	}

.logoLeft {
	float: left;
	margin: 0px 15px 5px 0px;
	}

.staff {
	width: 240px;
	height: 85px;
	background-color: white;
	border: 1px dotted silver;
	margin: 0px 10px 10px 0px;
	padding: 5px;
	float: left;
	}
p.name  {color: #741805; font-size: 13px; margin: 0px 0px -5px 0px; padding:0px;}
p.title  {color: #898080; font-size: 11px; margin: 0px; padding:0px;}
p.phone  {color: black; font-size: 12px; font-weight: bold; margin: 0px; padding:0px;}
p.phone2  {color: black; font-size: 12px; font-weight: bold; margin-top: -7px; margin-bottom: 0px; padding:0px;}

.homeImage {border: 1px solid white;}

.leftPortfolio {float: left; margin: 10px;}