/* CSS Document */

/*  Custom typography definitions, for Nextnorth site
	Author: Caroline Mockett, April 2008
	www.mockettmedia.com
 */

body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	}
	
h1 {
	font-size: 140%;
	text-transform: lowercase;
	font-weight: normal;
	}
	
h2 {
	font-size: 100%;
	text-transform: lowercase;
	}
#serviceChoice h2, #serviceChoice h2 a {
	font-weight: normal;
	font-size: 110%;
	}
#serviceChoice h2#phone {
	font-weight: bold;
	font-size: 140%;
	text-align: right;
	}
	
h3 {
	font-size: 80%;
	text-transform: lowercase;
	}
ul, ol {
	list-style: none;
	}
p, li {
	font-size: 85%;
	}
#center p, #center li, #center dt, #center dd {
	font-size: 85%;
	}
	
a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	}

a:hover, a:active {
	text-decoration: underline;
	}

/* _____________________________________________________________________= main wrapper __*/
#wrapper {

	}
	
/* ____________________________________________________________= main navigation styles __*/
#mainnav {
	font-size: 200%;
	text-transform: lowercase;
	}
#mainnav ul { /* all lists */
	list-style: none;
	font-size: 75%;
	}
#mainnav ul li { /* all list items */

	}
#mainnav li ul { /* second-level lists */
	}
#mainnav .subnav li { /* second-level list items */
	font-size: 130%;
	}
#mainnav li ul li ul { /* third-level lists */
	font-size: 80%;
	}
#mainnav .subnav li ul li { /* third-level list items */
	font-size: 127%;
	}		
#mainnav a:link, #mainnav a:visited,
#mainnav a:hover, #mainnav a:active, #mainnav a:focus {
	text-decoration: none;
	font-weight: normal;
	}


/* _________________________________________________________________________= columns __*/
#center {
	}
.rightcol {
	font-size: 80%;
	}
#rightcol h3 {
	font-size: 130%;
	font-weight: bold;
	}
.rightcol #go {
	font-weight: bold;
	}	

/* ______________________________________________________________= Main header styles __ */
	
#header {
	}
	
/* ________________________________________________________________= thumbnail & image styles __*/

.caption {
	font-size: 76%;
	font-weight: normal;
	font-style: italic;
	}

/* ________________________________________________________________= services section __*/
.servicePanel {
	font-size: 80%;
	}
.servicePanel h2 {
	font-size: 150%;
	font-weight: normal;
	text-transform: lowercase;
	}
	
/* ___________________________________________________________________= lists and thumbnail images __*/

dl dd {
	font-size: 75%;
	}
dl dd em {
	font-size: 80%;
	}
#sectionList li {
	font-size: 80%;
	}
.products, .catlist {
	list-style: none;
	text-align: center;
	}
.catlist li, .products li {
	text-align: center;
	}
.products li a:hover, .catlist li a:hover {
	text-decoration: underline;
	}
.search .prodlist li {
	text-align: left;
	}
.flickrpix {
	margin-top: 20px;
	}
.flickrpix li {
	font-size: 80%;
	}
.newsstories {
	list-style: none;
	text-align: left;
	}
.termslist {
	list-style: lower-roman;
	list-style-position: inside;
	font-size: 85%;
	}
.eventlist li, .vcard {
	font-size: 80%;
	}
.eventlist li em {
	font-style: normal;
	font-weight: bold; 
	}
.eventlist li strong, .vcard strong {
	font-weight: bold;
	text-align: right;
	}
/* ___________________________________________________________________= footer styles __*/

#footer {
	font-size: 70%;
	text-align: center;	
	}
#footer ul {	
	list-style: none;
	}