@charset "UTF-8";

html { min-height: 100%; margin-bottom: 1px; }

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #591086;
	height: 100%;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image:url(bgimg_shadow3.png);
        background-repeat: repeat-y; /** Repeats the image vertically **/
        background-position: center; /** Centers the Background image **/
			}

a:link{color:#339; text-decoration:none}
a:visited{color:#606;text-decoration:none}
a:hover{color:#00C; text-decoration:underline;}
a:active{color:#06F;text-decoration:none}

a img {border:0px;}


.oneColFixCtrHdr #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin-left:auto; /* the auto margins (in conjunction with a width) center the page */
	margin-right:auto;
	height: 100%;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: #E9E2F8;
	}

.oneColFixCtrHdr #banner {
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(top_banner.png);
	padding:0;
	margin:0;
	vertical-align:top;
			}

.oneColFixCtrHdr #topnav {
	text-align: right;
	padding: 0 0px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin:0px;
	}


.oneColFixCtrHdr #logo {
		padding-left: 10px;
		border:0px;
		}

.oneColFixCtrHdr #address {
	text-align: right;
	padding: 0 10px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want 			to remove the padding. */
	text-transform: uppercase;
	color: #591086;
	font-variant:small-caps;
	font-size:9px;
	}

.oneColFixCtrHdr #bannernav {
	height: 46px;
	text-align: right;
	background:url(bannernavbg.png);
	background-repeat: no-repeat;
	padding-top:0px;
		}

.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	text-transform: uppercase;
	}
.oneColFixCtrHdr #features {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #E9E2F8;
	margin:0;
	}

.oneColFixCtrHdr h1 {
	text-transform: uppercase;
	color: #591086;
	font-size:16px;
	}
	
.oneColFixCtrHdr h2 {
	text-transform: uppercase;
	color: #591086;
	font-size:12px;
	}
	
.oneColFixCtrHdr h3 {
	text-transform: uppercase;
	color: #591086;
	font-size:10px;
}
	/* Start of Sidebar layout CSS */

/* 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 */
	}
	/* 2 column left menu settings */
	.leftmenu {
		background-color:#C7A1FE;
			}
			
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:200px;
        background:#E9E2F8;
		border-left:dotted;
		border-left-width:thin;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
			}
	.leftmenu .col1 {
        margin:0 15px 0 200px;
		position:relative;
	    right:100%;
	    overflow:hidden;
		padding-left:20px;
		}
    .leftmenu .col2 {
        float:left;
        width:185px;
        position:relative;
        right:185px;
		    }
/* --> */
	
	
	/* Start of 4 Column CSS layout */
#container4 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:none; /* column 4 background colour */
}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:none; /* column 3 background colour */
	border-right-style:dotted;
	border-width:thin;
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:none; /* column 2 background colour */
	border-right-style:dotted;
	border-width:thin;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background:none; /* column 1 background colour */
	border-right-style:dotted;
	border-width:thin;
}

#col1 {
	float:left;
	width:21%;
	position:relative;
	left:77%;
	overflow:hidden;
	}
#col2 {
	float:left;
	width:21%;
	position:relative;
	left:81%;
	overflow:hidden;
}
#col3 {
	float:left;
	width:21%;
	position:relative;
	left:85%;
	overflow:hidden;
}
#col4 {
	float:left;
	width:21%;
	position:relative;
	left:89%;
	overflow:hidden;
	text-align:left;
}
	

.oneColFixCtrHdr #footer {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding-top: 0px;
	padding-left:20px;
	clear:both;
	font-size:10px;
	border-top-style:dotted;
	border-top-color:#333;
	border-top-width:thin;
}


.bannermenu {
	text-align: right;
	float: right;
	list-style: none;
	padding: 0px;
	margin-bottom:0px;
	width: 100%;
		}
		
