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

body {
/*	background: #0c264d;*/
/*	background-image: images/bg.gif;*/
	font-family: helvetica, sans-serif;
	font-size: small;
	margin: 0;
	padding: 0;
}

p {
	color: #333;
	line-height: 1.5em;
	margin: 0;
	font-family: helvetica, sans-serif;
	font-size: small;
	padding: 0;
}

h2 {
	color: #1e3c6a;
	font-size: 105%;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 10px 0 10px 0;
	padding: 0;
}


h6 {
	color: #000;
	font-size: 105%;
	font-weight: normal;
	font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
	margin: 2px 0 2px 0;
	padding-top: 12px;
	padding-bottom: 0px;
}

h6 a {
	color: #333;
	text-decoration: underline;
}

h6 a:hover {
	color: #000;
	text-decoration: underline;
}


#middle {
/*	margin: 10px auto 0 auto;*/
	/*margin: 20px auto 0 auto;*/
/*	padding: 0;
	text-align: left;
	width: 757px;*/
	background: #ffffff;
	margin: 0px auto 0 auto;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 1px;
	text-align: left;
	width: 775px;
}

/* GENERAL FORM STYLES =form */
.content form fieldset {
/*	background: #f8f8f8;*/
	border: 1px solid #CCCCCC;
	margin: 0 0 20px 0;
	padding-top: 10px;
	padding-left: 10px;
}
.content form legend {
	color: #666872;
	font-weight: bold;
	font-size: 90%;
	text-transform: uppercase;
	padding: 0 3px;
}
.content form p {
	padding-bottom: 5px;
}
.content form label {
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	color:#47485C;
	font-size: 90%;
}
.content form input,
.content form textarea {
/*	background-color:#fbfbfb;*/
	/*border: 2px solid #999999;
	border-right-color: #e4e4e4;
	border-bottom-color: #e4e4e4;*/
	border: 1px solid #ccc;
	color: #47485C;
	margin-right: 10px;
	/*padding: 2px 0px 2px 3px;*/

}
.content form select {
	vertical-align: middle;
}
.content form input.disabled {
	color: #47485C;
}
.content form input.submit,
.content form fieldset.submit input,
.content form input#search_button {
	border: none;
	padding: 0;
}
.content form fieldset.submit {
	text-align: center;
}

form .error {
	color: red;
}

#top_nav {
background-image:url(images/navbar.jpg);
background-color: #1D3C6A;
	clear: both;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	text-align: left;
	width: 530px;
	height: 32px;
}

#table {
border:#FFFFFF;
}

#top_nav ul {
	background: #1D3C6A;/*background color for navigation tabs*/
	clear: both;
	float: left;
	list-style: none;
	margin: 0;
	padding-top: 9px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 4px;
	width: 538px;
	height: 22px;
}
#top_nav ul li {
	float: left;
}
#top_nav ul a {
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 86%;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	height: 18px;
}
#top_nav ul a:hover {
	color: #bbecd9;
/*	background-color: #FFFFFF;*/
}
#top_nav ul li.current a {
	color: #bbecd9;
}

#top_nav ul li#home a {
	width: 56px;
}
#top_nav ul li#aboutus a {
	width: 82px;
}
#top_nav ul li#calendar a {
	width: 84px;
}
#top_nav ul li#partners a {
	width: 147px;
}
#top_nav ul li#resources a {
	width: 162px;
}


#leftCOL {
	margin-left: 1px;
}


.content a {
	color: #018458;
	text-decoration: underline;
}
.content a:hover {
	color: #000000;
	text-decoration: underline;
}

.content p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 95%;
	line-height: 1.5em;
/*	padding-top: 2px;*/
	margin-top: 2px;
}
.content p.bolder {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 95%;
	line-height: 1.5em;
/*	padding-top: 2px;*/
	margin-top: 2px;
}
.content .name {
	font-size:82%;
	color: #444;
	line-height: 1.5em;
	font-style: italic;
}

.content h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 93%;
	font-weight: bold;
	line-height: 1.5em;
/*	padding-top: 2px;*/
	margin-top: 2px;
	margin-bottom: 0px;
	color: #018458;
}

.content h1 a{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 96%;
	font-weight: bold;
	line-height: 1.5em;
/*	padding-top: 2px;*/
	margin-top: 2px;
	margin-bottom: 0px;
	color: #018458;
	text-decoration: underline;
}

.content h1 a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 96%;
	font-weight: bold;
	line-height: 1.5em;
