/* -----------------------------------------------------------------------

                              TYEDESIGN
                             -------------------
   filename             : tye_instyle.css
   version              : 06.13.2008
   copyright            : (c) 2008 TyeDesign 
   author               : Tye Spain

----------------------------------------------------------------------- */

/*#layout 
____________________________________________________________*/

body {
	margin: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: url("../images/top_int_bkg.jpg") repeat-x #fff;}/*interior style*/

#mainWrapper {
	margin-left: auto; 
	margin-right: auto;
	width: 50em;
	margin-top: 0px;
	padding:0;
	width: 820px;}
	
#contentWrapper {
	position: relative;
	left: 50%;
	margin-left: -425px;
	margin-top: 0px;
	padding-top:0px;
	padding-bottom:0px;
	width: 850px;}
	
/*#header 
____________________________________________________________*/
	
#header {
	padding:0;
	margin:0;
	height:87px;}

#header img{float: left;}

#header .quote{
	float: right;
	display:inline;
	width:190px;
	margin:15px 15px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;}

#header .green{
	font-weight:bold;
	color:#B2DB43;}
	
.topgraphic {/*interior style*/
	margin: 2px 0 0 0;
	*margin: 1px 0 0 0;
	padding:0;
	height:54px;
	background-image: url(../images/int_graphic.jpg);}
	
/*#topnav
____________________________________________________________*/
	
#navtabs{
	height:25px;
	margin: 1px 0 0 0;
	padding: 0;
	font: normal 11px Arial;}

#navtabs li{display: inline;}

#navtabs li a{
	float: left;
	color: #fff;
	margin-top:1px;
	padding: 5px 26px 6px 26px;
	text-decoration: none;
	background: transparent url(../images/navbg.gif) top right no-repeat;}

#navtabs li a#leftmostitem{
	border-left: 1px solid #74A0CB;
	padding: 5px 26px 6px 26px;}

#navtabs li a#rightmostitem{
	border-right: 1px solid #74A0CB;
	background-position: top left;
	padding: 5px 26px 6px 26px; }

#navtabs li a:visited{color: #fff;}

#navtabs li a:hover{
	color: #fff;
	background-image: url(../images/nav_bgover.gif);}
		
	
/*#leftnav
____________________________________________________________*/	
	
#leftcolumn .leftnav a{
	margin:0;
	display:block;
	line-height:26px;
	border-bottom:1px solid #BCBCBC;
	text-align:left;
	padding:0 0 0 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	text-decoration:none;}

#leftcolumn .leftnav a:hover{ 
	text-decoration:underline;
	background:url("../images/leftnav_bkg.gif");
	color:#666; }


/*#leftcolumn
____________________________________________________________*/

#leftcolumn{
	float:left;
	display:inline;
	width:212px;
	background-color:#fff;
	padding:0 0 20px 0;
	margin:-19px 0 0 0;/*interior style*/
	background: transparent url(../images/left_bkg.gif) top right repeat-y;}


#leftcolumn h2{
	line-height:19px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	padding:0 0 0 12px;
	margin:0;
	background-image: url(../images/h2_bkg.gif);}

#leftcolumn p{
	font-size:11px;
	color:#333;
	padding:0 15px 0 0;
	margin:0 0 0 12px;}
	
#leftcolumn .title{
 	margin:10px 0 0 11px;
	padding:0 15px 0 0;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color:#598ABB;
	font-weight:bold;}

#leftcolumn .title a, #leftcolumn .title a:visited{
	text-decoration:none;
	color:#598ABB;}	
	
#leftcolumn .title a:hover{
	text-decoration:underline;
	color:#598ABB;}	
	
#leftcolumn .readmore a{
	margin:3px 0 0 12px;
	display:block;
	text-align:left;
	font-weight:bold;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	background:url("../images/org_arrow.gif") 58px 5px no-repeat;
	color:#333333;
	text-decoration:none;}

