@charset "iso-8859-1";

body {
    padding:6px;
    background:url(images/bg_forBody.gif);
    font-family:Arial;
}
h1,h3{font-family:"Times New Roman";}	 

font.signUpHeader { 
		font-family: "Times New Roman";
		font-size: 28px;
		font-style: italic;
		font-weight: bold;
}
font.signUpText { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
}
font.quote { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: italic;
}
font.quoteAuthor { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
}
font.footer { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: bold;
}
font.listenerComment { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: italic;
}
font.pageBodyHeader1 { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-style: italic;
		font-weight: bold;
}
font.pageBodyHeader2 { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
}
font.pageBodyHeader2noBold { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
}
font.pageBodyHeader3 { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: italic;
		font-weight: bold;
} 
font.pageBodyText { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
}
font.errorMsg { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-style: italic;
		font-weight: bold;
		color: #581212;
}
font.smallBox {	 
		font-family: "Times New Roman";
		font-weight: bold; 
		font-size: 24px; 
		color: #581212;
}
font.signature {
		font-family: Bradley Hand ITC, cursive;
		font-size: 24px;
		font-style: italic;
		font-weight: bold;
		color: #000000;
}

a.basicLink {	/* Used in footer - can be used elsewhere */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-decoration: underline;
	color: #581212;
}
	a.basicLink:hover {	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
		text-decoration: underline;
		color: #fff;
}
a.pageBodyHeader1Link {	/* For links in pageBodyHeader1 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
	color: #581212;
}
	a.pageBodyHeader1Link:hover {	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-style: italic;
		font-weight: bold;
		text-decoration: underline;
		color: #fff;
}
a.imgLink {	/* image links, e.g., books */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	color: #581212;
} 

.listen {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 30px;
	font-style: normal;
	text-decoration: none;
	padding: 6px 6px 6px 30px;
	height: 38px;
	width: 140px;
	position:absolute;
    top:96px;
    left:515px;
	margin: 8px 90px;
	color: #fff;
	background: url(images/listenButtons.png);
	background-repeat:no-repeat;
    background-position:-7px -12px;
	border: 2px solid #453D3D;
}
	.listen a {
		text-decoration:none;
	}
		a.listen:hover { 
			background-position:-7px -73px;
}

img.pushPin-left {
	vertical-align:top;
	margin-left:10px;
	margin-right:15px;
}
img.pushPin-right {
	vertical-align:top;
	margin-left:15px;
}

.content{
    margin:0 auto;
    padding:16px;
    width:800px;
    border:2px solid #FFF;							 
    background:url(images/bg_notes.jpg); 
	position:relative;
}