/*	padding-top: 2px;*/
	margin-top: 2px;
	margin-bottom: 0px;
	color: #333;
	text-decoration: underline;
}

.content h2 {
	color: #1e3c6a;
	font-size: 105%;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 1px;
	margin-top: 3px;
}
.content h3 {
	color: #162E50;
	font-size: 100%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-weight: normal;
	text-transform: none;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-bottom: 2px;
}
.content h4 {
	text-align: center;
	color: #FFFFFF;
	font-size: 120%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-weight: bold;
	margin-bottom: 60px;
	margin-top: 60px;
}
.content h5 {
	color: #000000;
	font-size: 86%;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 1.5em;
	padding-top: 2px;
}
.content h6 {
	color: #000;
	font-size: 105%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-weight: normal;
	text-transform: none;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-bottom: 2px;
}

#bottom {
	clear: both;
	text-align: center;
	
}

/*LISTS*/
.content ul {
	margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-top: 2px;
}
.content ul li {
	color: #333;
	line-height: 1.5em;
	margin: 0;
	font-family: helvetica, sans-serif;
	font-size: small;
	padding: 0;
}
.content ul li .bold {
	line-height: 1.5em;
	margin-bottom: 2px;
	margin-top: 2px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 106%;
	font-weight: bold;
	color: #018458;
}

/* GENERAL TABLE STYLES =table */
.content table {
	border-collapse: collapse;
/*	color: #333;*/
	margin: 0 0 4px 0;
/*	width: 520px;*/
}
.content table thead tr th {
	color: #666872;
	background: #f5f5f5;
/*	border: 1px solid #CCCCCC;*/
	border-bottom: none;
	padding: 8px;
}
.content table thead tr th a{
	color: #666872;
}

.content table thead tr th a:hover{
	color: #000000;
}

.content table tfoot tr td {
	border-bottom: 1px solid #fff;
}
.content table tbody tr th,
.content table tbody tr td {
/*	border: 1px solid #CCCCCC;*/
	padding: 8px;
}
.content table tr td a {
	color: #4a4c55;
}
.content table tr td a.external {
	background: url(images/external.gif) no-repeat 100% 40%;
	padding-right: 15px;
}
.content table tbody tr.odd {
	background: #eef5ff;
}
.content table tfoot tr td {
	color: #666;
	font-size: 85%;
	line-height: 1.5em;
	padding: 10px 8px;
}

.content table thead .left {
	text-align: left;
}
.content table tbody .left {
	text-align: left;
}
.content table tbody .center {
	text-align: center;
}
.content table thead .center {
	text-align: center;
}

/* SPECIFIC =documents_list */
.content ul.documents {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 2px;
	margin-top: 2px;
}
.content ul.documents li {
	background: url(images/pdf.gif) 0 10% no-repeat;
	line-height: 1.5em;
	list-style: none;
	padding-left: 22px;
	margin-bottom: 2px;
	margin-top: 2px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 86%;
}
.content ul.documents li .document_info {
	color: #666;
	font-size: 85%;
	font-style: italic;
}


/* SPECIFIC =images */
img.border {
	background: #fff;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-top: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 1px;
}
img.image_right {
	float: right;
	margin: 3px 0 10px 10px;
}
img.image_left {
	float: left;
	margin: 3px 10px 10px 0;
}
img.image_center {
	margin: 3px 0 0 0;
}
.content p.image_caption_right {
	clear: right;
  float: right;
  width: 264px;
  text-align: center;
  font-size: 90%;
  font-weight: bold;
  margin-left: 20px;
}
.content p.image_caption_left {
	clear: left;
  float: left;
  width: 264px;
  text-align: center;
  font-size: 90%;
  font-weight: bold;
  margin-right: 20px;
}
#content p.image_caption_left_sm {
  float: left;
  width: 145px;
  text-align: center;
  font-size: 90%;
  font-weight: bold;
  margin-right: 20px;
}
.content p.image_caption_right_med {
  float: right;
  width: 264px;
  text-align: center;
  font-size: 90%;
  font-weight: bold;
  margin-left: 20px;
}
.content p.image_caption_left_med {
  float: left;
  width: 264px;
  text-align: center;
  font-size: 90%;
  font-weight: bold;
  margin-right: 20px;
}

