@charset "utf-8";
/*  ----------------------------------------------------------------------------------- */
/*  This is the frontend CSS file and contains all layout and text attributes           */
/*  This file should always be read after the reset.css file                            */
/*  http://www.crucialwebhost.com/blog/master-stylesheet-the-most-useful-css-technique/ */
/*  ----------------------------------------------------------------------------------- */

/*  ----------------------------------------------------------------------------------- */
/*  Sitewide style                                                                      */
/*  ----------------------------------------------------------------------------------- */
html, body {
	background-color: #fff;
}

/*  ----------------------------------------------------------------------------------- */
/*  Alignment & clear styles                                                            */
/*  ----------------------------------------------------------------------------------- */
img.align_left {
	float: left;
	margin: 2px 20px 16px 0;
}
img.align_right {
	float: right; 
	margin: 2px 0 16px 20px;
}
.clearfix {/* float clearing for IE6 */
	zoom:1;
	_height:1%;
	width:100%;
}
.clearfix {/* float clearing for everyone else */
	clear: both;
	overflow:hidden;
	height: 1px;
	background-color: #FFFF00;
}

/*  ----------------------------------------------------------------------------------- */
/*  Website containers                                                                  */
/*  ----------------------------------------------------------------------------------- */
#container {
	width: 930px; /* Sets the main width of the website */
	margin: 0 auto;
}

/*  ----------------------------------------------------------------------------------- */
/*  Website subcontainers                                                               */
/*  ----------------------------------------------------------------------------------- */
#subcontainer-header {
	width: 100%;
}
#subcontainer-body {
	width: 100%;
}
#subcontainer-footer {
	width: 100%;
	padding-bottom: 20px; /* Gives the footer space before the bottom of the browser window */
}

/*  ----------------------------------------------------------------------------------- */
/*  Layout divs which are placed in the subcontainers                                   */
/*  ----------------------------------------------------------------------------------- */
#logo {
	width:200px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #999999;
}
#utilities {
	width:450px;
	float: right;
	text-align: right;
	margin-top: 10px;
	border: 1px solid #999999;
}
#navigation-main {
	clear: both;
	border: 1px solid #999999;
}
#navigation-footer {
	margin-top: 10px;
	height: auto;
	clear: both;
	border: 1px solid #999999;
}
#navigation-breadcrumb {
	height: auto;
	clear: both;
	margin-top: 10px;
	border: 1px solid #999999;
}
#navigation-subnav {
	margin-top: 10px;
	float: left;
	width:210px;
	border: 1px solid #999999;
}
#content {
	margin-top: 10px;
	float: right;
	width: 690px;
	border: 1px solid #999999;
}
#content-wide {
	margin-top: 10px;
	float: right;
	width: 930px;
	border: 1px solid #999999;
}

/*  ----------------------------------------------------------------------------------- */
/*  Navigation styles                                                                   */
/*  ----------------------------------------------------------------------------------- */
#navigation-main ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
}
#navigation-main ul.navigation li {
	list-style:none;
	margin-left: 0px;
	display:inline;
}
#navigation-main ul.navigation a:link {
	text-decoration: none;
	color: #000;
}
#navigation-main ul.navigation a:visited {
	text-decoration: none;
	color: #000;
}
#navigation-main ul.navigation a:active {
	text-decoration: none;
	color: #000;
}
#navigation-main ul.navigation a:hover {
	text-decoration: underline;
	color: #333333;
}



#navigation-subnav ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
}
#navigation-subnav ul.navigation li {
	margin-left: 0px;
	list-style:none;
}
#navigation-subnav ul.navigation a:link {
	text-decoration: none;
	color: #000;
}
#navigation-subnav ul.navigation a:visited {
	text-decoration: none;
	color: #000;
}
#navigation-subnav ul.navigation a:active {
	text-decoration: none;
	color: #000;
}
#navigation-subnav ul.navigation a:hover {
	text-decoration: underline;
	color: #333333;
}



#navigation-footer ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
}
#navigation-footer ul.navigation li {
	margin-left: 0px;
	list-style:none;
	display:inline;
}
#navigation-footer ul.navigation a:link {
	text-decoration: none;
	color: #000;
}
#navigation-footer ul.navigation a:visited {
	text-decoration: none;
	color: #000;
}
#navigation-footer ul.navigation a:active {
	text-decoration: none;
	color: #000;
}
#navigation-footer ul.navigation a:hover {
	text-decoration: underline;
	color: #333333;
}



#navigation-breadcrumb ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
}
#navigation-breadcrumb ul.navigation li {
	margin-left: 0px;
	list-style:none;
	display:inline;
}
#navigation-breadcrumb ul.navigation a:link {
	text-decoration: none;
	color: #000;
}
#navigation-breadcrumb ul.navigation a:visited {
	text-decoration: none;
	color: #000;
}
#navigation-breadcrumb ul.navigation a:active {
	text-decoration: none;
	color: #000;
}
#navigation-breadcrumb ul.navigation a:hover {
	text-decoration: underline;
	color: #333333;
}

/*  ----------------------------------------------------------------------------------- */
/*  Form styles                                                                         */
/*  ----------------------------------------------------------------------------------- */
input {
	border: thin #333333 solid;
}
.input-search {
	width:185px;
	border: 1px solid #999999;
	height:19px;
}
.input-xxx {
	width:185px;
	border: 1px solid #999999;
	height:19px;
}
.input-textarea {
	width:185px;
	border: 1px solid #999999;
	height:35px;
}
.button-submit {
	height:19px;
	width:70px;
	background-color:#ffffff;
	border:1px solid #999999;
}
.drop-down-nav {
	width:185px;
	border: 1px solid #999999;
}

/*  ----------------------------------------------------------------------------------- */
/*  User error & success message styles                                                 */
/*  ----------------------------------------------------------------------------------- */
.user-message-error {
	color: #990000;
	font-weight: bold;
}
.user-message-success {
	color: #009900;
	font-weight: bold;
}