html	{
		width: 100%;
}

body 	{
		width: 99%;
		font-size: x-large;
		font-family: Arial, Helvetica, sans-serif;
		color: #ffffff;
		background-color: #0000ff;
}

#header	{
			width: 100%;
			border-bottom: 1px solid #ffffff;
		   float: left;

}

#header.alt	{
			width: 100%;
			border-bottom: 1px solid #ffffff;
			float: left;
			margin-bottom: 0.5em;
			padding-bottom: 0.5em;

}

img.logo {
			float: left;
			padding: 0;
}



#header p {
			text-align: right;
			font-size: 150%;	
			margin-top: -0.5em;
			width: 70%;
float: right;
			

}

a			{
			color: #ffffff;
}

#introduction {
			width: 100%;
			float: left;
			border-bottom: 1px solid #ffffff;
}

table 			{
					border-bottom: 1px solid #ffffff;
					border-right: 1px solid #ffffff;
					width: 100%;
					color: #ffffff;
}


tr					{
					vertical-align: top;
					border-top: 1px solid #ffffff;
					color: #ffffff;
}

td					{
					vertical-align: top;
					border-left: 1px solid #ffffff;
					border-top: 1px solid #ffffff;
					color: #ffffff;
}

table#general {
					width: 75%;
					color: #ffffff;
}

table#general td {
					padding: 0.5em;
					color: #ffffff;
}


table th.information	{
				font-weight: bold;
				color: #ffffff;
}

table th, table td.cell			{
				width: 33.3%;
				border-left: 1px solid #ffffff;
				padding: 0.1em;
				vertical-align: top;
				border-top: none;
				color: #ffffff;
}

table.container	{
			
				width: 100%;
				float: left;
				margin-top: 1em;
				border-top: 1px solid #ffffff;
				border-right: 1px solid #ffffff;
				border-bottom: 1px solid #ffffff;
				color: #ffffff;
}

table#resources		{
							border-top: 1px solid #ffffff;
							border-right: 1px solid #ffffff;
							color: #ffffff;
}

table#resources tr	{
							border-bottom: 1px solid #ffffff;
							color: #ffffff;
}

table#resources td	{
							border-left: 1px solid #ffffff;
							border-bottom: 1px solid #ffffff;
							color: #ffffff;
		
}

/*Navigation table on the first page */
td.cell ul 				{
							padding-left: 2.5em;
							}

li.style11 a			{
							font-weight: normal;
							color: #ffffff;
}
/* gives lists a normal text appearence e.g. mailinglists.html and support study skills*/
ul.nobutton  			{
							list-style-type: none;
							padding-left: 0;
							color: #ffffff;
}

ul.nobutton li 		{ 
							padding: 0 0 0.75em 0;
							color: #ffffff;
}

table th					{
							text-align: left;
							color: #ffffff;

}

table tr.row			{
							width: 100%;
							border-left: 1px solid #ffffff;
							border-top: 1px solid #ffffff;
							border-bottom: 1px solid #ffffff;
							color: #ffffff;
}

table.contact			{
							width: 100%;
							float: left;
							border-left: 1px solid #ffffff;
							border-right: 1px solid #ffffff;
							border-bottom: 1px solid #ffffff;
							color: #ffffff;
}

table tr.contactrow	{
							width: 100%;
							float: left;
							border: none;
							color: #ffffff;
}

table caption			{
							font-size: 125%;
							font-family: Arial, Helvetica, sans-serif;
							padding: 0 0 0.25em 0.25em;
							text-align: left;
							border-left: 1px solid #ffffff;
							border-right: 1px solid #ffffff;
							font-weight: bold;
							color: #ffffff;
}

table td.tablecell1	{
							font-family: Arial, Helvetica, sans-serif;
							width: 9%;
							float: left;
							line-height: 1.5em;
							Padding: 0 0 0 0.25em;
							border: none;
							color: #ffffff;
}

table td.tablecell2	{
							font-family: Arial, Helvetica, sans-serif;
							width: 90%;
							float: right;
							border: none;
							color: #ffffff;
				
}

table td.strongcell	{
							font-family: Arial, Helvetica, sans-serif;
							width: 9%;
							float: left;
							font-size: 90%;
							Padding: 1em 0 0.5em 0.25em;
							border: none;
							color: #ffffff;
}

table td.redcell		{
							font-family: Arial, Helvetica, sans-serif;
							width: 90%;
							color: #ffffff;
							font-size: 90%;
							padding: 1em 0 0.5em 0.25em ;
							border: none;
}

