/* CSS for nanorthernireland.com */

/*
 * #007CB9 - darkish blue - banner background
 * #FF8346 - orange
 * #999999 - grey - na links
 * #666666 - dark grey
 * #FFFFFF - white
 */
 
body
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 1em;
	
	background: #fff;
	color: #000;
}


/*
 * Site Header - Contains Name & Logo
 */

#header
{
	margin: 10px;
	padding: 0;
	border: 5px solid #007CB9;
	background: url(/images/na_logo.jpg) no-repeat right top #007CB9;
	
	/*
	/* logo is 87 pixels high
	 * IE hack - http://www.dustindiaz.com/min-height-fast-hack/
	 */
	min-height: 87px;
	height: auto !important;
	height: 87px;
}

#header h1
{
	padding: 0;
	margin: 0;
	font-size: 2em;
	
	color: #FFF;
}

#header h2
{
	padding: 0;
	margin: 0;
	
	font-size: 1.5em;
	
	color: #FFF;
}

#header a
{
	color: #FFF;
	text-decoration: none;
}


/*
 * Navigation
 * http://exploding-boy.com/images/EBmenus/menus.html
 */
 
#nav
{
	width: 125px;
	margin: 5px 0 0 10px;
	padding: 0;
	border: 0;
	float: left;
	display: inline;
}
	
#nav ul
{
	list-style: none;	
	padding: 0;
	margin: 0;
}
	
#nav li a
{
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.8em;
}
	
#nav li a:link, #nav li a:visited {
	color: #FFF;
	display: block;
	background:  url(/images/menu5.gif);
	padding: 8px 0 0 10px;
	}
	
#nav li a:hover {
	color: #FFF;
	background:  url(/images/menu5.gif) 0 -32px;
	padding: 8px 0 0 10px;
	} 


/*
 * Page Content - general rules
 */
 
#content
{
	border: 0;
	margin: 0 15% 0 150px;
	padding: 0;
}

#content h1
{
	border: 0;
	margin: 0;
	padding: 0;
	
	font-size: 1.5em;
}

#content p
{
	margin: 10px 0 0 0;
}

.clear_both
{
	clear: both;
}

#content p.clear_both
{
	/* hack - this tag will appear after a floated div and so a margin-top will not render properly, */
	/*        set margin-bottom in floated div */
	margin: 0;
}

#content a
{
	color: #007CB9;
	font-weight: bold;
	text-decoration: none;
}

#content a:hover
{
	color: #FF8346;
	font-weight: bold;
	text-decoration: underline;
}

#content img.email
{
	vertical-align: middle;
}


/*
 * Contact Form
 */
  
#contact_form
{
	float: left;
	border: 0;
	padding: 0;
	margin: 10px 0 15px 0;
}

#contact_form fieldset
{
	border: 0;
	padding: 0;
	margin: 0;
}

#contact_form label
{
	float: left;
	text-align: right;
	width: 100px;
	white-space: nowrap;
	font-size: 0.75em;
	padding: 0;
	margin: 2px 10px 2px 0;
}

#contact_form input, textarea
{
	float: left;
	margin: 2px 0;
	padding: 0;
}

#contact_form #captcha_explain
{
	float: left;
	margin: 5px 0 0 10px;
	font-size: 0.8em;
}

#contact_form #submit
{
	margin: 0 0 0 110px;
}

#contact_form br
{
	clear: both;
}


#convention_logo
{
	display: block;
	margin: 10px auto 0 auto;
}

#convention_flyer
{
	display: block;
	margin: 10px auto 0 auto;
	border: 0;
}


/*
 * Clean Time Calculator
 */
 
#clean_time
{
	border: 0;
	margin: 10px 0 15px 0;
}

#clean_time fieldset
{
	border: 0;
	padding: 0;
	margin: 0;
}


/*
 * Helpline
 */
  
#helpline
{
	font-size: 1.5em;
	font-weight: bold;
}


/*
 * Mailing List
 */

#mailing_list
{
	float: left;
	border: 0;
	padding: 0;
	margin: 10px 0 0 0;
}

