/* ----------

	Site:		Tutor Master Services
	File:		common.css
	Use:		Common Styles
	Author:		Edaptive - matthew.lane@edaptive.co.uk
	
---------- */

/* -- GLOBAL STYLES ////////////////////////////////////////////////////////// */

body	{
	background: #5F243A;
	padding: 0 0 20px 0;
	text-align: center;
}

.clear	{
	clear: both;
}

.hidden	{
	position: absolute;
	top: -5000px;
}

/* -- TYPOGRAPHY ///////////////////////////////////////////////////////////// */

h1	{
	color: #F3E7AD;
	font-family: Tahoma;
	font-size: 225%;
	font-weight: bold;
	line-height: 197%;
}

h2	{
	color: #CABE82;
	font-family: Tahoma;
	font-size: 167%;
	font-weight: bold;
}

h2 a	{
	color: #CABE82;
	text-decoration: none;
}

h2 a:hover	{
	color: #561F34;
}

h3	{
	color: #CABE82;
	font-size: 108%;
	font-weight: bold;
}

p	{
	color: #F1E9E5;
	font-size: 93%;
	line-height: 123.1%;
}

form	{
	font-size: 93%;
}

legend	{
	color: #CABE82;
	font-weight: bold;
}

label	{
	color: #CABE82;
}

/* -- LINKS ////////////////////////////////////////////////////////////////// */
h3 a	{
	color: #CABE82;
}


p a	{
	color: #CABE82;
}

p b	{
	color: #CABE82;
	font-size: 108%;
	font-weight: bold;
}

a:hover	{
	text-decoration: none;
}

/* -- LAYOUT ///////////////////////////////////////////////////////////////// */

div#page	{
	background: url('../images/common/divider.gif') 166px 0 repeat-y;
	margin: 100px auto 10px auto;
 	width: 750px;
	text-align: left;
}

div#header	{
	float: left;
	width: 168px;
}

div#content	{
	display: inline;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 532px;
}

/* -- HEADER ///////////////////////////////////////////////////////////////// */

p#logo a	{
	background: url('../images/common/tms_logo.gif') no-repeat;
	display: block;
	height: 180px;
	margin: 15px 0 0 0;
	width: 155px;
}

/* -- PRIMARY NAVIGATION ///////////////////////////////////////////////////// */

#primary-navigation	{
	margin: 30px 0 0 0;
	width: 167px;
}

#primary-navigation li a	{
	color: #BFA980;
	display: block;
	font-size: 138.5%;
	padding: 2px 13px 2px 0;
	text-align: right;
	text-decoration: none;
}

#primary-navigation li a:hover,
#primary-navigation li.on a,
#primary-navigation li.on a:hover	{
	background: url('../images/common/pnav_rollover.gif') 100% 0 no-repeat;
	color: #f3E7AD;
}

/* -- BREADCRUMBS //////////////////////////////////////////////////////////// */

#breadcrumbs li	{
	color: #CABE82;
	float: left;
	margin: 0 4px 10px 0;
}

#breadcrumbs li a	{
	background: url('../images/common/breadcrumb_divider.gif') 100% 60% no-repeat;
	color: #BFA980;
	padding: 0 12px 0 0;
	text-decoration: none;
}

#breadcrumbs li a:hover	{
	text-decoration: underline;
}

/* -- CONTENT //////////////////////////////////////////////////////////////// */

div#welcome	{
	margin: 0 0 15px 18px;
}

div#print-logo	{
	display: none;
}

div#welcome p	{
	clear: left;
}

.article,
.article-no-image	{
	background: url('../images/common/article_background.gif') 0 0 no-repeat;
	display: inline;
	float: left;
	margin: 0 0 0 18px;
	width: 516px;
}

.article-bottom	{
	background:	url('../images/common/article_background_bottom.gif') 0 0 no-repeat;
	display: inline;
	float: left;
	height: 3px;
	margin: 0 0 18px 18px;
	width: 516px;
}

.article h2	{
	padding: 10px 10px 0 0;
}

.article h3	{
	margin: 0 0 0 115px;
}

.article-no-image h2	{
	padding: 10px 10px 10px 10px;
}

.article-no-image h3	{
	padding: 10px 10px 10px 10px;
}

.article p	{
	display: block;
	margin: 0 0 0 115px;
	padding: 0 10px 10px 0;
}

.article-no-image p	{
	display: block;
	margin: 0 159px 0 10px;
	padding: 0 10px 10px 0;
}

.article form	{
	margin: 0 0 0 110px;
}

.article img	{
	float: left;
	margin: 7px 10px 1px 6px;
}

.article img.article-image,
.article-no-image img.article-image	{
	border: 2px solid #474760;
	float: right;
	margin: 0 10px 10px 0;
}

/* -- FORMS /////////////////////////////////////////////////////// */

legend	{
	margin: 0 0 10px 0;
}

label	{
	float: left;
	width: 150px;
}

input.text	{
	margin: 0 0 5px 0;
	padding: 3px 3px 3px 3px;
	width: 150px;
}

textarea	{
	height: 150px;
	margin: 0 0 5px 0;
	padding: 3px 3px 3px 3px;
	overflow: none;
	width: 200px;
}

input#submit	{
	margin: 0 0 5px 150px;
	#margin: 0 0 5px 35px;
}