body{
	text-align: center;
	padding: 30px 0px 0px 0px;	
	background-color: #F9F9F9;
	font-family : Arial, Helvetica, sans-serif; 
}

#main{
	margin: auto;
	width: 900px;
	background: url(images/background-repeat.png) repeat-x;
	border: 0px solid black;
}

.temp-index {
	padding: 15px;
	color: #808080;
	font-size: 18px;
	font-style: normal;
	text-decoration: none;	
	border: 1px solid black;
}

.temp-index a{
	color: #FFCC00;
	font-weight: bold;
	font-size: 18px;
	font-style: normal;
	text-decoration: none;	
}

.main-navigation {
	width: 900px;
	height: 65px;
	padding: 0px;
	background: url(images/main-navigation-background.png) repeat-x;
	margin-bottom: 4px;
}

.picture-section {
	width: 898px;
	text-align: center;
	padding: 4px 0px 4px 0px;
	margin: 0px;
	border: 1px solid #494948;
}

.mail_link {
	color: #FFCC00;
	font-size: 18px;
	font-style: normal;
	text-decoration: none;
	font-family : Arial, Helvetica, sans-serif; 
}

.header-picture-section {
	width: 880px;
	text-align: center;
	padding: 4px 0px 4px 0px;
	margin-bottom: 10px;
	border: 1px solid #C0C0C0;
}
/************************************************************/
/* This sections lays out the three columns needed for the  */
/* Quickboxes in table form.                                */
/************************************************************/

#quickboxes {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	overflow:hidden;	/* This chops off any overhanging divs */
	margin-top: 4px;
	background: url(images/quickbox-background.png) repeat-x;
	border: 0px solid red;
	width: 900px;
	height: 100px;
}

#quickboxes img{
	padding: 0px 10px 0px 0px;
}

.donatebutton {
	padding: 18px 0px 0px 0px;
}

table.quickbox {
	width: 100%;
	border-collapse:separate;
	border-spacing: 4px 1px;
}

td.right_quickbox {	
	width: 280px;
	height: 100px;
	text-align: center;
	margin-left: 4px;
	margin-top: 4px;	
}

td.right_quickbox a{
	color: #1C293E;
	font-weight: normal;
	font-size: 18px;
	font-style: normal;
	text-decoration: none;	
}

td.middle_quickbox {
	color: #1C293E;
	font-size: 18px;
	font-style: normal;
	text-decoration: none;	
	width: 290px;
	height: 100px;
	border-right: 2px solid white;	
}

td.middle_quickbox a{
	color: #1C293E;
	font-weight: bold;
	font-size: 18px;
	font-style: normal;
	text-decoration: none;	
}

td.right_quickbox a:hover{
	color: #42B7E9;
	font-size: 18px;
	font-style: normal;
	text-decoration: none;	
}

td.left_quickbox {
	width: 275px;
	height: 100px;
	text-align: left;
	border-right: 2px solid white;		
}

td.left_quickbox a{
	color: #1C293E;
	font-weight: normal;
	font-size: 18px;
	font-style: normal;
	text-decoration: none;	
}
/******************************************************/
/* This sections lays out the content in the Textbox  */
/******************************************************/
#submenbox {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	overflow:hidden;	/* This chops off any overhanging divs */
	border: 0px solid red;
	width: 900px;
	height: 82px;
}

/******************************************************/
/* This sections lays out the content in the Textbox  */
/******************************************************/
.textbox {
	width: 900px;
	padding: 0px 0px 0px 0px;
	margin-top: 4px;
	border: 1px solid #c0c0c0;
	min-height: 300px;
	/* background: url(images/textboxbackground.png) repeat-y center left;	 */
	background: #FFF;
}

/******************************************************/
/* This sections lays out the content in the Textbox  */
/******************************************************/
.bodytextbox {
	color: #808080;
	width: 880px;
	margin: 10px;
	border: 0px solid blue;
	text-align: left;
}

.bodytextbox  h1 {
	color: #808080;
	border: 1px solid blue;
	font-size: 24px;
	font-style: normal;
	text-decoration: none;	
	padding: 5px 0px 12px 0px;
	margin: 0px;
	font-family : Arial, Helvetica, sans-serif; 	
}

.bodytextbox  h2 {
	color: #808080;
	font-size: 17px;
	margin-bottom: 0px;
	font-weight: bold;
	text-decoration: none;	
	border: 0px solid #c0c0c0;
	font-family : Arial, Helvetica, sans-serif; 	
}

