@charset "utf-8";
/* CSS Document */

/* Eric Meyer CSS Reset */

      html, body, div, span, applet, object, iframe,
      h1, h2, h3, h4, h5, h6, p, blockquote, pre,
      a, abbr, acronym, address, big, cite, code,
      del, dfn, em, font, img, ins, kbd, q, s, samp,
      small, strike, strong, sub, sup, tt, var,
      dl, dt, dd, ol, ul, li,
      fieldset, form, label, legend,
      table, caption, tbody, tfoot, thead, tr, th, td {
      	margin: 0;
      	padding: 0;
      	border: 0;
      	outline: 0;
      	font-weight: inherit;
      	font-style: inherit;
      	font-size: 100%;
      	font-family: inherit;
      	vertical-align: baseline;
      }
      /* remember to define focus styles! */
      :focus {
      	outline: 0;
      }
      body {
      	line-height: 1;
      	color: #333333;
      	background: white;
			font-size: 10px;
      }
      ol, ul {
      	list-style: none;
      }
      /* tables still need 'cellspacing="0"' in the markup */
      table {
      	border-collapse: separate;
      	border-spacing: 0;
      }
      caption, th, td {
      	text-align: left;
      	font-weight: normal;
      }
      blockquote:before, blockquote:after,
      q:before, q:after {
      	content: "";
      }
      blockquote, q {
      	quotes: "" "";
      }
      /* end Eric Meyer Reset */
body {
	color: #333333;
	width: 100%;
	font-size: 90%;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	line-height: 20px;
}

label {font-weight: bold;}

.marginright {margin-right: 5px;}

h1 {font-size: 200%; font-weight: bold; margin-top: 24px;}
h2 {font-size: 180%; font-weight: bold; margin-top: 22px;}
h3 {font-size: 160%; font-weight: bold; margin-top: 20px;}
h4 {font-size: 140%; font-weight: bold; margin-top: 18px;}
h5 {font-size: 120%; font-weight: bold; margin-top: 14px;}
h6 {font-size: 110%; font-weight: bold; font-style: italic; margin-top: 12px;}

h1, h2, h3, h4, h5, h6 {color: #5A6C83;}

p {margin-top: 10px; font-size: 100%; line-height: 1.25;}
blockquote {font-size: 100%; line-height: 1.25;}

a img {border: 0;}

ul {margin-left: 9px;}
ul li {list-style-type: none; list-style-image:none;}

label {font-weight: bold;}

/* automatic icons for documents, rss, ical, and powerpoint file extensions in links */
a[href$='.pdf'] {
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/autoicons/icon_pdf.gif) no-repeat center left;
}

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/autoicons/icon_doc.gif)  no-repeat center left;
}

a[href$='.xls'], a[href$='.csv'] {
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/autoicons/icon_xls.gif)  no-repeat center left;
}

a[href$='.rss'], a[href$='.atom'] {
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/autoicons/icon_feed.gif)  no-repeat center left;
}

a[href$='.pps'] {
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/autoicons/icon_pps.gif)  no-repeat center left;
}

a[href$='.ical'] {
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/autoicons/icon_ical.gif)  no-repeat center left;
}
/* END automatic icons for documents, rss, ical, and powerpoint file extensions in links END*/

/* text styles to use with span classes within paragraphs or for styling an entire paragraph */
.red {color: #AC1F24;}
.bold {
font-weight:bold;
}
.italic {
font-style:italic;
}
.largetext {
font-size: 160%;
}
.smalltext {
font-size: 80%;
}
.underline {text-decoration: underline;}
/* END text styles to use with span classes within paragraphs or for styling an entire paragraph END*/


/* easy float left or right classes */
.left {float: left;}
.right {float: right;}
/* END easy float left or right classes END */

/* used for classes that do not need to display in handheld, print, and/or screen versions */
.screen, .notvisible, #design h1.print , #headerbg img.handheld {display: none;}

/* END used for classes that do not need to display in handheld, print, and/or screen versions END*/


#page {width: 7in; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; text-align: center; background-color: #dbdee3; background-image: url(../images/branding-bg.gif); background-repeat: repeat-x; background-position: top left;}
#branding {width: 7in; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; text-align: left; background-color: #dbdee3; background-image: url(../images/branding-bg.gif); background-repeat: repeat-x; background-position: top left;}
#branding img.handheld {text-align: left;}

#design {width: 100%; margin-left: auto; margin-right: auto; margin-top: 0px; background-color: white;}
#design h1 {color: #333333;}
#headerbg {width: 7in; float: left;}
#headerbg a img {display: none;}
#horizmenu, #horizmenupage {
	width: 7in;
	line-height: 2.5;
	background-color: #adb6c1;
}

#header {z-index: 2; margin: 0px; padding: 0px; float: right; width: 500px; margin-top: -255px;}
     .middle, search, mission {display: none;}
#headerpage{display: none;}

    #horizmenu ul li, #horizmenupage ul li {display: inline; list-style: none; margin-left: 15px; margin-top: 52px;}
      #horizmenu ul li a, #horizmenupage ul li a {font-size: 120%; font-weight: bold; color: #58595B; margin: 2px 15px 0 0; padding: 5px 16px 5px 16px; text-align: center; text-decoration: none;}
      #horizmenu ul li a:hover, #horizmenupage ul li a:hover {text-decoration: underline; color: #596C83;}
    #headingbar h2 {margin-left: 15px;  margin-right: 8px; color: #5A6C83; border-top: 1px dashed #939496; border-bottom: 1px dashed #939496; line-height: 2.5;}