.pageBox1 {	
    width:600px;
    position:relative;
    left:50px;
    top:5px;
	margin:20px;
    padding:8px;
	background:url(images/bg_pageBox.jpg);
} 
.pageBox2 {	
    width:600px;
    position:relative;
    left:10px;
    top:5px;
	margin:15px;
    padding:8px;
	background:url(images/bg_pageBox.jpg);
} 
.pageBox3 {	
    width:550px;
    position:relative;
    left:65px;
    top:5px;
	margin:22px;
    padding: 8px;
	background:url(images/bg_pageBox.jpg);
}
.pageBox4 {	
    width:525px;
    position:relative;
    left:40px;
    top:5px;
	margin:18px;
    padding:8px;
	background:url(images/bg_pageBox.jpg);
}
.pageBox5 {	
    width:505px;
    position:relative;
    left:100px;
    top:5px;
	margin:10px;
    padding:8px;
	background:url(images/bg_pageBox.jpg);
}
.pageBox6 {	
    width:545px;
    position:relative;
    left:90px;
    top:5px;
	margin:17px;
    padding:8px;
	background:url(images/bg_pageBox.jpg);
}
.footer{
    margin:0 auto;
    padding:16px;
    width:800px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
    text-decoration:none;
}
.header{
    width:564px;
    margin:0 auto;
    background:url(images/workmatters_header.gif) no-repeat -395px 0 #581212;
    border:2px solid #182014;
    padding-top:105px;
    /*trans*/
}
.mainBody{
    width:564px;
    padding:0px 18px 18px 18px;
    /*background:url(images/bg_canvas.jpg);*/
    margin:0 auto;
    margin-left:20px;
}
	.mainBody .photo{
    	width:380px;
    	height:400px;
    	background:url(images/nan_mainPage.jpg) no-repeat;
    	border:8px solid #FFF;
    	margin:12px auto;
}
.tagline{
    background:#3B5998;
    font-family:"Times New Roman";
    font-size:22px;
    font-style:italic;
    color:#fff;
    width:300px;
    float:right;
    /*
    right:400px;*/
    position:relative;
    left:-120px;
    top:-26px;
    padding:8px;
}
.clearer{clear:both;
}
.signup{
    background:url(images/bg_blueSwirls.gif) #3B5998;
    display:block;
    padding:6px;
    position:absolute;
    top:161px;
    left:516px;
    width: 220px;
    font-size:14px;
   /* margin-bottom: -24px; */
   
}
.thoughts{
   background:url(images/bg_pinkishFlower.gif);
   display:block;
   padding:8px;
   /* margin-top:12px; */
   margin-left:26px;
   /* position:relative; */
   position:absolute;
   top: 477px;
   left: 512px;
   margin-top: 0px;
   width: 230px;
   font-size:14px;
}
.tips{
   background:url(images/bg_pinkishTree.jpg);
   display:block;
   padding:6px;
   position:relative;
   margin-top: -20px;
   margin-left: 30px;
   width:600px;
}
.stickOnBox {	/* used on The Show at bottom; use this and then add width and background */
	display: inline-block;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	text-align: center; 
	position:relative;
	padding: 6px; 
	/* margin: 5px;  */
	color: #581212;
}
	.stickOnBox a {
		color: #581212;
		text-decoration: none;
}
	.stickOnBox a:hover {
		color: #fff;
		text-decoration: none;
}

.pageSticky {
	display: inline;
	width:475px;
	padding: 4px;
	color: #000;
	margin-top: 15px;
	margin-left:50px;
	margin-bottom:15px;
	background-color: #f0e5d8;
	border-left: 23px solid #C0A78C;
	border-bottom: 1px solid #808080;
	border-right: 2px solid #808080; 
	}
	.pageSticky a {
		font-family: Courier;
		font-size: 18px;
		font-weight: bold;
		text-align:left;
		text-decoration:none; 
		color: #581212;
	}
	.pageSticky a:hover {
		font-family: Courier;
		font-size: 18px;
		font-weight: bold;
		text-align:left;
		text-decoration:none; 
		color: #004CA2;
	}	
.btn-signUp {
    margin:12px 20px 0px 12px;
    float:right;
    padding:8px;
    background:url(images/bg_canvas.jpg);
    border:1px solid #666;
} 
	.btn-signUp:hover {
		opacity:0.6;
		filter:alpha(opacity:80);
}
.btnAskNan {
    margin:5px auto;
    padding:4px;
    color: #000;
    border:2px solid #666;
}

/*NAV*/
#tabs{
    margin:0 16px;
}

	#tabs a.tab {	
		font-family:"Times New Roman";
		font-size:18px;
		font-weight:bold;
		color:#000;
		text-decoration:none;
}
		#tabs a.tab:hover {	
			font-family:"Times New Roman";
			font-size:18px;
			font-weight: bold;
			color:#004CA2;
			text-decoration:none;
}
	#tabs a.tabOn {	/* The tab that is the page we are on */
		font-family: Arial;
		font-size: 20px;
		font-weight: bold;
		font-style: italic;
		text-decoration: none;
		color: #581212;
}
	#tabs a.tabOn:hover {
			font-family: Arial;
			font-size: 20px;
			font-weight: bold;
			font-style: italic;
			text-decoration: none;
			color: #004CA2;
}
#tabs ul {
    margin:0 auto;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	font-family:"Times New Roman";
	font-size:18px;
	color:#000;
	} 
#tabs ul li {
	margin-left: 12px;
	margin-bottom: 0;
	padding: 6px 13px 5px;
	/*border: 1px solid #182014;*/
	background:url(images/bg_canvas.jpg) no-repeat #581212;
	list-style: none;
	display: inline;
	}
#tabs ul li.here {
	border-bottom: 1px solid #ffc;
	list-style: none;
	display: inline;
	}