/* 
	Amazing Me Global CSS
	Author: Tom Knowles 
	Description: Deals with vast majority of stuff except typography
*/

/* useful classes */

.hidden{display: none;}

.clear{clear: both;}

radio, body image, body img {border:none;}

/* 
	Amazing Me HTML CSS
	Author: Tom Knowles 
	Description: Deals with existing html tags eg body
	Moved into Global - EC
*/

html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, div, img
{
	margin: 0;
	padding: 0;
	border: 0;
	color:#536F7B;
}

ul.standard			{margin:0 0 0 3em;}

body
{
	background-color: #fff;
	text-align: center;
	height: 100%;
}

strong, b					{font-weight:bolder;color:Black;}

div{text-align: left;}

/*HTML CSS ends*/
/* 
	Amazing Me Typo CSS
	Author: Tom Knowles 
	Description: Deals with typography
*/
#testtitle
{
	font-family: "Trebuchet MS",Arial, Verdana, Helvetica ,sans-serif;
	font-weight:900;
	font-style:italic;
	color: #536F7B;
	font-size: 165%;
	letter-spacing:-0.8px;
}
body
{
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica ,sans-serif;
	font-size: 65%;
	line-height: 140%;
	color: #536F7B;
}

p{padding: 0 0 10px 0;}