#leftcolumn .readmore a:hover{ 
	text-decoration:underline;
	background:url("../images/org_arrow.gif") 58px 5px no-repeat;
	color:#333333; }
	
	
#leftcolumn .pquote a{
	margin:3px 0 0 12px;
	display:block;
	text-align:left;
	font-weight:bold;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	background:url("../images/org_arrow.gif") 75px 5px no-repeat;
	color:#333333;
	text-decoration:none;}

#leftcolumn .pquote a:hover{ 
	text-decoration:underline;
	background:url("../images/org_arrow.gif") 75px 5px no-repeat;
	color:#333333; }
	
	
#leftcolumn p a:link, #leftcolumn p a:visited{
	color:#E87018;
	text-decoration:underline;}

#leftcolumn p a:hover{ 
	text-decoration:underline;
	color:#333333; }

#leftcolumn .line{margin:10px 0 0 10px;}


/*#rightcontent
____________________________________________________________*/

#rightcontent{
	float:left;
	display:inline;
	width:605px;
	padding:0;
	margin:1px 0 0 0;}

#contentblock{/*interior style*/
	float:left;
	display:inline;
	width:580px;
	padding:0;
	margin:0;}
	
#contentblock h1{
	line-height:19px;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#31506F;
	line-height:23px;
	padding:0;
	margin:25px 25px 10px 25px;}
	
#contentblock h3{
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#5383B3;
	line-height:23px;
	padding:0;
	margin:0px 25px 0px 25px;}
	
#contentblock h3 a:link, #contentblock h3 a:visited{text-decoration:none;color:#5383B3;}
#contentblock h3 a:hover{text-decoration:underline;}

#contentblock h4{
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#5383B3;
	line-height:23px;
	padding:0;
	margin:0px 25px 0px 25px;}
		
#contentblock .readarticle a{
	margin:5px 0 0 0;
	display:block;
	text-align:left;
	font-weight:bold;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	background:url("../images/org_arrow.gif") 84px 5px no-repeat;
	color:#333333;
	text-decoration:none;}

#contentblock .readarticle a:hover{ 
	text-decoration:underline;
	background:url("../images/org_arrow.gif") 84px 5px no-repeat;
	color:#333333; }
	
.bodyspacer{
	margin:0px 25px 10px 25px;
	border-top:1px dotted #ccc;}	

#contentblock p{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px;
	color:#333;
	padding:0;
	margin:0px 25px 16px 25px;}

#contentblock p a:link, #contentblock p a:visited{
	color:#4881BB;
	text-decoration:underline;}
		
#contentblock p a:hover{
	color:#243A51;
	text-decoration:underline;}
	
#contentblock li{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
	color:#333;
	padding:0;
	margin:0px 25px 10px 10px;}
	
#contentblock ul{
	padding:0;
	margin:0px 25px 10px 45px;}
	
	
#contentblock ul.cms{
	padding:0;
	margin:-15px 25px 10px 45px;}
	
#contentblock li.cms{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	padding:0;
	margin:0px 25px 2px 10px;}
	
#contentblock h3.cms{
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#5383B3;
	line-height:23px;
	padding:0;
	margin:0px 25px 10px 25px;}
	

	

/*#footer
____________________________________________________________*/

#footer {
	height:60px;
	border-top:1px solid #BCBCBC;
	margin:0 0 20px 0;
	background: url("../images/footer_bkg.jpg") repeat-x;}

.btmnav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#666;
	margin:15px 0 0 237px;
	text-align:left;}

.btmnav a:link, .btmnav a:visited{
	text-decoration:none;
	color:#666;}

.btmnav a:hover{
	text-decoration:underline;
	color:#4A6783;}

.copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	margin:10px 0 0 237px;
	text-align:left;}
		
.copyright a:link, .copyright a:visited {
	text-decoration:none;
	color:#999;}

.copyright a:hover{
	text-decoration:underline;
	color:#4A6783;}





/*#forms
____________________________________________________________*/


#contentblock h5{
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:23px;
	padding:0 0 0 10px;
	margin:0;
	background-color:#7B9FC4;
	margin:0px 25px 10px 25px;}

#contentblock td{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
	color:#333;
	padding:5px;}
	
#contentblock table{
	margin:0px 25px 16px 25px;}
	
