/* --------- DEFAULTS  --------- */
body {
		margin: 0;
		padding: 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size : 62.5%;
		color: #444;
    background-color: #ffffff;
		}
			
/*  --------- STRUCTURE  --------- */
#wrapper {
    		position: relative;
    		width: 800px;
    		margin-left: auto;
    		margin-right: auto;
				margin-top: 40px;
				margin-bottom: 40px;
    		text-align: left;				
				}

#content {width: 800px;
				margin-left: auto;
    		margin-right: auto;
				text-align: left;
				}

#masthead {
    		width: 800px;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size : 5em;
				margin: 0;
				padding: 0;
			  letter-spacing: 2px;
				border-bottom: 1px solid #c7c7c7;
				}

#footer {width: 800px;}

#mailinner {width: 600px;
					 border: 2px solid #c7c7c7;
					 margin-top: 6em;
					 margin-left: 7em;
					 padding: 6em 0 6em 6em;
					 }
					 

/*  --------- single width  --------- */
.singlewidth1	{width: 800px; border-right: 1px solid #c7c7c7;}
.singlewidth2	{width: 800px; margin: 0; padding: 0;}

/*  --------- equal width  --------- */				
.equalleft 			{width: 375px; float: left; padding-right:10px; border-right: 1px solid #c7c7c7;}
.equalright			{width: 375px; float: right; padding-right:10px; border-right: 1px solid #c7c7c7;}
.equalright1		{width: 375px; float: right; padding-right:10px;}
		
/*  --------- equal width  --------- */				
.narrowequalleft 			{width: 170px; float: left; padding-right:10px; border-right: 1px solid #c7c7c7;}
.narrowequalright			{width: 170px; float: right; padding-right:10px; padding-left: 10px;}
		
/*  --------- wide left  --------- */
.wideleft 			{width: 491px; float: left; padding-right:10px; border-right: 1px solid #c7c7c7;}
.narrowright		{width: 258px; float: right; padding-right:10px; border-right: 1px solid #c7c7c7;}

/*  --------- wide right  --------- */
.narrowleft 		{width: 258px; float: left; padding-right:10px; border-right: 1px solid #c7c7c7;}
.wideright			{width: 491px; float: right; padding-right:10px; border-right: 1px solid #c7c7c7;}

/*  --------- event archive  --------- */
.eventarchiveleft 		{width: 441px; float: left; padding-right:10px; border-right: 1px solid #c7c7c7;}
.eventarchiveright		{width: 308px; float: right; padding-right:10px; border-right: 1px solid #c7c7c7;}

/* ---------- FONTS SIZE and COLOURS ---------- */

p {font-size : 1.2em;}

h1 {font-size: 2em; color: #234b7b; margin: 0; letter-spacing: 2px;}
h2 {font-size: 1.8em; color: #234b7b;} 
h3 {font-size: 1.6em; color: #234b7b;} 
h4 {font-size: 1.4em; color: #234b7b;} 
h5 {font-size: 1.2em; color: #234b7b;} 

.mastgrey  {color: #c7c7c7;}
.mastblue  {color: #234b7b;}
.red 			 {color: #ff0000;}
.black		 {color: #000000;}
.blue			 {color: #0000ff;}
.mastgrey1 {font-size: 0.4em; color: #c7c7c7;}
.mastgrey2 {font-size: 0.7em; color: #c7c7c7;}				

.mastheadlist		{font-size: 0.2em; margin-top: 0;}

.fontsize1	{font-size: 1.4em;}
.fontsize2	{font-size: 0.8em;}
.fontsize3	{font-size: 1.8em;}
.fontsize4	{font-size: 0.4em;}
.fontsize5	{font-size: 1.2em;}
.fontsize6	{font-size: 1.0em;}

.bold1			{font-weight: bold;}
.bold2			{font-weight: bold; font-size: 1.4em;}

/* ---------- POSITIONAL AND SPACING ---------- */
.center				{text-align: center;}					
.left				  {text-align: left;}					
.right				{text-align: right;}					

.lefting			{float: left;}
.righting			{float: right;}
.clear				{clear: both;}			

.imgleft1 	  {float: left; padding: 0px 20px 0px 5px;}

.imgright1 	  {float: right; padding: 0px 5px 0px 20px;}

.spacer10	 		{height: 10px;}		
.spacer15	 		{height: 15px;}		
.spacer20	 		{height: 20px;}		
.spacer30	 		{height: 30px;}		
.spacer40	 		{height: 40px;}		
.spacer50	 		{height: 50px;}		
.spacer60	 		{height: 60px;}		
.spacer90	 	  {height: 90px;}		
.spacer100	 	{height: 100px;}		
.spacer500	 	{height: 200px;}		
.spacercontact	 	{height: 375px;}

width1						{width: 375px;}		

/* ---------- LISTS ---------- */
ul.horiz li 	{display: inline;}
ul.horiz1 li	{display: inline; font-size: 1.6em; margin-right: 25px;}
ul			 			{list-style-type: none; padding-left: 0; margin-left: 0;}
.none					{text-decoration: none; font-size: 1.2em; }
.inline				{display: inline; text-decoration: none;}

/* ---------- MARGINS PADDING AND BORDERS ---------- */
.mailmargin1    {color: #234b7b; font-size: 1.6em; margin-bottom: -10px;}

.marginleft1	  {margin-left: 40px;}

.margin4020		  {margin: 40px 0 20px 0;}

.margintop1		  {margin-top: 20px;}
.margintop2		  {margin-top: 4px;}
.margintop3		  {margin-top: 10px;}
.margintop4		  {margin-top: -15px;}

.marginbottom1  {margin-bottom: 10px;}
.marginbottom2  {margin-bottom: -10px;}
.marginbottom3  {margin-bottom: -2px;}

.borderbottom1	{border-bottom: 2px solid #c7c7c7;}
.borderbottom2	{border-bottom: 5px solid #c7c7c7;}
.borderbottom3	{border-bottom: 1px solid #c7c7c7;}

.borderbottomred1	  {border-bottom: 2px solid #ff0000;}
.borderbottomred2		{border-bottom: 5px solid #ff0000;}

.bordertop2			{border-top: 5px solid #c7c7c7;}

.border1				{border: 5px solid #c7c7c7;}

/* ---------- CONTRIBUTOR ---------- */
.contributor {
				 color: #234b7b;
				 font-size: 1.4em;
				 margin-bottom: 20px;
				 }
				 
/* ---------- PRESS RELEASES ---------- */
.marginpr1 {float: left; color: #234b7b; margin-left: 100px;}				 
.marginpr2 {color: #234b7b; margin: 5px 0 -5px 300px;}				 
				 
/* ---------- LINKS ---------- */
a:link 		{color: #234b7b; background: transparent;}	 		/* unvisited link */		
a:visited {color: #234b7b; background: transparent;}			/* visited link */ 
a:hover 	{color :#c7c7c7; background: transparent;}			/* mouse over link */
a:active 	{color: #234b7b; background: transparent;}			/* selected link */


/* ---------- SITE LIST ---------- */
.sitelist li a {
      width: 200px;
			font-size: 1.7em;
      color: #607ea9;
			background-color: #ffffff;
      display: block;
      text-decoration: none;
      padding: 5px 0 10px 10px;
			margin-bottom: 10px;
			margin-left: 40px;
      border-left: 30px solid #607ea9;
      border-right: 10px solid #607ea9;
			border-top: 1px solid #607ea9;
      border-bottom: 1px solid #607ea9;
      }

.sitelist li a:visited {color: #607ea9;} 
.sitelist li a:active  {color: #607ea9;}
.sitelist li a:hover   {color: #c7c7c7;}

/* ---------- TEXT RESIZER ---------- */
.normalview #content{ }		 										 					/*CSS to return page to default setting (with no additional CSS rules added)*/
.largeview #content{font-size: 1.3em;}		  	 					/*CSS for "large font" setting*/
.xlargeview #content{font-size: 1.5em;} 								/*CSS for "extra large font" setting*/

a.texttoggler #content{margin-right: 6px;} 		 					/*CSS for Text Size Toggler control*/
a.texttoggler img{border: 2px solid #c7c7c7;}  					/*CSS for Text Size Toggler control*/
a.texttoggler img:hover{border: 2px solid #c7c7c7;}  		/*CSS for Text Size Toggler control*/

a.selectedtoggler img{border: 2px solid #c7c7c7;} 	 		/*CSS for Selected Text Size Toggler control*/

/* ---------- TEXTAREA INPUT ---------- */
textarea 					{color: #234b7b; background-color: #fcfbfb;}
input 	 		 			{color: #234b7b; background-color: #fcfbfb;}
input.wide	 			{width: 140px; color: #234b7b; background-color: #fcfbfb;}

/* ---------- MISC ---------- */
hr {
	    border: none;
	 		color: #c7c7c7;
	 		background-color: #c7c7c7;
	 		width: 100%;
	 		height: 1px;
	 		padding: 0px;/*  Removes unwanted margin in FireFox  */
	 		}

/* ---------- Quotes ---------- */
.quoteleft {
			float: left;
			margin: 0 1em 1em 0;
			padding: 0.5em 1em;
  		font-size: 1.4em;
  		width: 180px;
  		border: 2px solid #c7c7c7;
			background-color: #f9f9f9; 
			}
.quoteright {
			float: right;
			margin: 0 0 1em 1em;
			padding: 0.5em 1em;
  		font-size: 1.4em;
  		width: 180px;
  		border: 2px solid #c7c7c7;
			background-color: #f9f9f9;
			}

/* ---------- Tables ---------- */
table.promises {
      width: 800px;
    	font-size : 110%;
    	margin: 0;
    	background: transparent;
      border: 2px solid #c7c7c7;
      border-collapse: collapse;
    	}

      table.promises thead tr th		    {padding: 0.4em 0 0.4em 0.8em; border: 2px solid #607ea9;}
      table.promises tbody tr				 		{border: 2px solid #607ea9;}
      table.promises tbody th				 		{padding: 0.4em 0 0.4em 0.8em; border: 2px solid #c7c7c7;}
      table.promises tbody th				 		{border-bottom: 2px solid #607ea9;}
      table.promises tbody td				 		{background: transparent; padding: 0.4em 0 0.4em 0.8em; border: 2px solid #c7c7c7;}
      table.promises tbody tr.odd 	    {background: transparent;}
      table.promises tbody tr.odd td    {background: transparent; color: #ffffff;}
      table.promises th 	 					    {text-align:left;}
			table.promises tbody tr td.bottom {border-bottom: 2px solid #607ea9;}