@charset "utf-8";
/* CSS Document */

/* ++++++++++ global general styles start ++++++++++*/	

html, body {
	margin:0px;
	padding:0px;
	font: 13px Arial, Helvetica, sans-serif;
	color:#fff;
	background:#bf8fc3;/*light purple*/

	}
image{border:none;}
a:link { color:#6A00D5}
a:visited { color:#FF5A00; }
a:active { color:#FFC600; }
a:hover { color:#000000; } 	

/*div {border:2px solid black;}*/

/* ++++++++++ global general styles end ++++++++++*/	

/* ++++++++++ global structure styles start ++++++++++*/

#main-center {
	text-align:left;
	}	

#main {
	position: relative;
	width: 770px; /* change this to a specific amount for a fixed design. E.g., 770px. */
/* remove these comment tags if the page is to be centered*/
	margin-left: auto;
	margin-right: auto;
	text-align:left;	
	}	

#header {
	width:770px;
	/*background:bf8fc3;
	font-family: Vivaldi, "Myriad Pro", sans-serif;
	font-style:italic;
	font-size:48px;
	color:#FFF;
	text-align:center bottom;
	vertical-align:baseline;*/	
 
 background-image: url(images/headerComplete.jpg);
 background-repeat:no-repeat;
 background-position:right top;
 height:142px;
	}	
	

#header-photos {
	width:125px;
	/*background-image: url(../images/A5-image-logo100.gif);*/
	background-repeat:no-repeat;
	height:142px;
	/*background:aqua;*/
	float:left;	
	}	

#content {
		width:770px;	  
		background-image:url(images/envelope.jpg);
		background-repeat:no-repeat;
		background-position:left top;
		min-height:400px;
         }
#contentopen {
		width:770px;	  
		background-image:
		url(images/layeredlogobg.jpg);
		background-repeat:no-repeat;
		background-position:left top;
		min-height:400px;
         }
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* backslash hack hides from IE mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */

	#column-left-menu  {
		/*background:#bf8fc3;*/
	
		width:150px;
		float:left;	
		padding:5px;
		}

		#column-left-menu   ul {
					margin: 0;
					padding: 0;
					list-style: none;
					width: 150px;
		}
		#column-left-menu  ul li {
			line-height:30px;/*this sets the space around the text*/
	
			font-weight:bold;	
			position: relative;
		}
		
		#column-left-menu   li ul {
					position: absolute;
					left: 149px;
					top: 0;
					display: none;
		}
		#column-left-menu    ul li a  {
					display: block;
					text-decoration: none;
					color: #eee;
					background: #815585;
					padding: 5px;
					border: 1px solid #4ca9c3;/*turq border*/
					border-bottom: 0;
	}
	/* Hover Styles */

	
#column-left-menu ul li a:hover, #column-left-menu li ul li a { color:#fff; background:#773377 }/*darker purple with white*/
/* Sub Menu Styles */ 
#column-left-menu li ul li a { padding: 2px;border-bottom:1px solid #4ca9c3; font-size:.8em; } /*turq border*/
	
	
                          /* causes sub menu to display when I hover over main menu */
  	#column-left-menu   li:hover ul, #column-left-menu li.over ul { display: block; }


		
		#center{
		/*background:green;	*/
		margin-left:150px;	
		padding:5px 5px 5px 20px;
		}					
		#center2 {

	background:url(images/envelopecopy.jpg) no-repeat bottom  right ;
	height:400px;

	
		margin-left:150px;	
		padding:25px 5px 5px 20px;
		}	
		
	#center2 img { position:

	
		}	


	#column-right{
		background:url(images/rtcol.jpg) no-repeat;	
		/*left-margin:680px;	*/
		float:right;
		width:150px;
		padding:5px;
		min-height:400px;
    }	

		

	#extra-box 
	{float:right;
	background:#815585;
	width:150px;
	margin-right:5px;
	padding:5px;
	
}	

#menu{
    width:770px;
	color:#e7afff;
	background:#622a66;		/*dark purple*/
	height:22px;	
	/*margin-left:150px;*/
	border-top:2px solid #e7afff;
	border-bottom: 2px solid #e7afff;
		
		}	
		
#menu ul{
	margin: 0;
	padding:3px 0;
	
	}
	
#menu li {float:right; /*causes the list to align horizontaloly instead of stack*/
list-style-type:none;/*removes bullets*/
background:#622a66;		/*dark purple*//*sets bg of list menu items*/	
	}

#menu a {
	padding:1px 15px;  /*puts space between items*/
	text-decoration:none; /*removes underlining of links*/
	color:#e7afff;	
	}
	
	#menu a:hover { background-color:#815585;
	color:#FFF;
		
	}
	#footer {
		width:770px;
		background:#815585;	/*med purple*/
		height:55px;
		padding:1px;
		}

	#footer a {
	padding:1px 15px;  /*puts space between items*/
	text-decoration:none; /*removes underlining of links*/
	color:#e7afff;
	
	}
	#footer a p {margin:0;
		
	}
	#footer p  span {
		text-align:right;
	
	}
.clearfloat {clear:both;}

	/* ++++++++++ global structure styles end ++++++++++*/	
/*Hacks*/
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left;  height: 1%;}
* html ul li a { height: 1%; }
/* End Hacks */
#nav{
	}