/*********************** Layout Styles ***************************/

* {
	margin: 0;
	padding:0;
}

body {
	background: #fff;
	color: #1e196a;
	text-align: center;	
	font: 12px/16px  Arial, Helvetica, sans-serif;
}

#wrapper {
	margin: 0 auto;
	width: 781px;
	text-align: left;
}

#header {
	height: 73px;
	text-align: right;
}

#logo {
	float: left;
	cursor: pointer;
}

#address {
	float: right;
	padding-top: 40px;
	font: 14px Helvetica, Arial, sans-serif;
	color: #0055a5;
}

#content {
	position: relative;
	width: 781px;
}

#content1{
	background: #fff url(../images/bkgrnd.jpg) 0 0 no-repeat;
	padding-left: 45px;
	padding-right: 45px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#colLeft {
	float: left;
	width: 325px;
}

#colRight {
	float:right;
	padding-left: 40px;
	width: 326px;
}

#colMid {
	float: left;
	width: 204px;
	padding-left: 40px;
}

#colLeft2 {
	float: left;
	width: 203px;
}

#colRight2 {
	float:right;
	padding-left: 40px;
	width: 204px;
}

#colLeft3 {
	float: left;
}

#colRight3 {
	float:right;
}

#footer {
	margin: 0 auto;
	width: 781px;
	text-align: left;
	color: #8795a2;
	clear: both;
	font-size: 11px;
}

#news {
	margin-top: 10px;
	background: #e9f7fa url(../images/news.jpg) 0 0 no-repeat;
	height: 36px;
}

#click {
	text-align: left;
}

/*********************** Common Styles ***************************/

p {
	padding-bottom: 16px;
}

h1 {
	color: #1e196a;
	padding-top: 22px;
	padding-bottom: 20px;
	font: 20px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

h2 {
	color: #0055a5;
	font-size: 14px;
	padding-bottom: 10px;
}

h3 {
	color: #1e196a;
	font-size: 14px;
	padding-bottom: 10px;
}

hr {
	height: 1px;
	color: #8795a2;
}

a:link { color: #e53c3f; text-decoration: underline; }
a:visited { color: #e53c3f; text-decoration: underline; }
a:hover { color: #2e6da7; text-decoration: underline; }
a:active { color: #e53c3f; text-decoration: underline; }

ul { padding-left: 24px; }
.liTall { padding-bottom: 8px; }

.left {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.right {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

.caption {
	font: 10px Georgia, "Times New Roman", Times, serif;
	color: #0055a5;
	text-align: right;
	padding-right: 5px;
	padding-bottom: 20px;
	margin-top: -15px;
}

.captionLeft {
	font: 10px Georgia, "Times New Roman", Times, serif;
	color: #0055a5;
	text-align: left;
	padding-right: 5px;
	padding-bottom: 20px;
	margin-top: -15px;
}

.clearFix {
	clear: both;
}

/*********************** Bio Styles *********************************************/

.name {
	color: #1e196a;
	font: 16px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.title {
	color: #0055a5;
	font: 14px Georgia, "Times New Roman", Times, serif;
}

.bio {
	padding-bottom: 16px;
	padding-top: 16px;
}

.line {
	width: 701px;
	text-align: center;
	margin-bottom: 16px;
	background: url(../images/hr.gif) 0 0 repeat-x;
	margin-left: 30px;
}

/*********************** Scrolling News Ticker Styles ***************************/

#pscroller{
	width: 600px;
	height: 16px;
	padding: 8px 15px 0px 110px;
	color: #61181b;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}

#pscroller a:link, #pscroller a:visited {
	text-decoration: none;
	color: #61181b;
}

#pscroller a:hover, #pscroller a:active {
	text-decoration: underline;
	color: #61181b;
}

/*********************** Error Messages ***********************************/

#ename, #estreet, #ecity, #estate, #ezip, #ephone, #eemail, #eemail2, #emsg {
	display:none;
	color: #ef3f35;
	vertical-align: top;
}

/*********************** Navigation Styles ***************************/
#mainNav {
	width: 781px;
	height: 31px;
	margin-top: 10px;
	display: block;
}

#nav {
	padding:0; 
	margin:0; 
	list-style:none; 
	height:31px; 
	background:#fff; 
	position:relative; 
	font-family:arial, verdana, sans-serif;
	background:url(../images/navBkgrnd2.gif) 0 0 no-repeat;
	z-index: 500;
}

#nav li.top {
	display:block; 
	float:left;
}

#nav li a.top_link {
	display:block; 
	float:left; 
	height:31px; 
	line-height:30px; 
	color:#1e196a; 
	text-decoration:none; 
	font-size:11px;
	font-weight:bold; 
	padding:0 0 0 10px; 
	/*background: url(../images/back.gif);*/
}

#nav li a.top_link span {
	float:left; 
	display:block; 
	padding:0 14px 0 10px; 
	height:31px;
	/*background:url(../images/back.gif) right top;*/
}

