/* Layout Stylesheet */ 

body {
	margin:0px;
	color: #000000;
	text-align:center;
	padding:0;
	font-size: 12px;
	background-color: #FFFFFF;
	background-image: url(Images/body_bg.gif);
	font-family: Century Gothic, Times, Times New Roman;
	background-repeat: repeat-x;
 }

a:active{outline: none;}

a:hover active{outline: none;}

.hide {
	display: none
}
.pic_right {
	float: right;
	padding: 5px;
	margin: 0;
}
.centertext{text-align:center}

.righttext{text-align:right;}

.larger{
	font-weight: bold;
	font-style: normal;
	font-size:16px;
	font-variant: small-caps;
}

.largecenter{
	font-weight: bold;
	font-style: normal;
	font-size: 15px;
	font-variant: small-caps;
	text-align:center;
}

#outer {
	text-align:left;
	width:825px;
	margin:auto;
	border-style: none;
 }

#header {
	height:177px;
	color: #333333;
	background-image: url(Images/header_bg.gif);
	width: 825px;
 }
	
#header a{
	color: #ffffff;
	font-family: Century Gothic, Times, Times New Roman;
	font-variant: small-caps;
	text-decoration: none;
	font-weight: normal;
	text-transform: lowercase;
	font-size: 12px;
}
#header a:hover{
	color: #ffffff;
	text-decoration: underline;
}
	
#header p.logo{width: 486px; float: left;}

#header p.toplinks{	width: 227px;	float:right;	text-align:center;	color:#FFFFFF;	margin-top: 10px; clear:right;}

#header p.quote{	float: right;	width: 600px;	padding-right: 35px;	color: #FFFFFF;	margin-top: 10px;	font-size: 13px;}


#bodyblock {
	position:relative;
	color: #333333;
	width:825px;
	position:relative;
	padding:0;
	margin: 0px;
	overflow:hidden;
 }

#leftcol {
 float:left;
 color: #000000;
 width:229px;
 }
#topmenu{
	width: 229px;
	height: 416px;
	float: left;
	padding: 0;
	background-image: url(Images/menu_bg.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin: 0;
}
#topmenu ul{
	width:180px;
	height: auto;
	float: right;
	padding-right:15px;
	padding-top: 3px;
	background-repeat: no-repeat;
	margin: 0px;
}

#topmenu li{
	width: 165px;
	height:40px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#topmenu a:visited{
	text-decoration: none;
}

#topmenu ul li.home{width:165px; height:40px;}
#topmenu ul li.home a{width:165px;height:40px;display:block;background-image: url(Images/home.gif);background-repeat: no-repeat;background-position: 0 0;}
#topmenu ul li.home a:hover{width:165px;height:40px;background-image: url(Images/home_over.gif);background-repeat: no-repeat;background-position: 0 0;}

#topmenu ul li.aboutlynell{width:165px; height:40px;}
#topmenu ul li.aboutlynell a{width:165px;height:40px;display:block;background-image: url(Images/aboutlynell.gif);background-repeat: no-repeat;background-position: 0 0;}
#topmenu ul li.aboutlynell a:hover{width:165px;height:40px;background-image: url(Images/aboutlynell_over.gif);background-repeat: no-repeat;background-position: 0 0;}

#topmenu ul li.news{width:165px; height:40px;}
#topmenu ul li.news a{width:165px;height:40px;display:block;background-image: url(Images/news.gif);background-repeat: no-repeat;background-position: 0 0;}
#topmenu ul li.news a:hover{width:165px;height:40px;background-image: url(Images/news_over.gif);background-repeat: no-repeat;background-position: 0 0;}

/* #topmenu ul li.tools{width:165px; height:40px;}
#topmenu ul li.tools a{width:165px;height:40px;display:block;background-image: url(Images/tools.gif);background-repeat: no-repeat;background-position: 0 0;}
#topmenu ul li.tools a:hover{width:165px;height:40px;background-image: url(Images/tools_over.gif);background-repeat: no-repeat;background-position: 0 0;} */

#topmenu ul li.workbook{width:165px; height:40px;}
#topmenu ul li.workbook a{width:165px;height:40px;display:block;background-image: url(Images/workbook.gif);background-repeat: no-repeat;background-position: 0 0;}
#topmenu ul li.workbook a:hover{width:165px;height:40px;background-image: url(Images/workbook_over.gif);background-repeat: no-repeat;background-position: 0 0;}