h1,h2,h3,h4{color: #5369A6;}
h1
{
	font-size: 165%;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}
h2
{
	font-size: 145%;
	font-weight: normal;
	margin: 4px 0px 8px 0px;
}
h3
{
	font-size: 125%;
	font-weight: bold;
	margin: 0px 0px 8px 0px;	
}
h4
{
	font-size: 105%;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
}

/* text size links */

#textsizer a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#textsizer a:hover
{
	color: #DCECF5;
	text-decoration: none;
}

a
{
	color: #E97329;
	font-weight: bold;
	text-decoration: none;
}

a:hover{color: #E97329;text-decoration: underline;}

p.lighter{color: #7997A6;}

/* sizing */
.small{font-size: 90%;}
.medium{font-size: 110%;}
.large{font-size: 130%;}

/* structural divs */

#wrapper
{
	width:750px;
	margin: 0 auto;
	background-image:url(../images/layout/wrapper.jpg);
	background-repeat: repeat-y;
	overflow: visible;
	position:relative;
	z-index:10;
}

#header
{
	background-color: #ffffff;
	background-image:url(../images/layout/header.jpg);
	background-repeat: no-repeat;
	height: 120px;
	padding: 0 0 0 40px;
}

#nav
{
	height: 45px;
	background-image:url(../images/layout/nav.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
}

#nav ul li{margin-right:5px;}

#columntop
{
	background-image:url(../images/layout/belowNav.jpg);
	background-repeat: no-repeat;
	height: 32px;
	z-index:-1;
}


#columns
{
	background-image:url(../images/layout/wrapper.jpg);
	background-repeat: repeat-y;
	width: 750px;
	position: relative;
	padding-bottom: 1px;
}


#left
{
	position:relative;
	float: left;
	width: 182px;
	height: 100%;
	padding-left: 14px;
	margin: -5px  0px -15px 0;
	top:-12px;
	z-index:2;
}

#right
{
	float: left;
	width: 538px;
	padding-right: 0px;
	margin: -2px 0px 0px 2px;
	height: 100%;

}


#footer
{
	background-color:#FFFFFF;
	background-image:url(../images/layout/footer.jpg);
	background-repeat: no-repeat;
	width: 750px;
	height: 92px;
	position: relative;
	padding: 100px 10px 10px 30px;
}

#copyright
{
	display: inline;
	width: 345px;
}

#validation
{
	display: inline;
	position: absolute;
	text-align: right;
	right: 70px;
	top: 100px;
}

#content
{
	position: relative;
	margin-left: 10px;
	margin-right:15px;
}

#content1
{
	position: relative;
	background-color: #E3E8EC;
	height: 100%;
	background-image:url(../images/layout/tabs/main_bg.jpg);
	background-repeat:repeat-y;
	padding-bottom:5px;
}

#contenttop, #contenttoplinks
{
	position: relative;
	height: 53px;
	width: 538px;
	top: -17px;
	margin-bottom:-17px;
	background-repeat: no-repeat;
}

/* Altered the height of tabholder was 63 */

#contenttoplinks .tabholder
{
	height: 53px;
	width: 538px;
}
#contenttoplinks a 
{
	position:absolute;
	height:38px;
	width:92px;
	border:none;
	text-decoration:none;
}
a.intro{left:3px;}
a.links{left:95px;}
a.audio{left:187px;}
a.books{left:279px;}
a.papers{left:371px;}
#contenttoplinks a i {visibility:hidden;}

#contentbot
{
	position: relative;
	background-color: #E3E8EC;
	background-image:url(../images/layout/tabs/main_footer.jpg);
	height:42px;
	width:538px;
	padding:0 0 -5px 0;
}

/* subpanels */

.subpanelcontent
{
	padding: 0 0px 10px 18px;
	width: 165px;
	margin: 0;
	background-color: #fff;
	background-image:url(../images/layout/sideboxBg.jpg);
	background-repeat: repeat-y;
}
.subpanelcontenttext
{
	margin:0 5px 10px 0px;
	width:157px;
}

.subpanel
{
	margin:0;
	background-color: #E3E8EC;
	background-image:url(../images/layout/sideboxBg.jpg);
	width: 183px;
	z-index: 1;	
	background-repeat: repeat-y;
}

.lefttop
{
	width: 183px;
	background-image:url(../images/layout/sideboxBg.jpg);
	background-repeat: repeat-y;
	text-align: right;
	z-index:2;
}

.subpaneltop
{
	height: 34px;
	width: 183px;
	background-image:url(../images/layout/sidebox_divider.jpg);
	background-repeat: no-repeat;
	text-align: right;
	padding: 17px 0 0 0;
}

.subpaneldivider
{
	height: 27px;
	width: 183px;
	background-image:url(../images/layout/sidebox_divider.jpg);
	background-repeat: no-repeat;
	text-align: right;
	padding:0;
}

.leftbot
{
	height: 45px;
	width: 183px;
	background-image:url(../images/layout/sideboxBottom.jpg);
	background-repeat: no-repeat;
	text-align: right;
	margin: -7px 0 -10px 0;
	padding:0;
}

.subpanelbot img
{
	margin-left: 5px;
	margin-right: 10px;
}

.subpanelcontent ul
{
	margin-left: 25px;
	color: #4DA6D5;
}

/* login */ 

#login {position:absolute; top:20px;}

#login #logout {margin: 0 0 0 10px;vertical-align:top;}

/* text sizer */

#textsizer
{
	position: absolute;
	top: 80px;
	color: #fff;
}

/* navigation list */

#nav ul
{
	list-style: none;
	padding: 10px 0 0 33px;
	margin: 0;
}

#nav li{display: inline; margin: 0 0px 0 0;padding:0;}

.demo
{
	font-size: 200%;
	font-weight: normal;
	color: #89B700;
	margin: 0px 0px 10px 0px;
}

.caps{text-transform:capitalize;}

#tab
{
	height: 34px;
	width: 518px;
	margin: 0;
	padding: 0;
	background: bottom;
}

#tab ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 518px;
	height: 34px;
	margin: 0;
}

#tab li
{
	display: inline; 
	margin: 0;
	padding: 0;
	height: 34px;
}

#tabby
{
	height: 34px;
	width: 518px;
	margin: 0;
	padding: 0;
	background: bottom;
}

#tabby ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 518px;
	height: 34px;
	_margin: 0px 0px -10px 0px;
}

#tabby li
{
	display: inline; 
	margin: 0px 0px 0px 0;
	padding: 0;
	height: 34px;
}

#panel1
{
	width: 518px;
	height:100%;
	position: relative;
	padding: 0px 0px 2px 2px;
	background-color: #E3E8EC;
}

#fill
{
	background-image:url(../images/layout/mainbox_bg1.jpg);
	background-color: #E3E8EC;
}

#display ul{list-style: none;}

#iframecolour{width:100%;background-color: #E3E8EC;}

/* divs holding section/subsection lists */
#listLeft, #listRight{width:235px;max-width:235px;}

#listRight {float:right;}

/* Euan's new stuff */
#searchbar
{
	float:right;
	position:relative;
	right:35px;
	bottom: 32px;
	height:28px;
	
	width:270px;
	padding:0px 0 0 00px;
}

#searchbar #seek
{
	vertical-align:top;
	position:relative;
	top:3px;
}
#searchbar .search 
{
	 border:0; 
	 padding-left:10px;
	 background-repeat:no-repeat; 
	 width:184px; 
	 height:18px; 
	 color:#000;
	 background:url(../images/layout/search_field.jpg); 
	 margin-top:4px;
}

#searchbar .find
{
	vertical-align:top;
	position:relative;
	top:5px;
	font-size:0; 
	border:0; 
	width:14px; 
	height:16px;
	margin-top:3px;
}

/*#keywordBox
{
	font-weight:bold !important;
	color:red;
	text-decoration:underline !important;	
}*/

#keywordBox .keywordList
{
	font-weight:bold !important;
	cursor:pointer !important;
	text-decoration:underline !important;	
}

#keywordBox #keywordsGetAll
{
	margin-top:5px;
	text-align:right;
	cursor:pointer !important;
		
}
/* Euan's new stuff ends*/

#product_links
{
	position: relative;
	text-align: left;
	border:0;
	top: 20px;
	right: 0;
}

#product_links ul
{
	list-style: none;
	margin: 0;
	display: inline; 
}

#product_links li {display: inline; margin: 0 18px 0 0;}


/* 
	Amazing Me Form CSS
	Author: Tom Knowles 
	Description: Deals with form sizing/visuals
*/

.inputnoborder
{
	border: none;
}

input text
{
	border: 1px solid #9DB3BD;
	background-image: url(../images/layout/bg_field.gif);
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica ,sans-serif;
	font-size: 100%;
	color: #50468B;
}

textarea
{
	border: 1px solid #9DB3BD;
	width: 400px;
	height: 100px;
	background-image: url(../images/layout/bg_field.gif);
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica ,sans-serif;
	padding: 2px 2px 2px 2px;
	color: #50468B;
	font-size: 100%;
}

select
{
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica ,sans-serif;
	color: #50468B;
}

.inputfieldsmall
{
	width: 80px;
	padding: 2px 2px 2px 2px;
}

.inputfieldmed
{
	width: 120px;
	padding: 2px 2px 2px 2px;
}

.inputfieldlarge
{
	width: 200px;
	padding: 2px 2px 2px 2px;
}


a.buyLink:link,
a.buyLink:visited,
a.buyLink:active,
a.buyLink:hover,
a.buyLink:focus					{color:#E97329;font-size:120%;}

img.podcastImage				{border-style:none; margin:0; padding:0;}

div#resultsTextual								{text-align:center;line-height:2em;margin:1em 0 0 0;}

div#resultsTextual div#numResultsText			{float:left;}
div#resultsTextual div#selectPageSize			{float:right;}

div#topPages									{clear:both;}

div.pages a.page								{border-bottom:1px solid #ED7329;}
div.pages a.currentPage							{color:#666;border-style:none;}

div#columns #left .lefttop h3
{
	position:relative;
	left:-3000px;
}

div#columns #left .login
{
	background-image:url(../images/layout/sideboxTop_login.jpg);
	height:43px;
}

div#columns #left .browse
{
	background-image:url(../images/layout/sideboxTop_browse.jpg);
	height:43px;
} 

div#columns #left .weeklypoll
{
	background-image:url(../images/layout/sideboxTop_poll.jpg);
	height:43px;
} 

div#columns #left .wow
{
	background-image:url(../images/layout/sideboxTop_wow.jpg);
	height:43px;
}

div#columns #left .aboutus
{
	background-image:url(../images/layout/sideboxTop_aboutus.jpg);
	height:43px;
}

div#searchbar					{}
div#searchbar div				{}

div#searchbar .search			{float:left;}

span.seek						{background-image:url(../images/layout/text_find.gif);width:37px;height:22px;display:block;float:left;margin:3px 0 0 0;}
a.find							{background-image:url(../images/buttons/btn_find.gif);width:14px;height:16px;display:block;float:left;margin:0 0 4px 5px;}

div#newSkinAnnounce				{position:absolute;top:100px;right:-200px;width:199px;z-index:10;background-image:url(../images/postit2.png);height:200px;padding:145px 0 0 0;background-repeat:no-repeat;}
div#newSkinAnnounce div#inner	{margin:0 1.5em 1.5em 3em;}
div#newSkinAnnounce h2,
div#newSkinAnnounce p			{display:none;}


.errorMessage					{color:Red;}


ul.aboutuslinks					{list-style-type:square;margin:0 10pt 0 0;}
ul.aboutuslinks li				{list-style-type:none;}
ul.aboutuslinks li a			{text-transform:capitalize;line-height:15pt;}