.bodytextbox  h3 {
	color: #808080;
	font-size: 15px;
	margin-bottom: 0px;
	font-weight: normal;
	text-decoration: none;	
	border: 0px solid #c0c0c0;
	font-family : Arial, Helvetica, sans-serif; 	
}

.bodytextbox  span.header {
	color: #FFCC00;
	font-size: 24px;
	font-style: normal;
	text-decoration: none;
	border-bottom: 1px dashed #808080;
	padding: 0px 60px 3px 0px;
	font-family : Arial, Helvetica, sans-serif; 	
}

.bodytextbox  span.title {
	color: #FFCC00;
	font-size: 17px;
	margin-bottom: 0px;
	font-weight: bold;
	text-decoration: none;	
	margin: 0px 4px 0px 0px;
	font-family : Arial, Helvetica, sans-serif; 	
}

.bodytextbox  p {
	color: #808080;
	font-size: 17px;
	border-top: 0px solid #c0c0c0;
	text-decoration: none;	
	margin-top: 10px;
	font-family : Arial, Helvetica, sans-serif; 
	line-height: 22px;		
}

.bodytextbox table{
	width: 100%;
	border-collapse:separate;
	border-spacing: 10px 15px;
	border-top: 1px solid #c0c0c0;
}

.bodytextbox td.picture{
	width:35%;
}

.bodytextbox td.medium-picture{
	width:50%;
}

.bodytextbox td.list{
	color: #808080;
	font-size: 16px;
	font-style: normal;
	text-decoration: none;
	padding: 5px 0px 5px 10px;
	border: 1px solid #c0c0c0;	
	position:relative;
	vertical-align:top;	
}

.bodytextbox td.picture img{
	border: 1px solid #c0c0c0;
	padding: 4px;
 	position:relative;
	vertical-align:top;	
}

.bodytextbox td.data{
	color: #808080;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;	
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-family : Arial, Helvetica, sans-serif;
 	position:relative;
	vertical-align:top;
}

.bodytextbox table.laf{
	width: 100%;
	border-collapse:separate;
	border-spacing: 10px 15px;
	color: #808080;
}

.bodytextbox td.laf{
	width:2%;
}

.bodytextbox table.info{
	width: 100%;
	border-collapse:separate;
	border-spacing: 2px 2px;
	border: 0px solid #c0c0c0;
}

.bodytextbox td.info{
	color: #808080;
}

.bodytextbox td.boldyellow{
	color: #FFCC00;
	font-weight: bold;
}

/************************************************************/
/* This sections lays out the content in the NEWS quickbox  */
/************************************************************/
.news-quick-box {
	color: white;
	height: 100px;
	border: 0px solid green;
	padding-left: 20px;
	padding-top: 4px;
}

/**********************************************************/
/* This sections lays out the content in the Two Columns  */
/**********************************************************/
#two_column_mask{
	border: 0px solid red;
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	overflow:hidden;	/* This chops off any overhanging divs */
	margin: 0px;
}



/*****************************************************/
/* This sections lays out the content in the Footer  */
/*****************************************************/
.footer {
	width: 900px;
	background: #858585;
	margin-top: 4px;
	border: 1px solid #c0c0c0;

}

.footer a {
	color: #FFCC00;
	text-decoration: none;
	font-size: 15px;
}

.footer a:hover {
	border-bottom:1px dashed white;
}

.footer table {
	width: 100%;
	border-collapse:separate;
	border-spacing: 5px 5px;
}

.footer td{
	padding: 6px;
	color: #ffffff;
	font-size: 13px;
	text-decoration: none;	
	text-align: left;	
 	position:relative;
	vertical-align:top;	
}

.footer td.contact{
	width: 50%;
}

.footer td.links a{
	color: #ffffff;
	font-size: 13px;
	text-decoration: none;	
	text-align: left;
	line-height: 22px;	
}


