/* Main CSS for ecir.org as designed by INP 290 */


body	{background: url(images/stripe.gif) top right repeat;}
body, h1, h2	{
		font: 68.75%/110% verdana,arial,helvetica,sans-serif; color: #000; text-align: left;
		border: none; margin: 0; padding: 0;}


/* FONTS */
h1, h2	{margin-bottom: 20px;
		font-size: 1.6em; line-height: 110%; font-weight: bold;}
h2	{margin: 0 0 5px 10px; font-size: 1.2em; line-height: 110%;}
.bold	{font-weight: bold;}
.underline	{text-decoration: underline;}
.white	{color:  #fff;}
.red	{color: #f00;}
.quote	{font: italic 10px verdana,arial,helvetica,sans-serif; text-align: left; margin: 10px;}
.caption	{font-size: 85%; font-style: italic; 
		float: left;
		margin-right: 10px; margin-bottom: 10px;}

/* FORMATING ISSUES */
#wrapper	{margin: 0 auto; padding: 0; width: 790px; background: #fff;}
#global ul li, #sub ul li, #utility ul li	{display: inline; margin: 0px; padding: 0px;
		list-style-type: none;}
ol li	{width: 550px;}
img		{margin: 0px; padding: 0px; border: none;}
.indent	{margin-left: 10px;}
#content .short	{margin-bottom: 10px;}
.list	{display: list-item; list-style: disc;}

table	{vertical-align: top; margin: 0 0 0 5px; padding: 0;}
table tr th, table tr td	{text-align: left;  vertical-align: top; margin: 0; padding: 0;}
table div .float_left	{margin: 0; padding: 0;}
table .flags img	{margin: 0; padding: 0;}

.center	{text-align: center;}
.global_nav a, .sub_nav a  {display: block; margin: 0 0 10px 0; padding: 0;}
.global_nav	a {font-weight: bold;}

.sub_nav a {font-weight: normal;}
.float_left	{float: left; margin-left: 25px;}
#content .list	{display: list-item; list-style: disc; margin-bottom: 5px;}

/* LINKS */
a:visited	{ color: blue; }
a:hover		{ color: blue; }
a:active	{ color: blue; }
#masthead #logo img a	{border: none;}
#utility a	{text-decoration: none; color: #000;}
#global a	{text-decoration: none; padding: 5px 12px;}
#sub a	{text-decoration: none; color: #66b7fd;}
#bottom a {color: #000;}
.box a	{text-decoration: underline; color: blue; margin: 0; padding: 0;}



/* MASTHEAD */
#masthead	{
		width: 790px; height: 111px;
		background: #0b1a88;
		z-index: 20;}
#logo	{
		float: left;
		width: 225px; height: 98px;
		margin-top: 5px;
		border: none;
		z-index: 10;}
#top_image	{
		float: right;
		width: 231px; height: 119px;
		margin-top: -35px;
		background: url(images/hand.gif) top right no-repeat;
		z-index: 5;}


/* NAVIGATION-TOP UTILITY, GLOBAL, SUB AND BOTTOM */
#utility	{margin: -12px 0 0 225px;
		width: 345px; height: 28px;
		background: url(images/topnav.gif) top center no-repeat;
		z-index: 5;}
#utility ul	 {margin-top: 11px; margin-left: -15px; padding-top: 5px;}
#utility ul li	{
		padding-right: 15px; /* reset to 15px when Donate is active */
		font: 1em verdana,arial,helvetica,sans-serif;}

#global		{
		margin: 0; padding: 0; width: 790px; height: 25px;
		text-align: left;
		background: #fed637;
		border-bottom: solid 1px #fff;
		}
#global ul {margin: 0 0 0 0;
		padding: 5px 0 0 0;}
#global ul li	{
		height: 25px;
		margin: 0; padding: 0;
		font: bold 1.2em verdana,arial,helvetica,sans-serif;
		}
#global .current_pg a:link	{
		margin: 0; padding: 4px 14px 5px 14px;
		border: solid 1px #fff;
		border-bottom: none;
		color: #fff;
		background: #0b1a88;}
#global a:visited	{
		margin: 0; padding: 4px 14px 4px 14px;		
		/* background: #fed637; color: #fff;	 */
		border-bottom: solid 1px #fff;}
#global .current_pg a:visited 	{
		margin: 0; padding: 4px 14px 4px 14px;
		border: solid 1px #fff;
		border-bottom: none;
		color: #fff;
		background: #0b1a88;}
