/*
*******************************************************

Title:			styleMain.css
Browser(s): 	All (except IE)

Author: 		Elliot Jay Stocks (elliotjaystocks.com)
Last modified:	23.11.2007

*******************************************************
*/




/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}





/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none; /* Gets rid of Firefox's dotted borders */ text-decoration:none }
a img { border:none } /* Gets rid of IE's blue borders */





/* Typography */

body, p, li, dt, dd, label, input, textarea { font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif }
h2, h3, h4 { font:24px/24px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif bold }
h1 a { background:url(../images/presentation/h1-03.gif) top left no-repeat; width:377px; height:90px; text-indent:-9999px; margin:0 0 14px 30px; border:none; display:block }
h1 a:hover { border:none }
h2, h4 { font-size:16px; line-height:20px; margin:0 0 2px 0; color:#692149 }
h2.homecontent { font-size:16px; line-height:7px; margin:0 0 2px 0; color:#692149 }
h3 { font-size:16px; line-height:20px; font-weight:bold; margin:20px 0 2px 0; color:#444 }
h3 a { color:#444 }
p { font-size:12px; line-height:21px; margin:0 0 25px 0; color:#444 }
li, dt, dd, label { font-size:11px; line-height:16px; color:#444 }
input, textarea { font-size:11px; color:#000; padding:2px }

a { color:#000; border-bottom:1px solid #79a615 }
a:hover { color:#000; border-bottom:3px solid #79a615 }

p.directoryIntro { font-size:14px; line-height:18px; font-weight:bold; margin:0 0 20px 0; color:#692149 }
p.wilsonSumbitDetails { font-size:16px; line-height:20px; color:#692149 }





/* Basic layout */

body { text-align:center; background:#692149 }
div.wrapper { text-align:left; width:786px; margin:0 auto; padding:20px 0 0 0; background:url(../images/presentation/wrapperBG01.gif) top left repeat-y; position:relative }

p.intro { font-size:14px; line-height:19px; margin:0 0 0 0; color:#444; padding:20px 40px 10px 30px }
div.homeImages { width:100%; height:237px; background:url(../includes/rotator/rotator.php) }

div.annoucementsWrapper { float:left; width:204px; padding:10px 20px 10px 30px }
ul.annoucements { margin:0; padding:0 0 20px 0; border-bottom:1px solid #ccc }
ul.annoucements h2 { padding:0px 0 20px 0 }
ul.annoucements h2.firstOne { padding:0 0 20px 0 }
ul.annoucements h2.homecontent { padding:0 0 7px 0 }
ul.annoucements h2.homecontentxl { line-height:15px; padding:0px 0 0px 0 }
ul.annoucements li a { font-size:14px; line-height:18px; color:#444 }
ul.annoucements li a:hover { color:#000 }

ul.annoucementsnew { margin:0; padding:0 0 20px 0 }
ul.annoucementsnew h2 { padding:0px 0 20px 0 }
ul.annoucementsnew h2.firstOne { padding:0 0 20px 0 }
ul.annoucementsnew h2.homecontent { padding:0 0 7px 0 }
ul.annoucementsnew h2.homecontentxl { line-height:15px; padding:0px 0 0px 0 }
ul.annoucementsnew li a { font-size:14px; line-height:18px; color:#444 }
ul.annoucementsnew li a:hover { color:#000 }

ul.annoucementsbot { margin:0; padding:0 0 20px 0 }
ul.annoucementsbot h2 { padding:0px 0 20px 0 }
ul.annoucementsbot h2.firstOne { padding:0 0 20px 0 }
ul.annoucementsbot h2.homecontent { padding:0 0 7px 0 }
ul.annoucementsbot h2.homecontentxl { line-height:15px; padding:0px 0 0px 0 }
ul.annoucementsbot li a { font-size:14px; line-height:18px; color:#444 }
ul.annoucementsbot li a:hover { color:#000 }

ol.news { float:left; width:214px; padding:10px 20px 20px 20px; background:#f5f5f5 }
ol.news li { margin:0px 0px 10px 0 }
ol.news li a { font-size:14px; margin:0px 0 0px 0; color:#444 }
ol.news li a:hover { color:#000 }
ol.news h2 { padding:0px 0px 20px 0px }
ol.news h2.firstOne { padding:0 0 20px 0 }
ol.news p.firstone { font-size:16px; line-height:7px; margin:0px 0px 7px 0px; color:#692149 }
ol.news p.midcontent { font-size:16px; line-height:7px; margin:5px 0px 7px 0px; color:#692149 }

br.ditryCheapFix { clear:both }

p.lastUpdate { position:absolute; top:-9999px; right:30px; font-size:11px }
body.pageHome p.lastUpdate { top:70px }

div.footer { width:786px; margin:0 auto 40px auto; padding:30px 0 0 0; background:#692149 url(../images/presentation/footerBG02.gif) top left no-repeat }
body.pageHome div.footer { background:#692149 url(../images/presentation/footerBG03.gif) top left no-repeat }
div.footer p { color:#fff; font-size:11px; line-height:18px }
a.backToTop { background:url(../images/presentation/backToTopButton02.gif) top left no-repeat; width:495px; height:30px; margin:40px 0 0 -2px; text-indent:-9999px; display:block; border:none }
a.backToTop:hover { border:none }
span.credits { margin:0 0 0 110px }
span.credits a { color:#fff }
span.credits a:hover { color:#fff }




/* Other pages layout */

ul.sidebar { width:183px; float:left; margin:30px 0 0 0; padding:0 0 0 30px }
ul.sidebar li { font-size:14px; line-height:18px; margin:0 0 20px 0; color:#692149 }
ul.sidebar li h3 { margin:0 0 5px 0 }
ul.sidebar li form input { width:160px; margin:5px 0 }

div.mainPageContent { width:500px; float:left; margin:30px 0 0 0; padding:0 0 0 20px; border-left:1px solid #692149 }
div.mainPageContent h2 { color:#fff; background:url(../images/presentation/h2-01.gif) top right no-repeat; width:350px; height:26px; margin:0 0 20px -20px; padding:4px 20px 0 20px }
div.mainPageContent h2.twoLines { color:#fff; background:url(../images/presentation/h2-02.gif) top right no-repeat; width:240px; height:47px; margin:0 0 34px -20px; padding:4px 20px 0 20px }
/* body.pageAbout div.mainPageContent h2 { width:350px } */
div.mainPageContent h3 { color:#692149 }
div.mainPageContent span { color:#692149; font-weight:bold }

ul.aMoreTraditionalList li { font-size:12px; line-height:21px; margin:0 0 25px 17px; padding:0 0 0 10px; list-style:circle }

ul.officers { margin:0 0 40px 0; height:165px; border-bottom:1px solid #000; position:relative }
ul.officers img { position:absolute; top:0; left:0; border:1px solid #692149 }
ul.officers li { padding:0 0 0 120px }
ul.officers li span { font-size:16px; line-height:20px; font-weight:bold; margin:20px 0 2px 0; color:#692149 }

/*
ul.chairs { margin:0 0 20px 0; padding:10px 0 30px 0; border-bottom:1px solid #000 }
ul.chairs li span { font-size:14px; line-height:18px; margin:20px 0 2px 0; color:#692149 }
*/

ul.chairs { }
ul.chairs li { margin:0; padding:0; position:relative }
ul.chairs li h3 { font-size:16px; line-height:20px; font-weight:bold; margin:20px 0 20px 120px; color:#692149 }
ul.chairs li ul { height:165px; position:relative }
ul.chairs li ul img { position:absolute; top:0; left:0; border:1px solid #692149 }
ul.chairs li ul li { margin:0; padding:0 0 0 120px; border:none; position:relative }
ul.chairs li ul li span { font-size:16px; line-height:20px; font-weight:bold; margin:0; color:#692149 }

ul.directoryListing li { background:url(../images/presentation/listingBG01.gif) bottom left repeat-y; width:505px; margin:0 0 34px -20px; padding:0 0 24px 0 }
ul.directoryListing li h4 { color:#fff; background:url(../images/presentation/webdirectoryHeading01.gif) top left no-repeat; width:505px; height:26px; margin:0 0 34px 0; padding:7px 20px 0 20px }
ul.directoryListing li p { margin:0 20px 25px 20px }
ul.directoryListing li p strong { color:#692149 }
ul.directoryListing li a { text-indent:-9999px; background:url(../images/presentation/viewWebsiteButton01.gif) top left no-repeat; width:96px; height:27px; margin:10px 0 0 16px; display:block; border:none }

ul.graduateListing li { background:url(../images/presentation/listingBG01.gif) bottom left repeat-y; width:505px; margin:0 0 34px -20px; padding:0 0 24px 0 }
ul.graduateListing li h4 { color:#fff; background:url(../images/presentation/webdirectoryHeading01.gif) top left no-repeat; width:505px; height:26px; margin:0 0 34px 0; padding:7px 20px 0 20px }
ul.graduateListing li p { margin:0 20px 25px 20px }
ul.graduateListing li p strong { color:#692149 }

ul.bookReviewsListing { border-top:1px solid #000 }
ul.bookReviewsListing li { border-bottom:1px solid #000; position:relative; padding:0 0 30px 0 }
ul.bookReviewsListing li img { position:absolute; top:2px; left:0; border:1px solid #692149 }
ul.bookReviewsListing li h3 { margin:30px 20px 25px 165px }
ul.bookReviewsListing li p { margin:0 20px 25px 165px }
ul.bookReviewsListing li a { text-indent:-9999px; background:url(../images/presentation/readReviewButton01.gif) top left no-repeat; width:96px; height:27px; margin:10px 0 0 165px; display:block; border:none }

ul.singleBook { border:none }
ul.singleBook li { margin:-32px 0 30px 0 }
ul.singleBook li a { text-indent:-9999px; background:url(../images/presentation/purchaseBookButton01.gif) top left no-repeat; width:136px; height:28px; margin:10px 0 0 165px; display:block; border:none }

body.pageIsNews div.mainPageContent ul li { border-top:1px solid #000; padding:20px 0 0 0 }
body.pageIsNews div.mainPageContent ul li h3 { margin:-26px 0 20px 0 }

h3.monthHeading { border-top:1px solid #000; padding:20px 0 0 0 }

div.mainPageContent h4.twoLinesWithBox { font-size:16px; line-height:20px; color:#fff; background:url(../images/presentation/twoLinesInBox01.gif) top right no-repeat; width:465px; height:44px; margin:0 0 34px -20px; padding:4px 20px 0 40px }







/* Main navigation */

ul#mainNav { background:url(../images/presentation/mainNavBG03.gif); height:30px; margin:0 13px 0 11px; position:relative }
ul#mainNav li { float:left; list-style-type:none }
ul#mainNav li a { height:30px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none; border:none }
ul#mainNav li a:hover { border:none }

li#buttonHome a, li#buttonAbout a, li#buttonTeaching a, li#buttonMembers a, li#buttonMeetings a, li#buttonJoin a { background:url(../images/presentation/mainNavBG03.gif) }

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 30px
	selected state = 60px

	The distance from the far-left to the...

	home button = 0
	about button = 75px
	teaching button = 179px
	members button = 331px
	meetings button = 510px
	join button = 621px

	The width of the...

	home button = 75px
	about button = 104px
	teaching button = 152px
	members button = 179px
	meetings / publications button = 111px
	join button = 81px
*/

li#buttonHome a 						{ background-position:0 0; width:75px; left:0 }
li#buttonHome a:hover					{ background-position:0 -30px }
body.pageHome li#buttonHome a 			{ background-position:0 -60px }

li#buttonAbout a 						{ background-position:-75px 0; width:104px; left:75px }
li#buttonAbout a:hover					{ background-position:-75px -30px }
body.pageAbout li#buttonAbout a 		{ background-position:-75px -60px }

li#buttonTeaching a 					{ background-position:-179px 0; width:152px; left:179px }
li#buttonTeaching a:hover				{ background-position:-179px -30px }
body.pageTeaching li#buttonTeaching a 	{ background-position:-179px -60px }

li#buttonMembers a 						{ background-position:-331px 0; width:179px; left:331px }
li#buttonMembers a:hover				{ background-position:-331px -30px }
body.pageMembers li#buttonMembers a 	{ background-position:-331px -60px }

li#buttonMeetings a 					{ background-position:-510px 0; width:111px; left:510px }
li#buttonMeetings a:hover				{ background-position:-510px -30px }
body.pageMeetings li#buttonMeetings a 	{ background-position:-510px -60px }

li#buttonJoin a 						{ background-position:-621px 0; width:81px; left:621px }
li#buttonJoin a:hover					{ background-position:-621px -30px }
body.pageJoin li#buttonJoin a 		{ background-position:-621px -60px }





/* Suckerfish gubbins */

ul#mainNav li ul { position:absolute; width:10px; left:-9999px }
ul#mainNav li ul li { list-style:normal }
ul#mainNav li ul li a { font-size:12px; line-height:17px; color:#fff; text-indent:0; padding:6px 0 5px 18px; height:auto; position:relative; border-top:none; border-right:1px solid #666; border-bottom:1px solid #666; border-left:1px solid #666; background:#80b216; /*background:#89bd1a url(../images/presentation/dropDownBG01.gif)*/ }
ul#mainNav li ul li a:hover { color:#8eaf45; border-right:1px solid #666; border-bottom:1px solid #666; border-left:1px solid #666; background:#fff; /*background:#fff url(../images/presentation/dropDownBG02.gif)*/ }
ul#mainNav li:hover ul { position:absolute; top:30px; left:0 }
ul#mainNav li.over ul { position:absolute; top:30px; left:0; display:block } /* Just for IE6 */

ul#mainNav li ul li a.isPDF { background:#80b216 url(../images/presentation/iconPDFgreen.gif) center left no-repeat; padding:6px 0 5px 40px }
ul#mainNav li ul li a.isPDF:hover  { background:#fff url(../images/presentation/iconPDFwhite.gif) center left no-repeat; padding:6px 0 5px 40px }




/* Extra navigation */

ul.extraNav { background:url(../images/presentation/extraNavButtonBG06.gif) top left no-repeat; float:left; width:214px; margin:14px 0 10px 20px; position:relative }
ul.extraNav li { float:left; list-style-type:none }
ul.extraNav li a { width:214px; height:45px; display:block; position:absolute; left:0; text-indent:-9999px; outline:none; border:none }
ul.extraNav li a:hover { border:none }

li.buttonExtraMeetings a, li.buttonExtraJobs a, li.buttonExtraBook a, li.buttonExtraGraduate a, li.buttonExtraForum a, li.buttonExtraLinks a, li.buttonExtraContact a { background:url(../images/presentation/extraNavButtonBG06.gif) top left no-repeat }

/*  
Measurements for the nav image replacement:

	The distance from the far-left to the...

	initial state = 0
	rollover state = 214px

	The distance from the top to the...

	meetings button = 0
	jobs button = 45px
	book button = 90px
	graduate button = 135px
	forum button = 180px
	links button = 225px
	contact button = 270px

	The width of all buttons = 214px
*/

li.buttonExtraMeetings a 		{ background-position:0 0; top:0 }
li.buttonExtraMeetings a:hover	{ background-position:-214px 0 }

li.buttonExtraJobs a 			{ background-position:0 -45px; top:45px }
li.buttonExtraJobs a:hover		{ background-position:-214px -45px }

li.buttonExtraBook a 			{ background-position:0 -90px; top:90px }
li.buttonExtraBook a:hover		{ background-position:-214px -90px }

li.buttonExtraGraduate a 		{ background-position:0 -135px; top:135px }
li.buttonExtraGraduate a:hover	{ background-position:-214px -135px }

li.buttonExtraForum a 			{ background-position:0 -180px; top:180px }
li.buttonExtraForum a:hover		{ background-position:-214px -180px }

li.buttonExtraLinks a 			{ background-position:0 -225px; top:225px }
li.buttonExtraLinks a:hover		{ background-position:-214px -225px }

li.buttonExtraContact a 		{ background-position:0 -270px; top:270px }
li.buttonExtraContact a:hover	{ background-position:-214px -270px }



li#aaaButton a { background:url(../images/presentation/aaaLogo01.gif) top left no-repeat; width:214px; height:136px; text-indent:-9999px; top:320px }
li#aaaButton a:hover { border:none }