/***********************************************/
/* based on emx_nav_left.css */
/* Used with template Halo_leftNav.html */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #663366;
	line-height: 1.166;
	margin: 0;
	padding: 0;
	background: url(images/bg_gradBlue.jpg) fixed;
	background-color: #C1BFD5;
}

p {
	font-size: small;
	margin: 10px 30px 10px 6px;
}

cite {
	color: #996699;
	font-size: 90%;
	display: block;
	margin: 25px;
}


pre {
	margin: 40px;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #CC0066;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper{
	position: relative;
	padding: 0;
	text-align: left;
	width: 720px;
	background-color: #ffffff;
	background-image:url(images/PurpleStripBG.jpg);
	background-repeat:repeat-y;
	float: right;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 012px;
	margin-left: auto;
}

#content{
	padding: 1px;
	margin:0 30px 0px 148px;
}


/************** header tag styles **************/

h1	{
	font-size: 100%;
	font-weight:normal;
	margin: 0;
	padding: 0;
}

h2	{
	 font-size:110%;
	 font-weight:normal;
	 margin: 0;
	 padding: 0;
}

h3{
	font: 145% normal Geneva, Arial, Helvetica, sans-serif;
	color: #7873BF;
	margin: 0;
	padding: 5px 0 0 0;
}

h4{
	 font: 110% normal Geneva, Arial, Helvetica, sans-serif;
	 color: #6666CC;
	 margin: 15px 0;
	 padding: 0px;
}

h5{
	 font: 110% normal Geneva, Arial, Helvetica, sans-serif;
	 color: #6666CC;
	 margin: 0;
	 padding: 0;
}

/*************** list and text tag styles ***************/

ul{
	 list-style-type: circle;
	 margin: 0;
}

.per120 {
	font-size: 120%;
}

.activitieslist li{
	margin: 15px 0 0 0;
}

.curlbreak {
	margin: 30px;
	padding-bottom: 1px;
}

.curlbreakthin {
	margin: 0 0 0 130px;
	padding-bottom: 1px;
}

/*************** Home styles ***************/

#homeheader1 {
	position: absolute;
	left: 0;
	text-indent: -5000px;
	background-image: url(images/MTBHomeBanner.gif);
	background-repeat: no-repeat;
	margin: 10px 10px 10px 130px;
	padding: 1px;
	width:450px;
	height: 35px;
}

.columnlefthome{
	float:left;
	width:50%;
	margin: 0;
	padding: 300px 0 10px 0;
}

.columnrighthome{
	float:right;
	width:45%;
	margin: 65px 0 0 0;
	padding: 0;
}

.columnlefthome2{
	float:left;
	width:170px;
	margin: 15px 0 0 55px;
	padding: 0;
}

/*************** The Book styles ***************/

#bookheader1 {
	position: absolute;
	left: 0;
	text-indent: -5000px;
	background-image: url(images/BookBanner.gif);
	background-repeat: no-repeat;
	margin: 10px 10px 10px 130px;
	padding: 1px;
	width:200px;
	height: 35px;
}

#bookheader2 {
	position: absolute;
	left: 0;
	text-indent: -5000px;
	background-image: url(images/BookText_over.gif);
	background-repeat:no-repeat;
	margin: 15px 10px 10px 336px;
	padding: 1px;
	width:275px;
	height: 35px;
}

.columnleftbook{
	float:left;
	width:163px;
	margin: 85px 0 -30px 0;
	padding: 0;
}

.columnrightbook{
	float:right;
	width:65%;
	margin: 100px 0 0 0;
	padding: 0;
}

.columnleftbook2{
	float:left;
	width:30%;
	margin: 0;
	padding: 0;
}

.columnrightbook2{
	float:right;
	width:49%;
	margin: 0;
	padding: 0;
}

.title {
	color: #663366;
	font-style: normal;
	font-family: bold "Times New Roman", Times, serif;
	font-size: 120%;
}

.bookstats{
	color: #996699;
	font-size: 90%;
	font-weight:bold;
	line-height: 1.5;
	list-style-type: none;
	list-style-position:inside;
	margin: 10px 0;
}

.substats {
	color: #663366;
	font-weight: normal;
	font-size: 90%;
	margin: 5px 5px 0 0;
	list-style-position:inside;
	line-height: 1.3em;
	text-decoration: none;
}


/*************** Conversation-Imagine styles ***************/

#conversationHeader {
	font: 3em "Times New Roman", Times, serif;
	color: #663366;
	margin: 30px 0 0 0;
	padding: 1px 0;
	font-weight: normal;
}

.convleadin {
	margin: 0 0 0 35px;
	font: 1.3em "Times New Roman", Times, serif;
}

.QandA {
	font: 1.6em "Times New Roman", Times, serif;
	color: #663366;
}
.convAnswer {
	margin: 15px 30px;
}

.call {
	font-size: 1.6em;
	font-family: "Times New Roman", Times, serif;
	color: #996666;
	margin: 2em .5em .5em -.5em;
}

/*************** Spiral styles ***************/

#spiralheader1 {
	position: absolute;
	left: 0;
	text-indent: -5000px;
	background-image: url(images/SpiralBanner.gif);
	background-repeat: no-repeat;
	margin: 10px 10px 10px 130px;
	padding: 1px;
	width:200px;
	height: 35px;
}

