/*
everything related to the layout and appearance of typography should go in here.

only em should be used for fonts.

due to reset.css, 1.2 em = 12px, 1.5em = 15px, works all os' and all browsers.
*/

body, form, input, label, select {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color: #333;
}

form, input, label, select, table {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}

h1 {
	font-weight: bold;
	font-size: 2em;
}

h2 {
	color: #2b8fb1;
	font-size: 1.5em;
	
}

h3 {
	font-weight: bold;
	color: #143b4a;
	font-size: 1.7em;
}

h4 {
	color: #2b8fb1;
	font-size: 1.5em;
}

h5 {
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}

p {
	font-size: 1.3em;
	line-height: 1.5em;
	margin:0;
	
}

h1, h2, h3, h4, h5, p {
	margin: 10px 10px 0 20px;	/* using em for bottom margin so heading tags get more margin (its inherited from parent). */
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}	

	ul, ol {
		margin: 1em 1em 0 3em;
		font-size: 1.2em;
	}

		ul li, ol li {
			margin: 0 0 0.5em 2em;
			line-height: 1.5em;
			list-style-type: circle;
		}

a {
	text-decoration: underline;
	color: #39c;
	}

a:hover {
	text-decoration: underline;
	color: #39c;
	}

a:visited {
	text-decoration: underline;
	color: #333;
	}

strong, .bold {
	font-weight: bold;
}

i, cite, .italic {
	font-style: italic;
}

#bannerSelector ul li, ol li { list-style-type: none;}

.login  .trigger {
	color: #fff;
	text-decoration: none;
	background: #6dabc5;
	line-height: 20px;
	padding: 10px;
}

.login  .trigger:hover {
	color: #0a3a61;
	text-decoration: none;
}

.login a {
	text-decoration: none;
	color: #333;
}

.login a:hover {
	text-decoration: none;
}

#sideMenu li a {
    clear: left;
    color: #FFFFFF;
    display: block;
    float: left;
    margin-left: 25px;
    text-decoration: none;
    text-indent: 0;
    width: 145px;
}


.quarterColumn h2 a { 
	text-decoration: none; 
}

.quarterColumn h2 a:hover { 
	text-decoration: underline; 
}

.quarterColumn h4 {
	color: #000;
	font-weight: bold;	
}

#sideMenu h2 {
	font-size: 1.4em;
	font-weight: normal;
	color: #fff;
}

#sideMenu h3 {
	font-size: 1.2em;
	font-weight: normal;
	color: #fff;
}

	#sideMenu h2 a {
		text-decoration: none;
		color: #fff;
	}
	
	#sideMenu h2 a:hover {
		color: #ccc;
	}

#contentBar a { text-decoration: none; color: #39c; }
#contentBar a:hover { text-decoration: underline; color: #3399CC; }

.fame-list p { margin: 10px 10px 0 10px;}
.newsWrap p { margin: 10px 10px 0 10px;}
.eventWrap p { margin: 10px 10px 0 10px;}
.caseWrap p { margin: 10px 10px 10px 10px;}
.downloadWrap p { margin: 10px 10px 10px 10px;}

.fame-list h3 { margin: 10px 10px 0 10px; color:#3399CC !important; font-weight: normal;}
.newsWrap h3 { margin: 10px 10px 0 10px; color:#3399CC !important; font-weight: normal;}
.eventWrap h3{ margin: 10px 10px 0 10px; color:#3399CC !important; font-weight: normal;}
.caseWrap h3{ margin: 10px 10px 0 10px; color:#3399CC !important; font-weight: normal;}
.incWrap h2{ margin: 10px 10px 0 10px; color:#3399CC !important; font-weight: normal;}
.incWrap h3{ margin: 10px 10px 0 10px; color:#3399CC !important; font-weight: normal;}
.downloadWrap h3{ margin: 10px 10px 0 10px; color:#3399CC !important; font-weight: normal;}


#subFooterBar p { font-size: 1.2em;}
#subFooterBar h3 { font-size: 1.3em; font-weight: bold; color: #4da1bd; }
#subFooterBar a { text-decoration: none; color: #000; }
#subFooterBar a:hover { text-decoration: underline; color: #000; }

#contactform label { font-size: 1.1em;}

#footerBar p {
	font-size: 1.1em;
}

#footerBar a {
	text-decoration: none;
	color: #000;
}

#footerBar a:hover {
	text-decoration: underline;
	color: #000;
}

.last p { margin-left:0;}