/* #topmenu ul li.subscribe{width:165px; height:40px;}
#topmenu ul li.subscribe a{width:165px;height:40px;display:block;background-image: url(Images/subscribe.gif);background-repeat: no-repeat;background-position: 0 0;}
#topmenu ul li.subscribe a:hover{width:165px;height:40px;background-image: url(Images/subscribe_over.gif);background-repeat: no-repeat;background-position: 0 0;} */

#topmenu ul li.getting{width:165px; height:40px;}
#topmenu ul li.getting a{width:165px;height:40px;display:block;background-image: url(Images/getting_in_the_door.gif);background-repeat: no-repeat;background-position: 0 0;}
#topmenu ul li.getting a:hover{width:165px;height:40px;background-image: url(Images/getting_in_the_door_over.gif);background-repeat: no-repeat;background-position: 0 0;}

#topmenu ul li.resources{width:165px; height:40px;}
#topmenu ul li.resources a{width:165px;height:40px;display:block;background-image: url(Images/resources.gif);background-repeat: no-repeat;background-position: 0 0;}
#topmenu ul li.resources a:hover{width:165px;height:40px;background-image: url(Images/resources_over.gif);background-repeat: no-repeat;background-position: 0 0;}

#topmenu ul li.testimonials{width:165px; height:40px;}
#topmenu ul li.testimonials a{width:165px;height:40px;display:block;background-image: url(Images/testimonialbtn.gif);background-repeat: no-repeat;background-position: 0 0;}
#topmenu ul li.testimonials a:hover{width:165px;height:40px;background-image: url(Images/testimonialbtn_over.gif);background-repeat: no-repeat;background-position: 0 0;}


#topmenu ul li.contact{width:165px; height:40px;}
#topmenu ul li.contact a{width:165px;height:40px;display:block;background-image: url(Images/contact.gif);background-repeat: no-repeat;background-position: 0 0;}
#topmenu ul li.contact a:hover{width:165px;height:40px;background-image: url(Images/contact_over.gif);background-repeat: no-repeat;background-position: 0 0;}

#extra{
	background-image: url(Images/extra_extra.gif);
	height: 202px;
	width: 222px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}

#extra p.read{
	margin-top: 70px;
	width: 175px;
	margin-left: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 16px;
	float: left;
}

#extra a{
	text-decoration: none;
	color: #000000;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #c92026;
}

#extra a:hover{
	text-decoration: none;
	color: #c92026;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

#quicklinks{
	background-image: url(Images/quicklinks_bg.gif);
	height: 173px;
	width: 222px;
	margin-top: 5px;
	margin-left: 5px;
	float:left;
}

#quicklinks h1{
	margin-top:10px;
	text-align: center;
}

#quicklinks ul{
	width:190px;
	float:left;
	font-size:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 6px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}

#quicklinks ul li{
	margin:0;
	float:left;
	list-style-type: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	line-height: 18px;
}

#quicklinks ul li a{
	display:block;
	background-image: url(Images/red_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 3px;
	color: #000000;
	font-size: 13px;
	text-align: left;
}

#quicklinks ul li a:hover{
	display:block;
	background-image: url(Images/red_arrow_over.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 3px;
	color: #c92026;
	font-size: 13px;
}



#contents {
	width:596px;
	color: #000000;
	float:left;
	text-align:left;
	background-color: #ffffff;
	background-image: url(Images/image_bg.gif);
	background-repeat: no-repeat;
	overflow:hidden;
 }
	
	#contents p.areyou{
	width: 250px;
	float:left; 	margin-top: 20px;
	clear:both;
}

#contents p.questions{
	width: 250px;
	font-size: 13px;
	font-weight: bold;
	margin-top: 10px;
	float:left;
	clear: both;
	line-height: 20px;
}

#contentsbody{
	margin-top: 10px;
	margin-left: 15px;
	float: left;
	width: 560px;
	font-size: 13px;
	line-height: 18px;
}

#contentsint {
	width:596px;
	color: #000000;
	float:left;
	text-align:left;
	background-color: #ffffff;
	background-image: url(Images/header_int.gif);
	background-repeat: no-repeat;
	overflow:hidden;
 }
	#contentsintbody{
	margin-top: 150px;
	margin-left: 15px;
	float: left;
	width: 560px;
	font-size: 13px;
	line-height: 18px;
}

	#contentsintbody a{
	color: #c92026;
	text-decoration: none;
}
	#contentsintbody a:hover{
	color: #c92026;
	text-decoration: underline;
}
	
#contentsintbody h2{
	font-weight: bold;
	color: #000000;
	font-size: 15px;
}

