/* CSS Document */



body {
	  color:#000;
	  font-family: Verdana, Arial, san-serif;
	  font-size: 13px;
	  text-decoration:none;
	  margin: 0px;
	  background: url(images/ties-title-bg.jpg) no-repeat;
}

#sub-title {
	float:left;
	width:380px;
	padding:10px;
	font-family:  Book Antiqua, Times, serif ;
	font: 14.5px/1, Book Antiqua, Times, Times New Roman,serif;
	font-weight: bold;
	color:#fff;
	
}  

#content-home {
    margin-left:270px;
    background: url(images/ties-lady-bg.png) no-repeat;
	height:800px;
	width:680px;
}  


#content {
    color:#000;
    margin-left:271px;
	height:600px;
	width:720px;
}  



#nav {
float:left;
}  

#intro {
	float:right;
	font-family: Verdana, Arial, san-serif;
	font-size: 14px;
	line-height: 17px;
    color:#000000;
	margin-top: 30px;
	width:270px;

}  

#essay {
	float:right;
	font-family: Verdana, Arial, san-serif;
	font-size: 13px;
	line-height: 15px;
	margin-right:30px;
	}

#apron-group {
    color:#000;
	float:right;
	margin-top: 0px;
	width:480px;

}  

#apron-group-text {
	font-family: Verdana, Arial, san-serif;
	font-size: 14px;
	line-height: 18px;
    color:#000000;
	width:260px;
}


#apron-caption-text {
	font-family: Verdana, Arial, san-serif;
	font-size: 13px;
	line-height: 15px;
    color:#000000;
	width:450px;
}



#quote  {
	float:right;
	width: 190;
	font-family:  Book Antiqua,Times, serif ;
	font: 20px/1, Book Antiqua, Times, serif;
	color:#CC0000;
	font-size: 20px;
	font-style:italic; 
	margin-left:20px;
}

.quote-name  {

	font-family:  Verdana, Arial, san-serif;
	font: 12px/2, Verdana, Arial, san-serif;
	color:#CC0000;
	font-size: 12px;
}

#apron-single {
	float:right;
	margin-top: 0px;
	width:520px;

}  

#apron-icons {
	color:#999999;
    margin:0px;
}  

#photos {
	font-family: Verdana, Arial, san-serif;
	font-size: 12px;
	font-weight:bold;
	float:right;
	width:550px;
    color:#000;

}  

#story {
   color:#000;
   font-size: 13px;
	float:right;
	margin-top: 0px;
	width:464px;
	margin-right:30px;
	

}  

#story-quote  {
color:#000;
	font-family:  Book Antiqua,Times, serif ;
	font: 20px/1.2, Book Antiqua, Times, serif;
	font-size: 20px;
	margin-top:0px;
	margin-bottom:0px;	
    font-style:italic; 

}

#para {
    color:#000;
	font-family: Verdana, Arial, san-serif;
	font-size: 13px;
	float:right;
	margin-top: 0px;
	width:520px;

}  

#apron-view {
	width:150px;
	float: left;
	font-family: Verdana, Arial, san-serif;
	font-size: 14px;
	display:inline;
    font-weight:bold;
	text-align:right;
}  

#right-col {
	width:185px;
	float: right;
		margin-left:30px;
}  

.quote-red {
	font-family:  Book Antiqua,Times, serif ;
	font: 20px/1.2, Book Antiqua, Times, serif;
	color:#CC0000;
	font-size: 20px;
	font-style:italic; 
	}

	h1 {
    font-family:  Book Antiqua, Times, serif ;
	font: 15px/1, Book Antiqua, Times, Times New Roman,serif;
	
	color:#CC0000;
	font-size: 27px;
	margin-top:0px;
	margin-bottom:0px;
	}
	
	h2 {
	font-family:  Book Antiqua,Times, serif ;
	font: 15px/1.4, Book Antiqua, Times, serif;
	color:#CC0000;
	font-size: 20px;
	margin-top:0px;
	margin-bottom:0px;
	}

	a {
	text-decoration:none;
	color:#DE1111;
	}
	
	a:hover {
	text-decoration:none;
	color:#FA4306;

	}
	



	
	
.details {
font-size: 80%;
}
	


/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! MyCSSMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* MyCSSMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:150px;
		background-color:transparent;
		border-width:1px 2px 1px 2px;

	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 5px 5px 8px;
		 
		color:#000000;
		font-family:Times;
		font-size:16px;
		text-decoration:none;
		border-width:2px 0px 2px 0px;
		border-style:solid;
		border-color:#FFFFFF;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	 #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		text-decoration:none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:10px 0px 10px 0px;
		background-color:#FFFFFF;
		border-width:1px;
		border-color:#CCCCCC;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		font-family:Arial;
		font-weight:bold;
		font-size: 14px;
		padding:5px 0px 5px 10px;
		margin:0px 0px 0px 0px;
		background-color:transparent;
		background-image:none;
		border-style:none;
		
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		color:#DD0000;
		background-color:#eee;
		
	}


	/*"""""""" (SUB) Active State""""""""*/	
	 #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#DDDDDD;
	
	}


	
		
	
.nav-main {
color:#FFFFFF;
font-size:19px;
}	


a.nav {
text-decoration:none;
color:#ffffff;
}
	
a.nav1  {
color:#FFFFFF;
background:#FA4306;
}	


a.nav2  {
color:#FFFFFF;
background:#DE1111;
}	

a.nav3  {
background:#990000;
}

a.nav4 {
background:#770573;
}	

a.nav5  {
background:#530577;
}	

a.nav6  {
background:#003399;
}	

a.nav7 {
background:#336699;
}	

a.nav8 {
background:#067C87;
}		

a.sub {
color:#000000;
}
	
	


	
	
/*  Tabbed content */


#tabbed_box_intro {
 	font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;

}

#tabbed_box_1 {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
	width:400px;
}
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {

	padding:8px;	
}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:0px;
	margin-bottom:0px;
}
ul.tabs li {
	list-style:none;
	display:inline;
	float:right;
}
ul.tabs li a {

	color:#000000;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;

}
ul.tabs li a:hover {

	border-color:#2f343a;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#ffffff;

}
.content {
	
	font-family:Arial, Helvetica, sans-serif;
	height:380px;
}
#content_2, #content_3 { display:none; }

.content ul {
	margin:0px;
	padding:0px 20px 0px 20px;
	
}
.content ul li {
	list-style:none;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:#a59c83;
}
.content ul li a:hover small {
	color:#baae8e;
}
	
	
	
	
	
	
	
.arrowlistmenu{
margin-top: 30px;
width: 130px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 21px   Times, serif;
height: 28px;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-top:3px;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 2px 0px 2px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;

margin:  0;
padding: 0;
margin-bottom: 0; /* was8 bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
margin: 0px;
padding-top: 0px;
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #000000;
display: block;
padding: 6px 0; /* between submenu items */
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}