body {  
	color: white; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 11px; 
	background: white;
	margin: 8px 40px;
}

table#main {
	width: 700px;
}

#hSep {
	background-color: white;
	height: 4px;
}

/*
	Masthead
*/

#masthead {
	height: 100px;
	background: url('images/internal/masthead.gif') no-repeat;
	text-align: left
}

/*
	Navbar
*/

#navbar {
	background: url('images/internal/navbar-bg.gif') no-repeat center bottom;
	color: white
}

#navbar ul {
	padding: 0;
	margin: 0;
}

#navbar li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border-left: 1px solid #9099A7;
}

#navbar li#first {
	border-left: none;
	margin-left: 1px;
}

#navbar li#last {
	border-right: 1px solid #9099A7;
}

/*
	Optional, allows for a right-aligned menu item.
*/
#navbar li#extra {
	float: right;
}

#navbar a {
	display: block;
	font-family: Georgia, Times, serif;
	font-size: 10px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	padding: 5px 20px;
}

#navbar li.selected a {
	background: black url('images/internal/navbar-selected-bg.gif') repeat-x left bottom;
}

#navbar li a:hover {
	background: url('images/internal/navbar-hilight-bg.gif') no-repeat center bottom;
}

#navbar li.selected a:hover {
	background: black url('images/internal/navbar-selected-bg.gif') repeat-x left bottom;
}

/*
	Content
	Two Columns
*/

#content, #content #copy, #content #sidebar {
	vertical-align: top;
}

table.twoColumn #content {
	height: 500px;
	background: url('images/internal/body-twocolumn-bg.gif') repeat-y center top;
}

table.twoColumn #footer {
	height: 9px;
	background: url('images/internal/body-twocolumn-bottom.gif') no-repeat center bottom;
	padding-right: 131px
}

table.twoColumn #content #copy {
	width: 492px;
	margin: 0;
	padding: 0;
}


/*
	Content
	One Column
*/

table.oneColumn #content {
	height: 500px;
	background: url('images/internal/body-onecolumn-bg.gif') repeat-y center top;
}

table.oneColumn #footer {
	height: 9px;
	background: url('images/internal/body-onecolumn-bottom.gif') no-repeat center bottom;
}

table.oneColumn #content #copy {
	width: 100%;
	margin: 0;
	padding: 0;
}

/*
	Footer
*/

#footer p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-wieght: normal;
	color: #ccc;
	padding: 0;
	margin: 20px 75px 20px 75px;
}

#footer b {
	color: white;
}

#footer a {
	color: #ccc;
}

/*
	Sidebar formatting
*/

#content #sidebar {
	width: 208px;
}

#content #sidebar p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: white;
	margin: 20px 14px;
}

#content #sidebar p b {
	font-family:ĘGeorgia, Times, serif;
	font-size: 14px;
}

#content #sidebar ul {
	list-style: none outside;
	padding: 0;
	margin: 0px 1px 0px 1px;
}

#content #sidebar ul li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #9099A7;
	border-bottom: 1px solid #525C6C;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: white;
}

#content #sidebar ul li#last {
	border-bottom: 1px solid #9099A7;
}

#content #sidebar li a {
	display: block;
	text-decoration: none;
	color: white;

	margin: 0;
	background: url('images/internal/sidebar-list-bullet.gif') no-repeat right center;; padding-left:14px; padding-right:30px; padding-top:8px; padding-bottom:8px
}

#content #sidebar li a:hover {
	background: #414D60 url('images/internal/sidebar-list-bullet-hilight.gif') no-repeat right center;
}


/*
	Donate button
*/
#content a#donate {
	display: block;
	margin: 20px 0px;
	width: 139px;
	height: 23px;
	background: url('images/donate.gif') no-repeat;
}

#content a#donate:hover {
	background: url('images/donate-hilight.gif') no-repeat;
}

#content #sidebar a#donate {
	display: block;
	margin: 20px 14px;
	width: 139px;
	height: 23px;
	background: url('images/internal/sidebar-donate.gif') no-repeat;
}

#content #sidebar a#donate:hover {
	background: url('images/internal/sidebar-donate-hilight.gif') no-repeat;
}

/*
	General text formatting
*/

#content h1, #content h2, #content h3, #content h4 {
	margin: 20px 75px 5px 75px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-style: italic;
	color: white;
}

#content h1 {
	font-size: 24px;
}

#content h2 {
	font-size: 18px;
}

#content h3 {
	font-size: 14px;
}

#content h4 {
	font-size: 12px;
	font-weight: bold;
	color: #94A1Af;
}

#content p {
	margin: 5px 75px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: white;
}

#content a {
	color: #ddd;
}

#content blockquote {
	margin: 20px 95px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	color: #eee;
}

/*
	Picture formatting
	You set the photo image by adding your own style params to the div.
	For example
	
	<div id="photo" style="background-image: url(...); background-position: x,y;"></div>
*/

.twoColumn #inlinephoto {
	width: 492px;
	border-top: 1px solid #868D98;
	border-bottom: 1px solid #868D98;
	margin: 20px 0px;
	background-repeat: no-repeat;	
}

.oneColumn #inlinephoto {
	width: 550px;
	margin: 20px 75px;
	border: 1px solid #868D98;
	background-repeat: no-repeat;	
}


.twoColumn #inlinephoto p {
	background: url('images/transparent-grey.gif');
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	margin: 0; padding-left:75px; padding-right:75px; padding-top:10px; padding-bottom:10px
}

.oneColumn #inlinephoto p {
	background: url('images/transparent-grey.gif');
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	padding: 10px;
	margin: 0
}

#photo {
	width: 160px;
	height: 300px;
	border: 1px solid #868d98;
	margin: 20px;
	background-repeat: no-repeat;
}

#photo p {
	background: url('images/transparent-grey.gif');
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	padding: 10px;
	margin: 0
}

#content #logo {
    width: 160px;
    height: 100px;
    border: medium none;
    background: url('images/internal/TCC_Formatted.jpg') no-repeat top left;
    float: right; margin-left:20px; margin-right:75px; margin-top:75px; margin-bottom:20px
}

#smaller {font-size: 75%; font-weight: normal}