.content p.image_caption_right_long {
  float: right;
  width: 224px;
  text-align: center;
  font-size: 90%;
  font-weight: bold;
  margin-right: 20px;
}
.content p.image_caption_right_lg {
  float: right;
  width: 300px;
  text-align: center;
  font-size: 90%;
	font-weight: bold;
	margin-left: 15px;
}
.content p.image_caption_right_sm {
  float: right;
  width: 280px;
  text-align: center;
  font-size: 90%;
  font-weight: bold;
  margin-left: 25px;
  padding-bottom: 8px;
}

content p.image_caption_plan {
  float: right;
  width: 232px;
  text-align: center;
  font-size: 90%;
	font-weight: bold;
	margin-left: 15px;
	padding-right: 15px;
}

.content p.image_caption_res_sm {
  float: right;
  width: 229px;
  text-align: center;
  font-size: 90%;
	font-weight: bold;
	margin-left: 15px;
}

.content p.image_caption_right_res_lg {
  float: right;
  width: 229px;
  text-align: center;
  font-size: 90%;
  font-weight: bold;
  margin-left: 15px;
}

.content p.image_caption_right_neigh {
  float: right;
  width: 150px;
  text-align: center;
  font-size: 90%;
  font-weight: bold;
  margin-left: 15px;
  padding-right: 15px;
}
.content p.image_caption_left_lg {
  float: left;
  width: 322px;
  text-align: center;
  font-size: 90%;
  font-weight: bold;
  margin-right: 20px;
}
.content a img {
	border: none;
}
.content a.image {
	text-decoration: none;
}

/* SPECIFIC: =apps_list
-----------------------------------------------------------------------------------------*/
.content ul.apps {
	margin-left: 0;
	padding-left: 20px;
		list-style: none;
}
.ontent ul.apps li {
	line-height: 1.5em;
	margin-bottom: 2px;
	margin-top: 2px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 95%;
	list-style: none;
}
.content ul.apps li#ff {
	background: url(images/firefox.gif) 0 10% no-repeat;
	line-height: 1.5em;
	list-style: none;
}
.content ul.apps li#moz {
	background: url(images/mozilla.gif) 0 10% no-repeat;
}
.content ul.apps li#saf {
	background: url(images/safari.gif) 0 10% no-repeat;
}
.content ul.apps li#swf {
	background: url(images/swf.gif) 0 10% no-repeat;
}
.content ul.apps li#cam {
	background: url(images/camino.gif) 0 10% no-repeat;
}
.content ul.apps li#op {
	background: url(images/opera.gif) 0 10% no-repeat;
}
.content ul.apps li#nnw {
	background: url(images/netnewswire.gif) 0 10% no-repeat;
}
.content ul.apps li#nf {
	background: url(images/newsfire.gif) 0 10% no-repeat;
}
.content ul.apps li#fr {
	background: url(images/feedreader.gif) 0 10% no-repeat;
}
.content ul.apps li#fd {
	background: url(images/feeddemon.gif) 0 10% no-repeat;
}
.content ul.apps li#bl {
	background: url(images/bloglines.gif) 0 10% no-repeat;
}
.content ul.apps li#gr {
	background: url(images/google.gif) 0 10% no-repeat;
}
.content ul.apps li#adobe {
	background: url(images/adobe.gif) 0 10% no-repeat;
}
.content ul.apps li#prev {
	background: url(images/preview.gif) 0 10% no-repeat;
}
.content ul.apps li#schub1,
.content ul.apps li#schub2 {
	background: url(images/schubert.gif) 0 10% no-repeat;
}
.content ul.apps li#word_view {
	background: url(images/word_viewer.gif) 0 10% no-repeat;
}
.content .rss_icon {
	float: left;
	margin: 3px 8px 0 0;
}


/* FOOTER =footer */
#footer {
	background-color: #1D3C6A;
	color: #fbfbfb;
	font-size: 90%;
	line-height: 1.7em;
	margin: 0px auto 0 auto; /*first px is for the padding between content and footer*/
	padding: 4px 0 4px 0; /*first px is for the padding between top of footer and first line of text*/
	text-align: left;
	padding-left: 7px;
	height: 92px;
	width: 766px; /*759-10 for the left padding*/
}
#footer p {
	margin: 0;
	padding: 0;
		color: #ffffff;
}
#footer a {
	color: #fbfbfb;
}
#footer a:hover {
	color: #ffffff;
}
ul#footer_nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#footer_nav li {
	display: inline;
}

#footer p.crumbs {
	padding-bottom: 5px;
}