.bannermenu li {
	float: right;
	font: 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
	
.bannermenu a {
	color: #fff;
	display: block;
	float: right;
	margin: 0px;
	padding: 4px 12px;
	text-decoration: none;
	font-weight:normal;
	}
.bannermenu a:hover {
	background: url("hover_down.gif") top center no-repeat;
	color: #ccc;
	padding-bottom: 3px;
		}
		
.topmenu {
	text-align: right;
	float: right;
	list-style: none;
	padding: 0;
	margin:0px;
	width: 100%;
		}
.topmenu li {
	float: right;
	font: 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
.topmenu a {
	color: #000;
	display: block;
	float: right;
	margin: 0;
	padding: 0px 12px;
	text-decoration: none;
	font-weight:normal;
	}
.topmenu a:hover {
	background: url("hover_right_trans.gif") left center no-repeat;
	color: #666;
	padding-bottom: 0px;
	vertical-align:middle;
		}
		
.sidemenu {
	text-align: left;
	list-style: none;
	padding: 0;
	margin:0px;
	width: 100%;
		}
.sidemenu li {
	font: 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
.sidemenu a {
	color: #000;
	display: block;
	margin:5px;
	padding: 0px 6px;
	text-decoration: none;
	font-weight:normal;
	}
.sidemenu a:hover {
	background: url("hover_right_trans.gif") left center no-repeat;
	color: #666;
	padding-bottom: 0px;
	vertical-align:middle;
		}
		
.search {
	float:right;
	border:0px;
	}
		
#ajaxSearch_form {
            color: #000;
            width: auto;
        }
        #ajaxSearch_input {
            width: auto;
            display: inline;
            height: 17px;
            border: 0px solid #ddd;
            border-left-color: #c3c3c3;
            border-top-color: #7c7c7c;
            background: #fff url(images/input-bg.gif) repeat-x top left;
            margin: 0 3px 0 0;
            padding: 3px 0 0;
            vertical-align: top;
        }
        #ajaxSearch_submit {
            display: inline;
            height: 22px;
            line-height: 22px;
        }
        #ajaxSearch_output {
            border: 1px solid #444;
            padding: 10px;
            background: #fff;
            display: block;
            height: auto;
            vertical-align: top;
        }
        .AS_ajax_result {
            color: #444;
            margin-bottom: 3px;
        }
        .AS_ajax_resultLink {
            text-decoration: underline;
        }
        .AS_ajax_resultDescription{
            color: #555;
        }
        .AS_ajax_more {
            color: #555;
        }
		
.rssChannelLink  {
	text-transform: uppercase;
	color: #591086;
	font-size:10px;
	text-decoration:none;
}
.rssItem  {
	list-style-type:none;
	}

.rssItemLink  {
	font-size:10px;
	font-weight:bold;}

.rssChannelDesc {display:none;}

.rssChannelLink {display:none;}

.ditto_item {
	margin:0;}
	
.ditto_documentInfo {
		color:#669;
		font-size:9px;
		padding-bottom:2px;}

.ditto_pageTitle {
	margin:0;
	padding:0;}
	
.ditto_introText {
	padding-bottom:8px;}

.shadowLarge {
  -moz-box-shadow: 7px 5px #ccc;
  -webkit-box-shadow: 7px 5px #ccc;
  box-shadow: 7px 5px #ccc;
}

.shadowSmall {
  -moz-box-shadow: 2px 2px #ccc;
  -webkit-box-shadow:2px 2px #ccc;
  box-shadow: 2px 2px #ccc;
}

.shadowSmallDark {
  -moz-box-shadow: 2px 2px #999;
  -webkit-box-shadow:2px 2px #999;
  box-shadow: 2px 2px #999;
  margin-bottom:30px;
}

.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }

.linklist {
	text-align: left;
	list-style: none;
	background-color:#CCC;
	height:50px;
	}

.linklistright {
	text-align: right;
	list-style: none;
	background-color:#CCC;
	height:65px;
	}