#contentblock input{
	width:225px;
	border: 1px solid #c9c9c9;
	line-height: 2em;
	padding: 3px;
	background: #fff url('../images/background-input.gif') no-repeat 0 0;}
	
#contentblock textarea{
	width:250px;
	border: 1px solid #c9c9c9;
	background: #fff url('../images/background-input.gif') no-repeat 0 0;}
	
#contentblock select{
width:150px;
	border: 1px solid #c9c9c9;
	line-height: 2em;
	padding: 3px;
	background: #fff url('../images/background-input.gif') no-repeat 0 0;}
	
	
#contentblock input:hover, #contentblock textarea:hover, #contentblock select:hover,
#contentblock input:focus, #contentblock textarea:focus, #contentblock select:focus {
  border: 1px solid #aaa;
  background-position: 0 -400px;
}
	
	
/*#photobox
____________________________________________________________*/
	


.photobox{
	width:512px;
	height:332px;
	border:1px solid #E6E5E7;
	background-color:#F2F2F2;
	padding:4px;
	margin:5px 0 5px 25px;}
	
.display{
	width:512px;
	height:287px;
	background-color:#fff;
	padding:0;
	margin:0;}
	
	
.photobox_sm{
	float:left;
	display:inline;
	width:253px;
	height:155px;
	border:1px solid #E6E5E7;
	background-color:#F2F2F2;
	padding:4px;
	margin:5px 0px 25px 25px;}
	
.display_sm{
	width:253px;
	height:125px;
	border:1px solid #fff;
	background-color:#fff;
	padding:0;
	margin:0;}
	
	
div.transON {width: 100%; background-color: silver; }
div.transOFF  {width: 100%; background-color: silver;opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.6; }


.photobox .name{
	float:left;
	font-size:11px;
	font-weight:normal;
	font-family:"Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	color:#333;
	padding:0;
	margin:20px 0 0 0;}
	
.photobox .date{
	float:right;
	font-size:11px;
	font-weight:normal;
	font-family:"Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	color:#333;
	padding:0;
	text-align:right;
	margin:20px 0 0 0;}
	
.photobox_sm .name{
	float:left;
	font-size:11px;
	font-weight:normal;
	font-family:"Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	color:#333;
	padding:0;
	margin:7px 0 0 0;}
	
.photobox_sm .date{
	float:right;
	font-size:11px;
	font-weight:normal;
	font-family:"Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	color:#333;
	padding:0;
	text-align:right;
	margin:7px 0 0 0;}
	
	
.didbar{
	font-size:10px;
	font-weight:normal;
	font-family:"Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	color:#333;
	padding:0;
	margin:10px 25px 10px 25px;}


		
/*#quotes
____________________________________________________________*/

	
p.person{
	font-size:11px;
	font-weight:normal;
	text-align:right;
	font-family:"Lucida Sans Unicode",Arial,Helvetica,sans-serif !important;
	color:#333;
	padding:0;
	line-height:16px !important;
	margin:0 61px 20px 0 !important;}
	
blockquote {
	background:transparent url(../images/quote-open.gif) no-repeat scroll left 5px;
	font-style:italic;
	line-height:2em;
	margin:10px 0 0 30px;
	padding:2em 0pt 0pt 0px;
	width:93%;
	text-align:justify;}
	
blockquote p {
	background:transparent url(../images/quote-openr.gif) no-repeat scroll right bottom;
	display:block;
	font-family:Georgia,"Times New Roman",Times,serif !important;
	line-height:18px !important;
	padding:0 25px 13px 0 !important;}