.footer span.title {
	text-decoration: none;
	font-size: 17px;
	color: #FFCC00;
}

	/* These classes define the three columns. In case there are multiple pages, I used a class, not an id 
	These are the common attributes to each of the three column classes */
	.column_right,
	.column_middle,
	.column_left {
		border: 0px solid green;
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}

	/* Column Classes for each column */
	.column_1,
	.column_2,
	.column_3 {
		float:left;
		position:relative;
		padding:0px 0px 2px 0px;	/* no left and right padding on columns, we just make them narrower instead 
								         only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
		border: 0px solid red;
	}	
	
	/* 3 Column class and sub-classes */
	.three_columns {
		/*background: #FFF;		 right column background colour */
	}
	
	.column_middle {
		/* background:#FFF;		center column background colour */
	}
	
	.column_left {
		right: 70%;			/* width of the middle column */
		/*background: #FFF;	 left column background colour */
		border: 0px solid blue;
		padding: 3px;
	}
	
	.column_1 {
		width:32.0%;				/* width of center column content (column width minus padding on either side) */
		left: 69.9%;				/* 100% plus left padding of center column */	
		border: 1px solid #ffffff;
		min-height: 20%;
		padding: 0px 0px 0px 0px;
	}
	
	.column_2 {
		width:66.3%;				/* Width of right column content (column width minus padding on either side) */
		left:70.4%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
		background: #FFF;	/* left column background colour */	
		border: 0px solid #494948;
		padding: 0px 3px 0px 3px;
		text-align: left;
		color: #606060;

}	

/* Tab MENU ***********************************************/
.gmw-navigation{
	text-align: middle;
	float: left; /*Set to "left" or "right" to position menu accordingly*/
	width: 100%;
	height: 100%;
	padding-top: 0px;
	padding-left: 0px;
	border: 0px solid #999e87; /* uncomment this line to add bottom border*/
    }
 
ul{
    margin:0px;
    padding:0px;
    list-style:none;
	border: 0px solid #999e87;
    }
 
 li{
    float:left;
    font-size:15px;
    color:#000;
    display:block;
    position:relative;
	border: 1px solid #999e87;
	background: url(images/middle-tab.png) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 0px;
	height: 100%;
	float: left;
	border: 0px solid red; /* uncomment this line to add bottom border*/		
    }
 
 li .hover{
    color:#FFFFFF;
    text-decoration:none;
    position:absolute;
    top:0;
    left:0;
    z-index:0;
	height: 100%;
    display:none;
    }
	
li.menu_current {
    float:left;
    font-size:15px;
    color:#000;
    display:block;
    position:relative;
	border: 1px solid #999e87;
	background: url(images/main-current-navigation-background.png) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 0px;
	height: 100%;
	float: left;
	border: 0px solid red; /* uncomment this line to add bottom border*/		
    }

/* Menu Open and Close */

 li.menu_opener  {
	display: inline;
	color: #FFFFFF;
	width: 6px;
	background: url(images/left-tab.png) no-repeat center top;
	text-align: center;
	padding: 0;
	margin-left: 1px;	
	float: left;
}


 li.menu_closer  {
	color: #FFFFFF;
	width: 2px;
	background-color: #FFFFFF;
	text-align: center;
	padding: 0px;
	float: left;
}
	
li a{
    display:block;
    text-decoration:none;
    z-index:1000;
    position:relative;
	color: #1C293E;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
	height: 100%;
	border: 0px solid red; /* uncomment this line to add bottom border*/		
    }

 li a span {
	display: block;
	padding: 22px 23px 4px 19px;
} 
 
li  a span {
	float: none;
}
 
ul li ul{
    width:200px;
    position:absolute;
    display:none;
    top:64px;
    padding:1px 0 0 0;
    }
 
ul li:hover ul{
 
    display:block;
 
    }
 
ul li ul li{
    display:block;
    padding:10px 10px 10px 0;
    padding:0px;
    margin:0px;
    background: #000;
    position:relative;
	width: 240px;
	height: 45px;
	background: #c0c0c0;
	border-top: 1px solid white;
    }
	
	ul li ul li:hover{
    display:block;
    padding:10px 10px 10px 0;
    padding:0px;
    margin:0px;
    background: #000;
    position:relative;
	width: 240px;
	height: 45px;
	background: #e0e0e0;
	border-top: 1px solid white;
    }
 
 ul li ul li.menu_current{
    display:block;
    padding:10px 15px 10px 0;
    padding:0px;
    margin:0px;
    background: #000;
    position:relative;
	width: 240px;
	height: 45px;
	background: url(images/main-navigation-background.png) repeat-x;
	border-top: 1px solid white;
	color:#FFFFFF;
    }



ul li ul li a{
    display:block;
    color:#000000;
    text-decoration:none;
    z-index:1000;
	padding:0px;
    position:relative;
	font-family : Arial, Helvetica, sans-serif; 
	font-size: 16px;
	text-align: left;
	width: 100%;
	border: 0px solid red;
    }	

ul li ul li.menu_current a{
    color:#404040;
	font-weight: normal;
}
	
ul li ul li a span{
	display: block;
	border: 0px solid blue;
	padding: 13px 20px 0px 10px;
}