table.contactdetails	{
							width: 100%;
							float: left;
							border-left: 1px solid #ffffff;
							border-right: 1px solid #ffffff;
							border-bottom: 1px solid #ffffff;
							font-family: Arial, Helvetica, sans-serif;
							color: #ffffff;
}

table caption.contact{
							font-size: 150%;
							font-family: Arial, Helvetica, sans-serif;
							padding: 0.5em 0 0.5em 0.25em;
							text-align: left;
							border-bottom: 1px solid #ffffff;
							border-left: none;
							border-right: none;
							font-weight: bold;
							padding: 0.5em 0 0.5em 0;
							color: #ffffff;
}	

table tr.details		{
							padding-bottom: 2em;
							padding-top: 0;
}

table td.contactlinks{
							width: 33.3%;
							padding-left: 0.2em;
							vertical-align: top;
							padding-bottom: 1.5em;
							border: none;
							color: #ffffff;
}

table td.contactinfo	{
							width: 66.7%;
							vertical-align: top;
							line-height: 1.75em;
							padding-bottom: 1.5em;
							border: none;
							color: #ffffff;
}

table td a				{
							font-weight: bold;
							color: #ffffff;
}

td							{
							vertical-align: top;
							color: #ffffff;
}
/* table on the resources_studyskillsacceptance page, home risk assessment request page */
table.form 				{ 
							font-size: 115%
							width: 100%;
							color: #ffffff;
}

td.left, td.right 	{ 
							padding: 0.5em;
							color: #ffffff;
}

td.leftfifty, td.leftbackgroundfifty			{
							width: 51%;
							padding: 0.5em 0 0.5em 0.5em;
							color: #ffffff;
}

td.leftbackgroundfifty, td.rightbackgroundfifty		{
								background-color: #0000ff;
}

span.inset 				{
							padding-left: 35em;
							color: #ffffff; 
}

td.rightfifty, td.rightbackgroundfifty			{
							width: 49%;
							padding: 0.5em -1em 0.5em 0.5em;
							color: #ffffff;
}

td.leftbackground, td.rightbackground 	{ 
							background-color: #0000ff;
							padding: 0.5em;
							color: #ffffff;
}

td.left label 		{
						vertical-align: top;
						color: #ffffff; 
}

td.right input 	{
						margin-top: 0;
}

td p					{ 
						font-size: 100%;
						color: #ffffff;
}

input					{
						margin: 0.5em;
						font-size: 100%;
}

/* size of font indrop-down menu*/
select 			{
					font-size: 100%;
					color: #0000ff;
					background-color: #ffffff;
}

img.right, img.nacc, img.map{
					float: right;
					padding: 0.5em 0 0.5em 0.5em;
					border: none;
}

img.person		{
					border: none;
					padding: 0.5em 0.5em 0.5em 0.5em;
}

#location		{
					width: 100%;
					border-bottom: 1px solid #ffffff;
					border-top: 1px solid #ffffff;
					padding-bottom: 7em;
}

ul li.style11	{
					font-size: 100%;
					font-family: Arial, Helvetica, sans-serif;
					margin-left: -1.5em;
					color: #ffffff;
}

li p				{
					font-size: 100%;
					color: #ffffff;
}

li.bold			{
					font-weight: bold;
					color: #ffffff;
}

#open				{
					width: 100%;
					border-bottom: 1px solid #ffffff;
					
}

table#contact 	{
					border: 1px solid #ffffff;
}

table#contact td	{
					border: none;
}

td.people	{
				width: 20%;	
				border: none;	
}

td.photos 	{
				width: 10%	
				border: none;
}

td.contact {
			  width: 70%;
			  padding: 0 0 0 1em;
			  border: none;
}

td.title 	{
				padding: 0.5em 0 0.5em 0;
				border: none;
}

tr.contact	{
				width: 100%;
				padding: 0.5em 0 0.5em 0 0.5em;
				border: none;
}
/* For forms with no internal borders but have small text such as riskassessment.html*/
table.noborderform	{
				border-left: 1px solid #ffffff;
				border-top: 1px solid #ffffff;
				border-bottom: 1px solid #ffffff;
				font-size: 80%;
}


table.noborderform td.left, 
table.noborderform td.right, 
table.noborderform tr {
				border: none;
}

/* For forms with no internal borders but have larger text such as coordinators_meeting.html*/
table.noborderformbig	{
				border-left: 1px solid #ffffff;
				border-top: 1px solid #ffffff;
				border-bottom: 1px solid #ffffff;
				font-size: 100%;
}


