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

* { padding: 0; margin: 0; }

body  {
	font: 12pt Arial, Helvetica, sans-serif;
	line-height:167%;
	background: #e5f7ff;
	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: #999999;
}

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


/* HEADER */

.twoColFixLtHdr #header { 
	background: #ffffff; 
	padding: 0 0 0 0;  /* 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. */
}

#h-topnav { width: 780px; height:41px; background-color:#ffffff; line-height:41px; text-align:center; font:10pt Georgia, "Times New Roman", Times, serif; }
#h-banner { height:170px; text-align:center; }
#h-bottomnav { height:26px; background-color:#60a8c6; line-height:26px; font-size:7pt; }
#h-bottombar { height:26px; background-color:rgb(3,117,165); }


/* TOP NAV */

#h-topnav ul {
	text-align:center;
	text-transform:lowercase;
	list-style-type:none;
}
#h-topnav ul li {
	float:left;
	display:list-item;
	margin-top:12px;
	padding:0 1.5em 0em 0.2em;
	background-attachment:fixed;
	background:url(/images/nav/tn-star.gif) no-repeat 100% 50%;
	overflow:hidden; 
}
#h-topnav ul li.first { margin-left:30px;/*margin-left:70px;*/ }
#h-topnav ul li.last { background:none; padding-right:0; }

#h-topnav ul li a {
	text-indent:-9999px;
	display: block;
	height: 18px;
}
#h-topnav ul li a:hover { background-position: 0 -18px; }

#tn-who a { width: 69px; background: url("/images/nav/tn-who.gif") no-repeat 0 0; }
#tn-mission a { width: 74px; background: url("/images/nav/tn-mission.gif") no-repeat 0 0; }
#tn-strategy a { width: 145px; background: url("/images/nav/tn-strategy.gif") no-repeat 0 0; }
#tn-believe a { width: 169px; background: url("/images/nav/tn-believe.gif") no-repeat 0 0; }
#tn-accomplish a { width: 174px; background: url("/images/nav/tn-accomplish.gif") no-repeat 0 0; }


/* BOTTOM NAV */

#h-bottomnav ul {
	text-align:center;
	text-transform:uppercase;
	font-size:60%;
	list-style-type:none;
}
#h-bottomnav ul li {
	float:left;
	display:list-item;
	overflow:hidden;
}
#h-bottomnav ul li a {
	text-indent:-9999px;
	display: block;
	height: 25px;
}
#bn-home a { width: 65px; background: url("/images/nav/bn-home.gif") no-repeat 0 0; }
#bn-forms a { width: 134px; background: url("/images/nav/bn-forms.gif") no-repeat 0 0; }
#bn-volunteer a { width: 148px; background: url("/images/nav/bn-volunteer.gif") no-repeat 0 0; }
#bn-photos a { width: 59px; background: url("/images/nav/bn-photos.gif") no-repeat 0 0; }
#bn-candidates a { width: 97px; background: url("/images/nav/bn-candidates.gif") no-repeat 0 0; }
#bn-news a { width: 101px; background: url("/images/nav/bn-news.gif") no-repeat 0 0; }
#bn-legacy a { width: 84px; background: url("/images/nav/bn-legacy.gif") no-repeat 0 0; }
#bn-contact a { width: 92px; background: url("/images/nav/bn-contact.gif") no-repeat 0 0; }


/* SIDEBAR */

.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px;
}


/* MAIN CONTENT */

.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 24px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#mainContent a { text-decoration:underline; }
#mainContent p + p { margin-top:1.2em; }

#mainphoto { background:url(/images/banners/homepagePhoto.jpg) no-repeat 0 0; height:422px; position:relative; }
#mainphoto p {
	text-align:center;
	font: 145% Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height:145%;
	letter-spacing:-1px;
	text-indent:-9999px;
}
#mainphoto a {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:780px;
	height:422px;
	text-indent:-9999px;
	overflow:hidden;
}



/* CLIFTON MASCOT */
#clifton {
	height:50px;
	padding:0 0 10px 0;
	background: url("/images/icons/clifton_small.gif") no-repeat 98% 0;
}


/* FOOTER */

.twoColFixLtHdr #footer { 
	padding: 12px 10px 30px 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color:#e5f7ff; 
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-size: 65%;
	color:rgb(3,117,165);
	line-height:140%;
	text-align:right;
}
.twoColFixLtHdr #footer a {
	color:rgb(3,117,165);
}


/* FLOATS */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 0px;
    line-height: 0px;
}


/* TYPE */

h1 { font: 200% Georgia, "Times New Roman", Times, serif; color:#000000; letter-spacing:-1px; margin:1.1em 0 0.9em 0; text-indent:-9999px; background-repeat:no-repeat; text-transform:lowercase; font-style:italic; }
h2 { font: 120% Arial, serif; color:#0375a5; letter-spacing:-1px; margin:1.1em 0 0.9em 0; }
h3 { font: 100% Arial, serif; color:#0375a5; font-weight:bold; margin:1.1em 0 0.9em 0; }

img { border-style:none; }

a { text-decoration: none; }
a:link { color:rgb(64,64,64); }
a:visited { color:rgb(64,64,64); }
a:hover { text-decoration: underline; }

a.pdf { 
	background: url(/images/icons/pdficon_small.gif) 0 0.2em no-repeat;
	display: block;
	padding-left: 25px;
	line-height:1.7em;
	font-weight:bold;
}

#footer a:link, #footer a:visited { font-weight:bold; }

ul.none { list-style: none; margin: 0.3em 2em 0.7em 0em;}
ul.round { list-style: disc outside; margin: 0.5em 2em 0.7em 2em;}
ul.number { list-style: decimal outside; margin: 0.5em 2em 0.7em 2em; }
ul.round li, ul.number li { margin-bottom:1em; }

.dottedLine {
	border-top: 1px #0375a5 dotted;
	width: 100%;
	height: 1em;
	margin-top:3em;
}

.blueBold { color:#0375a5; font-weight:bold; }

.ln-selected a { font-weight:bold; }


/* ELEMENTS */

.spacer { height:100px; }