#nav li a.top_link span.down {
	float:left; 
	display:block; 
	padding:0 30px 0 30px; /*Changed this to accomodate top nav's words */
	height:31px; 
/*	background:url(../images/backOver.gif) no-repeat right top;
*/}

#nav li a.top_link:hover {
	color:#0055a5;
	cursor: pointer;
}

#nav li:hover > a.top_link {
	color:#0055a5; 
}

#nav li:hover {
	position:relative; 
	z-index:200;
	cursor: pointer;
}

/* hide the lower level by sending it off screen until needed */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul {
	position:absolute; 
	left:-9999px;
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
	cursor: pointer;
}

#nav li:hover ul.sub {
	left:20px; 
	top: 26px; 
	background-color: #fff;
/*	padding:3px; */
	white-space:nowrap; 
	width:160px; /* I expanded this to accomodate lengthy text. Must also change below */ 
	height:auto;
	z-index:300;
	border-left: 1px solid #c4d4e4;
	border-right: 1px solid #c4d4e4;
	border-bottom: 1px solid #c4d4e4;
	cursor: pointer;
}

#nav li:hover ul.sub li {
	display:block; 
	height:20px; 
	position:relative; 
	float:left; 
	width:160px; /* must change here to match above */
	font-weight:normal;
}

#nav li:hover ul.sub li a {
	display:block; 
	font-size:11px; 
	height:20px; 
	width:160px; /* must change here to match above */
	line-height:20px; 
	text-indent:5px; 
	color:#1e196a; 
	text-decoration:none;
	cursor: pointer;
}

#nav li:hover ul.sub li a:hover {
	background:#3a93d2; 
	color:#fff;
	cursor: pointer;
}

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
	left:90px; 
	top:-4px; 
	background: #ccc; 
	padding:3px; 
	white-space:nowrap; 
	width:140px; 
	z-index:400; 
	height:auto;
	cursor: pointer;
}

/****************************************************************************************** Callout */

.callout {
	background-color: #deebfc;
	color: #1e196a;
	font: 20px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.callout p {
	margin: 0;
	padding: 0;
}

.curly {
	font-size: 26px;
}

/****************************************************************************************** LI */
ul.supporters{
	list-style: none;
}

ul.supporters li {list-style: none;}


/************************************************************************************** Header Button */
#specialStatement {
	padding: 12px 0 0 0;
	text-align:center;
}

#socialMedia {
	margin: 16px 8px 0 0;
	float: right;
	height: 55px;
	vertical-align:middle;
	line-height: 102px;
}

#socialMedia img { border: none; }

#driveBtn {
	/*margin: 20px 0px 0 0;*/
	margin: 14px 1px 0 0; 
	float: right;
	width: 107px;
	height: 68px;
	line-height: 24px;
}

#donateBtn {
	margin: 15px 0px 0px 10px;
	/* margin: 20px 10px 0 0; */
	float: right;
	font: 20px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	width: 111px;
	height: 55px;
	line-height: 45px;
}

#walkBtn {
	/*margin: 20px 0px 0 0;*/
	 margin: 16px 0px 0 0; 
	float: right;
	font: 20px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	width: 111px;
	height: 55px;
	line-height: 24px;
}

#donateBtn a, #walkBtn a  {
	width: 111px;
	height: 52px;
	background: url(http://itncharlestontrident.org/images/memberBtn.jpg) left top no-repeat;
	text-decoration: none;
	display: block;
	color: #0053a4;
	padding-top: 3px;
}

#donateBtn a:hover, #walkBtn a:hover  {
	width: 111px;
	height: 55px;
	color: #fff;
	background-position: 0 -55px;
	text-decoration: none;
	display: block;
}