#mailing_list fieldset
{
	border: 0;
	padding: 0;
	margin: 0;
}


/*
 * Meeting List
 */

#meeting_list th, td
{
	text-align: left;
	vertical-align: top;
}

#meeting_list th
{
	font-weight: bold;
}

#meeting_list td
{
	padding: 3px 5px 0 0;
}

#meeting_list td.notes
{
	font-style: italic;
}

#meeting_list tr.heading td
{
	/* using border for layout */
	border-width: 10px 0 7px 0;
	border-style: solid;
	border-color: #FFFFFF;
	padding: 5px;
	text-align: center;
	background-color: #007CB9;
	color: #fff;
	font-weight: bold;
}

span.meeting_map img {
	border: 0;
	float: right;
	margin: 1px;
	padding: 0;
}


/*
 * Guestbook
 */

.gb_nav
{
	margin: 5px 0;
	text-align: center;
	font-size: 0.8em;
}

.gb_entry
{
	width: 98%;
	margin: 1px 0;
	float: left;
	padding: 5px;
}

/* different backgrounds for alternating entries, stolen from phpBB subSilver CSS :) */
.odd
{
	background-color: #EFEFEF;
}
.even
{
	background-color: #DEE3E7;
}

.gb_entry .gb_user
{
	float: left;
	width: 25%;
}

/* user's name */
.gb_user h3
{
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}

/* user's location */
.gb_user h4
{
	font-size: 0.8em;
	font-weight: normal;
	margin: 5px 0;
}

.gb_user img
{
	border: 0;
	margin: 0;
}

.gb_entry .gb_time_comment
{
	width: 74%;
	float: right;
	font-size: 1em;
}

/* timestamp */
.gb_time_comment h5
{
	text-align: right;
	font-weight: normal;
	font-size: 0.8em;
	font-style: italic;
	margin: 0 0 9px 0;
	padding: 0;
}

/*
 * Guestbook - add entry form
 */

#gb_add_form
{
	float: left;
	border: 0;
	padding: 0;
	margin: 10px 0;
}

#gb_add_form fieldset
{
	border: 0;
	padding: 0;
	margin: 0;
}

#gb_add_form label
{
	float: left;
	text-align: right;
	font-size: 0.8em;
	width: 100px;
	margin: 5px 10px 5px 0;
}

#gb_add_form input, textarea
{
	float: left;
	margin: 2px 0;
}

#gb_add_form input.submit
{
	margin: 2px 0 0 110px;
}

#gb_add_form #captcha_explain
{
	float: left;
	margin: 5px 0 0 10px;
	font-size: 0.8em;
}

#gb_add_form br
{
	clear: left;
}


/*
 * Area Service Minutes
 */
 
#area_service
{
	margin: 10px 0;
}

#area_service th
{
	padding: 0 10px 2px 0;
	font-weight: bold;
}

#area_service td
{
	padding: 5px 15px 0 0;
	font-size: 1em;
	text-align: center;
	line-height: 1.2em;
}

#area_service td.as_date, th
{
	text-align: left;
}

/* superscript */
#area_service td em
{
	font-size: 0.8em;
	font-style: normal;
	vertical-align: top;
	line-height: 0em;
}

#area_service img
{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
}


/*
 * Links on right of page to other NA fellowships
 */

#links
{
	border: 0;
	padding: 0;
	margin: 0 10px 0 0;
	width: 15%;
	display: inline;	/* IE hack, otherwise margin is doubled */
	float: right;
}

#links ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	float:right;
	border-left: 1px solid #999999;
}

#links li
{
	padding: 5px 5px 0 5px;
}

#links a
{
	text-decoration: none;
	font-weight: bold;
	font-size: 0.8em;
	color: #666666;
}

#links a:hover
{
	text-decoration: underline;
}


/*
 * Bottom of page
 */
 
#footer
{
	clear: both;
	text-align: center;
	margin: 25px 10px;
}

#footer a
{
	color: #007CB9;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover
{
	color: #FF8346;
	text-decoration: underline;
}