/* CSS Document */

/*Style sheet for the 2 column static template*/

/*This style effects virtually everything within page, as all the page content sits within the body tag*/
BODY {PADDING: 0; MARGIN: 0; font-family: Verdana, Arial, Helvetica, sans-serif; 

	background-color: #cccccc;}

.menu {background:#ffffff;
background-image: url(../siteimages/bgsplint.jpg);
	background-repeat: repeat-y; padding:0px; margin:0px;}
	.menuindex {background:#ffffff;}

/*This box contains the main navigation and main page content*/
.container {margin: 0 auto; width: 742px; padding: 0; }
.container2 {margin: 0 auto; width: 1000px; padding: 0; }

.headgraphicone{background-image: url(../siteimages/fc_headersplint.jpg);
background-repeat: no-repeat;
width: 742px;
height: 121px;
margin: 10;
padding: 0;}
.headgraphictwo{background-image:url(../siteimages/logol.gif);
background-repeat: no-repeat;
width: 742px;
height: 121px;
margin: 10;
padding: 0;}
.headgraphicthree{background-image:url(../siteimages/logoa.gif);
background-repeat: no-repeat;
width: 34px;
height: 121px;
margin: 10;
padding: 0;}
.headgraphicfour{background-image:url(../siteimages/logor.gif);
background-repeat: no-repeat;
width: 190px;
height: 121px;
margin: 10;
padding: 0;}

.mainimg{margin:0px 0px 15px 5px;}

/*The widths of columnOne and columnTwo should add up to 740px , column one is for the main navigation*/
.columnOne { FLOAT: left; WIDTH: 221px; PADDING:0px; margin:0px;  }
.splinthome{WIDTH: 221px; height:26px;}

/*------------------------menu left hand menu--------------------------*/
/*This sets the padding and margin for the main navigation bars to zero*/
.columnOne ul {margin: 0px; PADDING: 0px; list-style: none; line-height: 100%; background-color:#fff; font-size: 75%;}
/*This sets font size, and text alignment*/
.columnOne li { border-bottom: 1px solid #501760; background: #ffffff; color: #501760;}
/*This sets the style for the  main navigation bars, the height can be altered by adjusting the top and bottom padding, which is currently set to 5px*/
.columnOne li a {font-weight: bold;display: block; text-decoration: none; padding: 5px 0px 5px 20px;  color: #501760;
background-image: url(../siteimages/arrowso.gif); background-repeat:no-repeat; background-position:5px 1px; margin:0px;}
.columnOne li a:hover, .columnOne li a.current  {font-weight: bold;color: #ffffff; background: #E68729; background-position:5px 1px; background-image: url(../siteimages/arrows.gif); background-repeat:no-repeat;padding: 5px 0px 5px 20px;}
/*This is the style sheet for the main navigation*/

.columnOne img a{padding:0px; margin:0px;}

/*------------------------  sub menu left hand menu   --------------------------*/
.columnOne ul ul {font-size: 100%; margin: 0px; PADDING: 0px; list-style: none; line-height: 100%; background-color:#fff; border-bottom: 1px solid #fff;}
.columnOne ul ul li {font-weight: normal; border-bottom: 1px solid #ffffff; background: #ffffff; color: #E68729;}
.columnOne ul ul li a {font-weight: bold;display: block; text-decoration: none; padding: 7px 0px 7px 20px;  color: #E68729;
background-image: none; background-repeat:no-repeat; background-position:5px 1px; margin:0px;}
.columnOne ul ul li a:hover, .columnOne ul ul li a.current  {font-weight: bold; color: #501760; background: #ffffff; background-position:5px 1px; background-image: none; background-repeat:no-repeat;padding: 7px 0px 7px 20px;}
/*------------------------  sub menu left hand menu   --------------------------*/
.columnOne ul ul ul{font-size: 95%;margin: 0px; PADDING: 0px; list-style: none;  background-color:#fff; border-bottom: 1px solid #fff;}
.columnOne ul ul ul li {font-weight: normal; border-bottom: 1px solid #ffffff; background: #ffffff; color: #E68729;}
.columnOne ul ul ul li a {font-weight: normal;display: block; text-decoration: none; padding: 7px 0px 7px 30px;  color: #E68729;
background-image: url(../siteimages/arrowsub.gif); background-repeat:no-repeat; background-position:15px 1px; margin:0px;}
.columnOne ul ul ul li a:hover, .columnOne ul ul ul li a.current  {font-weight: normal; color: #000000; background-image: url(../siteimages/arrowsubover.gif); background-repeat:no-repeat; background-position:15px 1px;padding: 7px 0px 7px 30px;}
/*This is the style sheet for the main navigation*/

/*------------------------  search keywords  ----------------------------------*/
.searchbg{background-color:#501760; text-align:right; padding:8px 8px 8px 8px; background-image:url(../siteimages/splintsearchbg2.jpg); background-repeat: repeat-x; height:300px;}

/*------------------  all form elements  --------------------------------------*/
form {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%;}
input{font-size:80%; margin:0px; padding:0px;}
select{font-size:80%; margin:0px; padding:0px;}
.intxt{width:200px;}
.br {height: 20px;}
/*-----------------------------------------------------------------------------------------*/


/*The widths of columnOne and columnTwo should add up to 740px , column two is for the main page contents*/
.columnTwo {
	float: left;
	WIDTH: 500px;
	PADDING: 5px 0px 5px 5px;
	margin:0px;
	COLOR: #663399;
	background-color: #ffffff;
}
#index .columnTwo {  float: left; WIDTH: 492px; PADDING: 15px 0px 5px 5px; margin:0px; COLOR: #333333; }
.columnTwo hr {
	border: none 0;
	border-top: 1px solid #bcbec0; /* the border */
	width: 100%;
	height: 1px; /* total width of the border-top and border-bottom equal */
	text-align: centre; /* alignment for IE */
	margin: 0px 10px 0px 15px; /* alignment for Mozilla */
	padding:0px;
	}
/*This is the style for all links in the main page content*/
.columnTwo a, .columnTwo a:link, .columnTwo a:visited, .columnTwo a:active {text-decoration: none; color:#501760;}
.columnTwo a:hover {text-decoration: underline; color:#E68729;}	

/*This sets the indent for a bulleted list and also its font size*/
.columnTwo ul {margin: 5px 0px 20px 20px; padding: 0; font-size: 72%; list-style: none;font-weight:bold;}

/*This sets the indent for a numbered list and also its font size*/
.columnTwo ol {margin: 0px 0px 20px 40px; padding: 0; font-size: 72%;}

/*This sets the indent for a definition list and also its font size*/
.columnTwo dl {margin: 0 0 0 29px; padding: 0; font-size: 72%;}

/*This provides a margin around the text in a numbered list*/
.columnTwo ol li {margin: 0; padding: 0px 15px 10px 10px; line-height:160%; list-style-type: decimal;}

/*This provides a margin around the text in a bulleted list*/
.columnTwo ul li {margin: 0; padding: 0px 0px 10px 20px; line-height:170%; background-image: url(../siteimages/bullet.jpg); background-repeat:no-repeat; background-position:5px 6px;}

/*This sets the indent for the first option in your definition list*/
.columnTwo dl dt {margin: 5px 0 0 0; padding: 0; font-weight: bold;}

/*This sets the indent for the second option in your definition list*/
.columnTwo dl dd {margin: 0 0 0 20px; padding: 0;}

.columnTwo img{border: 1px solid #cccccc; padding:3px; clear:both; margin:5px 5px 5px 5px;}
#index .columnTwo img{border: 1px solid #ffffff; padding:0px 0px 0px 0px; clear:both; margin:0px 12px 0px 12px;}
.columnTwo ul li img{border: 1px solid #ffffff; padding:0px; margin:0px;}




#alphabet{
width:480px;
padding:12px 0px 0px 16px;
font-size: 85%;
margin:5px 0px 0px 0px;
background-color: #ffffff;}

#alphabet ul {
	margin:0px;
	padding:0px;
	display: inline;} 

#alphabet ul li {
	margin: 0px 5px 0px 0px;
	padding:0px;
list-style: none;
	display: inline;
font-weight:bold;
	line-height:270%;
	background-image:none;}
	
#alphabet ul li a:link, #alphabet ul li a:visited {
text-decoration: none;
padding:4px 8px 4px 8px;
color:  #417295;
background-color:#ffffff;
border:1px solid #cccccc;}

#alphabet ul li a:hover {text-decoration: none; padding:4px 8px 4px 8px;
color: #ffffff;
background-color:#E68729;}





/*this is for the bottom of the screen, so that the background image for the menu shows up*/
.bottom {clear: both; overflow: hidden; width: 100%; height: 20px;  background-image: url(../siteimages/fc_footer.jpg);
}

/*sets the text size for the h1 text, main heading top right hand corner*/
h1 {font-size: 120%; text-align: right; font-weight: bold; padding: 32px 5px 0 0; margin: 0; color: #FFFFFF; display: none;}
/*sets the style for the page heading*/
h2 {font-size: 95%; font-weight: bold; padding: 10px 10px 3px 0; margin: 15px 10px 10px 15px;border-bottom:1px solid #cccccc;
	color: #E68729;}

/*sets the style for sub-headings*/
h3 {
	font-size: 82%;
	font-weight: bold;
	padding: 10px 0px 5px 0px;
	margin: 10px 10px 5px 15px;
	color: #000000;
}


/*sets the style for sub-headings*/
h4 {
	font-size: 80%;
	font-weight: bold;
	padding: 8px 0px 5px 0px;
	margin: 0px 10px 5px 15px;
color: #666666;
line-height:150%;
}
h5 {
	font-size: 75%;
	font-weight: bold;
	padding: 8px 0px 5px 0px;
	margin: 10px 10px 5px 15px;
color: #999999;
}
.superscript{vertical-align:super; font-size: 82%;}
.subscript{vertical-align:sub; font-size: 82%;}

/*sets the style for paragraph text*/
P {
	padding: 0;
	margin: 7px 10px 13px 15px;
	font-size: 70%;
	line-height: 150%;
	background: #FFFFFF;
}

.intro{font-size: 75%; line-height: 165%; color:#846090;margin: 7px 10px 20px 15px; font-weight: bold;}

/*floats the div to the right*/
.right {float: right; padding:0px 0px 5px 5px; margin:0px;}

/*floats the div to the left*/
.left {float: left; padding:0px 5px 5px 0px; margin:0px;}
.center{text-align:center;}

/*sets a border of zero for all images*/
img {border: 0;}



/*sets the font style to bold*/
.bold {font-weight: bold;}

/*sets a div to clear any divs above it*/
.clear {CLEAR: both;}

.newslist{ clear:both; font-weight:bold; }

hr {
	border: none 0;
	border-top: 1px solid #bcbec0; /* the border */
	width: 445px;
	height: 1px; /* total width of the border-top and border-bottom equal */
	text-align: centre; /* alignment for IE */
	margin: 0px 0px 0px 5px;
	padding:0px; /* alignment for Mozilla */
	}
	

	.dotted{
	border: none 0;
	border-top: 1px dashed #bcbec0; /* the border */
	width: 100%;
	height: 1px; /* total width of the border-top and border-bottom equal */
	text-align: centre; /* alignment for IE */
	margin: 4px 0px 0px 0px; /* alignment for Mozilla */
	}
	.grey {color:#666666;}
	


/*sets the style for tables*/
table {border: 0; margin: 10px 10px 10px 15px; padding: 0; border-collapse: collapse; font-size: 70%; width: 95%; }
table p{ padding: 0; margin: 7px 10px 13px 0px;font-size: 100%;}

/*sets the style for table headings*/
th {padding: 5px; font-weight: bold; background: #417296; text-align:left; color:#ffffff;border: 1px solid #417296;}

/*sets the style for cells within a table*/
td {padding: 5px; border: 1px solid #417296; vertical-align:top;}

#staff table {border: 0; margin: 10px 10px 10px 15px; padding: 0; border-collapse: collapse; font-size: 70%; width: 95%; }
#staff table h4{ padding: 0px; margin: 0px; font-size: 120%; border-bottom:1px solid #ccc;}
#staff table p{ padding: 0; margin: 7px 10px 13px 0px; font-size: 100%;}

/*sets the style for table headings*/
#staff th {padding: 5px; font-weight: bold; background: #417296; text-align:left; color:#ffffff;border: 1px solid #ccc;}

/*sets the style for cells within a table*/
#staff td {padding: 0px!important; margin:0px!important; border: none; vertical-align:top;}
#staff td img{border:none!important; padding:0px; clear:both; margin:5px 5px 0px 0px!important;}

/*sets the style for tables*/
.noborder {border: 0; margin: 15px; padding: 0; border-collapse: collapse; font-size: 100%; width: 95%; line-height:150%;}
/*sets the style for cells within a table*/
.noborder td {padding: 0px 0px 5px 0px; border: 1px solid #ffffff; vertical-align:top;  }

.noborder p{font-size: 70%; padding: 0px 5px 5px 0px; margin:0px}
.noborder h4{margin: 5px 10px 5px 0px;}



.odd {background: #000000;}
/*sets the background colour for all even rows in a table*/
.even {background: #ffffff;}