#contentsintbody h3{
	font-weight: normal;
	color: #c92026;
	font-size: 13px;
}

#column1{width: 185px; float:left;}
#column2{width: 185px; float:left;}
#column3{width: 185px; float:left; clear:right;}

#column4{width: 400px; float:left; clear:right; padding-left: 50px;}


#quicklinksint{
	background-image: url(Images/quicklinks_body.gif);
	height: 142px;
	width: 393px;
	margin-top: 5px;
	margin-left: 80px;
	float:left;
}

#quicklinksint h1{
	margin-top:15px;
	margin-bottom:0;
	text-align: center;
}

#quicklinksint ul{
	width:385px;
	float:left;
	font-size:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 6px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}

#quicklinksint ul li{
	margin:0;
	float:left;
	width: 375px;
	list-style-type: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	display: block;
	clear: left;
	padding-left: 0;
	line-height: 18px;
}

#quicklinksint ul li a{
	display:block;
	background-image: url(Images/red_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 3px;
	color: #000000;
	font-size: 13px;
	text-align: left;
}

#quicklinksint ul li a:hover{
	display:block;
	background-image: url(Images/red_arrow_over.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 3px;
	color: #c92026;
	font-size: 13px;
}

#subscribe{clear: both;}

#subscribe ul li{
	width:260px;
	height:45px;
	margin-left: 110px;
	list-style-type: none;
}
#subscribe ul li a{
	width:256px;
	height:42px;
	display:block;
	background-image: url(Images/subscribebtn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-type: none;
}

#subscribe ul li a:hover{
	width:256px;
	height:42px;
	display:block;
	background-image: url(Images/subscribebtn_over.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-type: none;
}

#purchase{}

#purchase ul li{
	width:260px;
	height:45px;
	margin-left: 110px;
	list-style-type: none;
}
#purchase ul li a{
	width:256px;
	height:42px;
	display:block;
	background-image: url(Images/purchasebtn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-type: none;
}

#purchase ul li a:hover{
	width:256px;
	height:42px;
	display:block;
	background-image: url(Images/purchasebtn_over.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-type: none;
}
#sociallinks{
	background-image: url(Images/social_bg.gif);
	background-repeat: no-repeat;
	height: 81px;
	width: 825px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	clear:both;
}

#sociallinks p.linked{
	text-align: center;
	width: 605px;
	display:block;
	padding-left: 110px;
	margin: auto;
	float: left;
}


/* FOOTER SECTION */
#footer{
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	padding: 0px;
	background-color: #9cb1d4;
}
#footerbody{width: 825px;height: auto;position:relative;margin-top: 0;background-position: 0 0;margin-right: auto;margin-bottom: 0;margin-left: auto;padding: 0;color:#000000;font-size: 12px;}

#footerbody p{width:800px;position:relative;left:0px;text-align: center;font-size: 13px;line-height: 20px;padding-top: 5px;padding-bottom: 10px;position:relative;margin:0 auto;}

#footerbody a{
	color:#000000;
	text-decoration:none;
	padding-top: 0;
	font-size: 12px;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 3px;
	font-weight: bold;
}

#footerbody a:hover{
	text-decoration:underline;
	color: #3d62a8;
	font-weight: bold;
}

#footerbody p.copyright{width:350px;position:relative;margin:0 auto;text-align: center;padding-top:20px;}

#footerbody p.logo{width: 110px;height: 90px;float:right;position:relative;padding-top:0px;padding-right:75px;padding-bottom:0;}

#footerbody p.vfs{width:350px;position:relative;margin:0 auto;text-align: left;padding-top:20px;}




#footer p.html{width: 85px;height:50px;float:left;left: 30px;}

#footer p.html a{width:85px;height: 50px;background-image: url(images/W3c.gif);background-repeat: no-repeat;background-position: 0 0;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;position:absolute;top:0px;}
#footer p.html a:hover{color:#FFFFFF;text-decoration:none;background-image: url(images/W3c_over.gif);background-repeat: no-repeat;background-position: 0 0;}
#footer p.htmlcss{width: 85px;height:50px;float:left;left: 70px;}
#footer p.htmlcss a{display:block;width:85px;height: 50px;background-image: url(images/w3ccss.gif);background-repeat: no-repeat;background-position: 0 0;padding-left: 15px;position:absolute;top:0px;}
#footer p.htmlcss a:hover{color:#FFFFFF;text-decoration:none;background-image: url(images/w3ccss_over.gif);background-repeat: no-repeat;background-position: 0 0;}

.hiddenPic {display:none;}