table.noborderformbig td.left, 
table.noborderformbig td.right, 
table.noborderformbig tr {
				border: none;
}
/*this makes the Support Registration font white!*/

form#Supportregistration, 
form#Supportregistration h2	{
									color: #ffffff;
}

textarea 							{
										font-family: Arial, Helvetica, sans-serif;
}

textarea.leftadjust				{

}

/*the registration form on working for access summit 06*/

#registration table			{
									border:none;
}

#registration table td.left {
									border-left: none;
}

/*the table on Working for Access Summit 02*/

table#doubleborder			{
									width:100%;
}
table#doubleborder th		{
									border: 4px double #ffffff;
									width:25%; 
									padding: 1em 0 0 0.5em;
									font-size: 115%
}

table#doubleborder th.top		{
									border: 4px double #ffffff;
									width:25%; 
									padding: 1em 0 1em 0.5em;
									font-size: 115%
}

table#doubleborder td		{
									border: 4px double #ffffff;
									width:25%; 
									padding-left: 0.5em;
}

p.italicbold 					{
									font-style: italic;
									font-weight: bold;
									color: #ffffff;
}

td.right textarea 			{
									margin-left: 0.5em;
}

span.style10					{
									font-size: 125%;
									color: #ffffff;
}

h1									{
									font-size: 200%;
									font-weight: bold;
									font-family: Arial, Helvetica, sans-serif;
									color: #ffffff;		
}

h1.alt							{
									font-size: 150%;
									font-weight: bold;
									font-family: Arial, Helvetica, sans-serif;
									color: #0000ff;
									background-color: #ffffff;
									padding: 0 0 0 0.25em;		
}

h2				{
				font-size: 150%;
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif;
				color: #ffffff;
}

h3				{
				font-size: 125%;
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif;
				color: #ffffff;

li.h2 		{
				font-size: 145%; 
				font-weight: bold; 
				font-family: Arial, Helvetica, sans-serif;
				padding: 0.5em 0 0.5em 0;
				color: #ffffff;
}

p, ul li, ol li {
				font-size: 115%;
				font-family: Arial, Helvetica, sans-serif;
				line-height: 1.5em;
				color: #ffffff;
}

ul li ul li	{
				font-size: 100%;
				font-family: Arial, Helvetica, sans-serif;
				line-height: 1.5em;
				color: #ffffff;
}

p.small		{
				font-size: 80%;
				font-family: Arial, Helvetica, sans-serif;
				line-height: 1.5em;
				color: #ffffff;
}

span.smallbold		{
				font-size: 80%;
				font-family: Arial, Helvetica, sans-serif;
				line-height: 1.5em;
				font-weight: bold;
				color: #ffffff;
}

p.italic 	{
				font-style: italic;
				color: #ffffff;
}

p.bold		{
				font-size: 115%;
				font-family: Arial, Helvetica, sans-serif;
				fontweight: bold;
				color: #ffffff;
}
span.red		{
				font-size: 80%;
				font-family: Arial, Helvetica, sans-serif;
				line-height: 1.5em;
				color: #ffffff;
}

.paragraphborder	{
				border-bottom: 1px solid #ffffff;
}

/* to keep the spider diagram in the div*/
.paragraphborderdia {
				border-bottom: 1px solid #ffffff; 
				width: 100%; 
				height: 35em;
}


/*for quotations */
blockquote	{
				margin-left: 2%;				
				border-left: 2px solid #0000ff;
    			padding-left: 1em;

}



.SB         { 
				font-family: Arial; 
				font-size: 125%; 
				list-style-type: decimal; 
				text-align: left; 
				float: left;
				color: #ffffff;
}
				
.style5 		{
				font-size: 125%;
				color: #ffffff;
}

.style6 		{
				font-size: 125%;
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif;
				color: #ffffff;
}

.style9 		{
				font-family: Arial, Helvetica, sans-serif;
				color: #ffffff;
}

.style10 	{
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: #ffffff;
}

.style11 	{
				font-size: 125%;
				font-family: Arial, Helvetica, sans-serif;
				color: #ffffff;
}

.style12 	{
				font-family: Arial, Helvetica, sans-serif;
				font-style: italic;
				font-weight: bold;
				color: #ffffff;
}

.style15 	{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 90%;
				color: #ffffff;
}

.style16 	{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 90%;
				color: #ffffff;
				text-align: left;
}