#container {width: 7in; background-image: url(../images/containergradient.jpg); background-repeat: repeat-x; background-position: bottom left; background-color: white;}
	#container .features {width: 4.5in; float: left; margin-bottom: 9px; }
	#container .rightmenu {width: 170px; float: right; margin-top: 14px; margin-bottom: 9px; background-position: top; background-repeat: no-repeat;}
		#container p {margin-top: 6px;}
		#container blockquote {margin-left: 15px; margin-top: 9px;}

		#container .rightmenu p a, #container .leftmenu p a {margin-bottom: 6px; color: #304865; font-size: 160%; font-weight: bold; text-decoration: none; }
		#container .rightmenu p a:hover, #container .leftmenu p a:hover {text-decoration: underline;}
		#container .rightmenu p img, #container .leftmenu img {margin-right: 9px;}

		#container .leftmenu {background-image: none;}
		#container .leftmenu .links {display: none;}
		#container .leftmenu a img {margin-left: 18px; padding-top: 18px; text-align: left;}
		#container .links {margin-right: 15px; margin-top: 15px;}

		#container hr {margin-top: 3px; margin-bottom: 3px; margin-right: 8px; color: #fff; background-color: #fff; border: 1px dotted #939496; border-style: none none dotted;}

		#container .content {min-height: 150px; text-align: left; float: left; margin-left: 15px; margin-right: 15px; }

		#container .content ul {margin-top: 9px;}
		#container .content ul li {list-style-image:url(../images/listitemdisc.JPG); margin-left: 30px; font-weight: bold; font-size: 140%; color: #5A6C83;}
		#container .content table {margin-top: 9px;}
		#container .content p img.left {margin: 3px 9px 6px 0px;}
		#container .content p img.right {margin: 3px 0px 6px 9px;}
		#container .content p img.center {margin: 3px 9px 6px 9px;}
		#container .content blockquote {margin-left: 15px; font-style: italic;}

    table {
      border-collapse: separate;
      border-spacing: 0;
      border: 1px solid #adb6c1;
      margin-bottom: 9px;
      margin-left: auto;
      margin-right: auto;
      overflow: scroll;
      width: 100%;
      }

    table th {
      background-color: #5A6C83;
      color: white;
      font-family: Arial,Tahoma,sans-serif;
      font-size: 120%;
      font-weight: bold;
      text-align: center;
      vertical-align: middle;
      }

    table tr td {
      background-color: #FFFFFF;
      border: 1px dotted #939496;
      font-size: 100%;
      text-align: left;
      vertical-align: top;
      }

#footerbackground {width: 100%; background-color: #F0F1F3; float: left;}
#footer {width: 7in; border-top: 1px solid #939496;}
    .homenav {margin-right: 30px; width: 30%; float: left; margin-bottom: 3px;}
    .homenav a {text-align: right; color: #58595B; font-size: 100%; font-weight: bold; display: block; text-decoration: none; margin-top: 6px;}
    .homenav a:hover {color: #5A6C83; text-decoration: underline;}

    .deptnavleft {width: 30%; float: left; margin-bottom: 3px;}
    .deptnavleft a {text-align: left; color: #939496; font-size: 100%; font-weight: bold; display: block; text-decoration: none; margin-top: 6px;}
    .deptnavleft a:hover {color: #4C481C; text-decoration: underline;}
    .deptnavleft a:visited {color: #5A6C83; }

    .deptnavright {width: 30%; float: left; margin-bottom: 3px;}
    .deptnavright a {text-align: left; color: #939496; font-size: 100%; font-weight: bold; display: block; text-decoration: none; margin-top: 6px;}
    .deptnavright a:hover {color: #4C481C; text-decoration: underline;}
    .deptnavright a:visited {color: #5A6C83; }

    .baseleft {width: 30%; float: left; margin-bottom: 3px; margin-top: 3px; }
    .baseleft a {color: #304865; text-align: left; font-size: 100%; font-weight: bold; display: block; text-decoration: none; margin-bottom: 6px;}
    .baseleft a:hover {text-decoration: underline;}
    .basecenter {width: 30%; float: left; margin-bottom: 3px; margin-top: 3px; margin-left: 30px;}
    .basecenter a {color: #304865; text-align: left; font-size: 100%; font-weight: bold; display: block; text-decoration: none; margin-bottom: 6px;}
    .basecenter a:hover {text-decoration: underline;}
    .baseright {width: 30%; float: right; margin-bottom: 3px; margin-top: 3px;}
    .baseright a {color: #304865; text-align: right; font-size: 100%; font-weight: bold; display: block; text-decoration: none; margin-bottom: 6px;}
    .baseright a:hover {text-decoration: underline;}

#footer hr {padding: 0px; margin-top: 3px; margin-bottom: 3px; color: #fff; background-color: #fff; border: 1px dotted #939496; border-style: none none dotted;}