/* General styles */
	html {
		height: 100%;
}
    body {
    	height: 100%;
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#7c98ae;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		line-height: normal;
    }
    
    body ul{
		margin-left: 2em;
		margin-top: 7px;
		margin-bottom: 7px;
}

	body ul li {
		padding-bottom: 2px;
}

	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
    }
	#header {
		background: #7c98ae;
	}
	
	.topright{
	font-weight: bold;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	line-height: normal;
	margin-right: 5px;
	
	}
	
	a.topright:visited	{ color: #ffffff; text-decoration: none; }
		
	a.topright:link	{ color: #ffffff; text-decoration: none; }
	a.topright:hover		{ color: #c3f209; }
	a.topright:active	{ color: #ffffff; }

}

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		background: #ffffff;
	}
		
	/* holy grail 3 column settings */
	.holygrail {
	    background:#ccd6e0;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#ffffff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        background:#ccd6e0;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		background-color: #050c67;
    }
    
    #hometable {
		width:100%;
		border-width: 0;
		padding: 0;
	}
	
	#headermenu {
		background-color: #050c67;
		color: #ffffff;
		width: 100%;		 
}

	#tophome {
		padding: .5em 1em;
}

	#footertable {
		 padding: .5em 1em;
}


	.hometext {
	width: 75%;
	text-align: left;
	margin-left: 60px;
	margin-top: 5px;
	margin-bottom: 20px;
	max-width: 650px;
}	

	.homeimg {
	/*width: 75%;*/
	text-align: left;
	margin-left: 120px;
	max-width: 650px;
	margin-bottom: 2em;

}

	#newstable{
		padding: 0 0 0 0;
		margin: 11px 0 0 0;
		width:225px;
		height: 218px;
		background-color: #7c98ae;
		color: #ffffff; 
		border: 1px silver solid;
		font-size: 10px;		
	
}

	.newsul {
	padding: 0 0 0 0;
	font-weight:bold;
	list-style-image:url('images/arrow.jpg');
	
}

	.newsul li {
	padding-bottom: 5px;
}


	.content{
	    padding: 1em 1em 3em 1em;
	    font-size: 12px;	    
}

	.rightbar{
		border: 1px gray solid;
		/*padding: 1em 1em 1em 2em;*/
		font-size: 10px;
		font-weight: bold;
		margin: 10px 10px 0 0;
		width:233px;
	
}

	.rightbar ul{
		list-style-image:url('images/arrow_w.jpg');
		text-align:left;
		margin-left:2em;
		margin-top:5px;
		padding: 0 0 0 0;

}

	.rightbar ul li {
		padding-bottom: 5px;
}

	.popul {
		list-style-image:url('images/arrow_b.jpg');
		text-align:left;
		margin-left:2em;
		margin-top:5px;
		padding: 0 0 0 0;
	
}

	.popul li {
	padding-bottom: 5px;
}

	.boxli {
		padding: 0 0 0 0;
		margin: 0 .5em 0 2em;
		text-align: left;
}


	.bioBox{
	background-color:white;
	position:absolute;
	z-index:1000;
	left:200px;
	top:85px;
	border:3px #ccd6e0 solid;
	display:none;
	padding:8px 8px 8px 8px;
	width:520px;
	height:450px;
	overflow:auto;
}

	h6{
	margin-bottom: .5em;
}

	.commbox{
	background-color:#e1f8fe;
	padding:8px 8px 8px 8px;
	border:1px black solid;	
}

	.commpop{
	background-color:#e4fee1;
	position:absolute;
	z-index:1000;
	left:200px;
	top:120px;
	border:3px #ccd6e0 solid;
	display:none;
	padding:8px 8px 8px 8px;
	width:480px;
	height:350px;
	overflow:auto;
}

	#imgBack{
	background-color:Black; 
	display:none; 
	left:0px; 
	top:0px; 
	position:absolute; 
	filter:alpha(opacity=50); 
	opacity:.5; 
	z-index:999; 
	width:100%; 
	height:800px;
}

	sup {
	font-size:8px;
}

	.newsimage{
		margin-right: .5em;
		margin-bottom: .5em;		
}

/* used for header and footer links */
	a.links:link {
	 color: #ffffff;
	 text-decoration: none;
	}
	
	a.links:visited {
	 color: #ffffff;
	 text-decoration: none;
	}
	
	a.links:hover {
		color: #ffffff;
		text-decoration: underline
	}
	
	a.links:active {
	 color: #ffffff;
	 text-decoration: none;
	}

/* used for right bar links */
	a.links2:link {
	 color: #7c98ae;
	 text-decoration: none;
	}
	
	a.links2:visited {
	 color: #7c98ae;
	 text-decoration: none;
	}
	
	a.links2:hover {
	 color: #ccd6e0;
	 text-decoration: underline
	}
	
	a.links2:active {
	 color: #7c98ae;
	 text-decoration: none;
	}
	
/* used for leadership page */
	a.linksbio:link {
	 font-weight: bold;
	 color: #7c98ae;
	 text-decoration: none;
	}
	
	a.linksbio:visited {
	 font-weight: bold;
	 color: #7c98ae;
	 text-decoration: none;
	}
	
	a.linksbio:hover {
	 font-weight: bold;
     color: #ccd6e0;
	 text-decoration: underline
	}
	
	a.linksbio:active {
	 font-weight: bold;
	 color: #7c98ae;
	 text-decoration: none;
	}

/* used for community page */
	a.commlink:link {
	 color: #050c67;
	 text-decoration: none;
	}
	
	a.commlink:visited {
	 color: #050c67;
	 text-decoration: none;
	}
	
	a.commlink:hover {
     color: #7c98ae;
	 text-decoration: underline
	}
	
	a.commlink:active {
	 color: #050c67;
	 text-decoration: none;
	}


/* used for general links */
	a:link {
	 color: #050c67;
	 text-decoration: none;
	}
	
	a:visited {
	 color: #050c67;
	 text-decoration: none;
	}
	
	a:hover {
	 color: #7c98ae;
	 text-decoration: underline
	}
	
	a:active {
	 color: #050c67;
	 text-decoration: none;
	}