#spiralheader2 {
	position: absolute;
	left: 0;
	text-indent: -5000px;
	background-image: url(images/SpiralText_over.gif);
	background-repeat:no-repeat;
	margin: 15px 10px 10px 346px;
	padding: 1px;
	width:275px;
	height: 35px;
}

.columnleftspiral{
	float:left;
	width:25%;
	margin: 170px 0 0 40px;
	padding: 0 0 10px 0;
}

.columnrightspiral{
	float:right;
	width:60%;
	margin: 80px 0 0 10px;
	padding: 0;
}

.authorlist {
	margin: 0 0 0 90px;
	line-height: .9em;
}

/*************** AboutABU styles ***************/

#aboutABUheader1 {
	position: absolute;
	left: 0;
	text-indent: -5000px;
	background-image: url(images/AboutBanner.gif);
	background-repeat: no-repeat;
	margin: 10px 10px 10px 130px;
	padding: 1px;
	width:200px;
	height: 35px;
}

#aboutABUheader2 {
	position: absolute;
	left: 0;
	text-indent: -5000px;
	background-image: url(images/AboutText_over.gif);
	background-repeat:no-repeat;
	margin: 15px 10px 10px 350px;
	padding: 1px;
	width:275px;
	height: 35px;
}

.columnleftabout{
	float:left;
	width:49%;
	margin: 0;
	padding: 0 0 10px 0;
}

.columnrightabout{
	float:right;
	width:49%;
	margin: 0;
	padding: 0;
}


/********* Work styles *********/


#workheader1 {
	position: absolute;
	left: 0;
	text-indent: -5000px;
	background-image: url(images/WorkBanner.gif);
	background-repeat: no-repeat;
	margin: 10px 10px 10px 130px;
	padding: 1px;
	width:200px;
	height: 35px;
}

#workheader2 {
	position: absolute;
	left: 0;
	text-indent: -5000px;
	background-image: url(images/WorkText_over.gif);
	background-repeat:no-repeat;
	margin: 25px 10px 10px 336px;
	padding: 1px;
	width:275px;
	height: 35px;
}

#eventsarea {
	margin: 0 auto;
	background-color: #F9F7F9;
}

#eventsarea h3 {
	margin: 20px 20px;
}

#eventsarea h4 {
	margin: 5px 20px;
}

.eventtitle {
	font-size: 1.8em;
	color: #663366;
	margin: 25px 0 5px 0;
	padding-top: 10px;
	text-align:center;
	border-top:solid 1px #9999CC;

}

.eventdate {
	font-size: 1.6em;
	color: #853366;
	margin: .5em 0 .5em 0;
	text-align:center;
}

.eventdetails {
	color: #663366;
	font-size: medium;
	margin: .5em 0 .5em 0;
	text-align:center;
}

.curlbreakcenter {
	margin: 0 0 0 200px;
	padding: 10px 0 50px 0;
}

.poetry {
	font-family: "Comic Sans MS", cursive;
} 

/************ NavLinks styles **************/


#pageNavhome {
	position:absolute;
	left: 0;
	margin:50px 0 0 0;
	padding: 7px 0;
	width:105px;
}

#pageNav {
	position:absolute;
	left: 0;
	margin:0;
	padding: 7px 0;
	width:105px;
}

#homeLink {
	margin: 0;
	padding: 0 0 0 4px;
}

#sectionLinks{
	margin: 0;
	padding: 0 0 0 2px;
}

#sectionLinks li{
	margin: -2px 2px -4px 0;
	padding: 0;
	list-style:none;
}

#sectionLinks a:link, #sectionLinks a:visited {
	margin: 0;
	padding: 0;
}

#pagethread1	{
	position: absolute;
	left: 0;
	margin-left: 105px;
	margin-top: 102px;
	width: 250px;
	height: 1px;
	top: 9px;
}
#pagethread2	{
	position: absolute;
	left: 0;
	margin-left: 105px;
	margin-top: 149px;
	width: 239px;
	height: 1px;
	top: 4px;
}
#pagethread3	{
	position: absolute;
	left: 0;
	margin-left: 105px;
	margin-top: 192px;
	width: 253px;
	height: 1px;
}
#pagethread4	{
	position: absolute;
	left: 0;
	margin-left: 105px;
	margin-top: 245px;
	width: 239px;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}

.skipLinks {display: none;}



/************** feature styles *****************/

.feature{
	font-size: 80%;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 30px;
	margin: 30px;
}

html>body .feature {height: auto;}

.feature h3{
	font-size: 175%;
	font-weight: normal;
	padding: 10px 0px 5px 0px;
}

.feature img{
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
}

.storyBook {
	clear: both;
	padding: 10px 0px 0px 10px;
}

.story h3{
	font-size: 125%;
	font-weight: normal;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font-size: 1em;
	font-weight: normal;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}


.aboutcontact {
	clear: both;
	font-size: 120%;
	margin: .4em 0 0 180px;
	padding: 0;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font-size: 1em;
 font-weight: bold;
 color: #334d55;
}

/************** column styles *****************/

.clear {
	clear: both;
}

/************** footer styles ****************/

#footer{
	clear: both;
	font-size: small;
	color: #aaaaaa;
	padding: 20px 10px 25px 165px;
}

#bottomshadow{
	margin: 0 auto;
	padding: 1px 0;
	width: 720px;
	height:15px;
	display:block;
	background-image:url(images/footershadow.png);
	background-repeat:no-repeat;
	background-position:top;
}