#global a:hover	{
		margin: 0; padding: 4px 14px 5px 14px;
		border: solid 1px #fff;
		border-bottom: none;
		color: #fff;
		background: #0b1a88;}

#sub	{
		width: 790px; height: 18px;
		margin: 0; padding: 0;
		background: #0b1a88;}
#sub ul{margin: 0; padding: 3px 0 0 6px; height: 18px;}
#sub ul li	{
		padding: 0 40px 0 0;
		font: bold 1.1em/100% verdana,arial,helvetica,sans-serif;
		color: #fff;}
#sub .current-pg	{color: #fff;
		padding: 0;}
/* #sub a:visited	{color: #fed637;} */
#sub a:hover	{color: #fff;}

#no_sub	{
		width: 790px; height: 18px;
		margin: 0; padding: 0;
		background: #fff;}

#local .box_head	{background: #0b1a88; color: #fff;}
#local 	{
		font: bold 1.1em/110% verdana,arial,helvetica,sans-serif; 
		text-align: left; color: #0b1a88;
		margin: 0 0 10px 0; padding: 0;}
#local #programs	{display: list-item; list-style: none; 
		margin: 0; padding: 0;}
#local #programs .item	{padding: 5px 1px 5px 13px;}
#local a	{text-decoration: none; color: #0b1a88; margin: 0; padding: 0;}
#local .current_pg	{padding: 5px 0 5px 13px;}
#local #band		{background: #fed637; padding: 5px 0 5px -13px;}


#bottom	{clear: both; margin: 0px -5px 0px -5px;
		width: 795px; height: 115px;
		background: url(images/map.jpg) bottom right no-repeat;}
#bottom_nav	{padding-top: 80px;
		font: 0.9em/160% verdana,arial,helvetica,sans-serif; text-align: center;}


/* MAIN BODY */
#outer_content	{margin: 0; width: 790px;}
#inner_content	{margin: 10px 5px 20px 5px; width: 100%;}
#left	{float: left; margin: 0; width: 176px;}
#right	{float: right; width: 176px; text-align: left; padding-right: 12px;}

#center	{margin: 0 200px 0 176px; padding: 10px 15px 0px 15px;}
#center .wide	{margin-right: 15px; width: 500px;}
#center .wide p	{width: 400px;}
	
#center p	{margin: 0 0 20px 10px;}

#center img	{margin-right: 10px;}


/* BOXES ON LEFT AND RIGHT */
.box	{
		width: 176px; margin-bottom: 10px;
		border: 1px solid #000;
		background: #fffcd7;}
.box_head	{
		height: 26px;
		margin-bottom: 10px; padding: 10px 5px 0 5px;
		background: #fed637;
		font: bold 1.1em verdana,arial,helvetica,sans-serif; color: #000;}
.box img	{margin-left: 5px;}
#inner_content .box p a {margin-left: 5px; padding: 0;}

dl, dt, dd	{margin: 0; padding: 0;}
dl		{
		width: 166px;
		margin: 0 5px;
		font: 0.9em/115% verdana,arial,helvetica,sans-serif;}
dt		{font-weight: bold;}
dd		{margin-bottom: 10px;}

#global_alerts		{
		width: 174px; height: 129px; margin-bottom: 10px;
		border: 2px solid #0b1a88;
		vertical-align: bottom;
		text-align: center;
		background: url(images/alerts.jpg) top left no-repeat;}
#global_alerts form	{padding-top: 77px;}
#global_alerts input	{width: 95px; margin-bottom: 5px;}

.links	{margin-bottom: 10px;}
.links ul	{margin: 10px; padding: 0 0 0 10px;}
.links ul li	{
		display: list-item; list-style: disc; 
		margin-bottom: 10px; line-height: 125%; text-align: left;}

#ecir	{text-align: right;}




img.staffpic { 
  float: left;
  margin-right: 10px;
  border: solid 1px black;
}


ul.reg li { margin-top: 10px; }

table#app textarea { width: 100%; }
table#app td { padding: 5px 0px; }

/* --- rates page --- */
table#rates { 
  width: 100%;
}
table#rates td {
  padding: 3px;
}

table#rates td.c2, table#rates td.c3 { text-align: center; }

table#rates tr.header td {
  font-size: 14px;
  border-bottom: solid 1px #ddd;
}


table#calendar td { padding: 5px; margin: 0px; background-color: #fff; }
table#calendar { background-color: #ddd; margin-bottom: 20px; }

div.box_text ul { margin: 0; padding: 0 0 5px 0; }
div.box_text ul li { margin: 5px 0px 0px 15px; }