/* OC! Typography CSS base file */

/* define base font style  - should be a complimentary font for the site*/

@font-face {
	font-family: 'GalatiaSILRegular';
	src: url('../fonts/GalSILR.eot');
	src: local('Galatia SIL Regular'), local('GalatiaSIL'), url('../fonts/GalSILR.woff') format('woff'), url('../fonts/GalSILR.ttf') format('truetype'), url('../fonts/GalSILR.svg#GalatiaSIL') format('svg');
}

@font-face {
	font-family: 'DroidSansRegular';
	src: url('../fonts/DroidSans.eot');
	src: local('Droid Sans Regular'), local('DroidSans'), url('../fonts/DroidSans.woff') format('woff'), url('../fonts/DroidSans.ttf') format('truetype'), url('../fonts/DroidSans.svg#DroidSans') format('svg');
}

BODY { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	font-weight:normal;	
	line-height:18px;
	letter-spacing:1px;
	color:#323232;
}
 
/*  define main HTML type elements */
h1 {
	font-family: 'DroidSansRegular',"Times New Roman", Times, sans-serif;
	letter-spacing: -1px;
	font-size:3.5em;
	line-height:1em;
	font-weight:normal;
	margin:0px 0px 15px 0px;
	color:#0f75a5;
}
h2 {
	font-family: 'DroidSansRegular',"Times New Roman", Times,Arial, sans-serif;
	font-size:3em;
	line-height:.9em;
	letter-spacing:-1px;
	font-weight:normal;	
	margin:0px 0px 13px 0px;	
	color:#0f75a5;
}

h3 {
	font-family: 'DroidSansRegular',"Times New Roman", Times,Arial, sans-serif;
	font-size:2.5em;
	line-height:.85em;
	letter-spacing:-1px;
	font-weight:normal;	
	margin:0px 0px 12px 0px;
	color:#0f75a5;
}

h4 {
	font-family: 'DroidSansRegular',"Times New Roman", Times,Arial, sans-serif;
	font-size:2em;
	line-height:1em;
	letter-spacing:-1px;
	font-weight:normal;	
	margin:0px 0px 10px 0px;
	color:#0f75a5;	
}

h5 {
	font-family: 'DroidSansRegular',"Times New Roman", Times,Arial, sans-serif;
	font-size:1.7em;
	line-height:.8em;
	letter-spacing:-1px;
	font-weight:normal;	
	margin:0px 0px 10px 0px;
	color:#0f75a5;	
}
 
h6 {
	font-family: 'DroidSansRegular',"Times New Roman", Times,Arial, sans-serif;
	font-size:1.5em;
	line-height:.7em;
	letter-spacing:-1px;
	font-weight:normal;	
	margin:0px 0px 6px 0px;		
	color:#414141;	
}
p {
	
	font-family: 'GalatiaSILRegular', "Times New Roman", Times, serif;
	font-size:1.25em;
	font-weight:normal;	
	letter-spacing:0px;
	padding:0px 0px 15px 15px;
	line-height:1.60em;
	color:#444;
}

/* define font modifiers  - sans and serif should be set to a complimentary style for the site*/


strong {
font-weight:bold;
}
em {
font-style:italic;
}

.sans {
		font-family: 'DejaVuSansBook', Arial, sans-serif;
}

.serif {
	font-family: 'GalatiaSILRegular', "Times New Roman", Times, serif;
}

/* define some size modifiers */

.huge {
	font-size:2em !important;
	letter-spacing:0px;
	line-height:1.5em;
}
.large {
	font-size:1.75em;
	letter-spacing:.2px;
	line-height:1.2em;
}
.medium {
	font-size:1.50em;
	letter-spacing:.2px;
	line-height:1em;
}
.small {
	font-size:.75em;
	letter-spacing:0px;
	line-height:75%;	
}
.tiny {
	font-size:.50em;
	letter-spacing:0px;	
	line-height:50%;	
}

/* define list styles */

#content ul{
	margin:0px 0px 15px 15px;
	font-family: 'GalatiaSILRegular', "Times New Roman", Times, serif;
	font-size:1.25em;
	font-weight:normal;	
	letter-spacing:0px;
	line-height:1.60em;
}

#content ul li {
	list-style:none;
	background-image:url(../images/icons/bullet.gif);
	background-repeat:no-repeat;
	background-position: 0px 6px;
	padding:0px 4px 0px 20px;
	
}

ol {
	list-style:decimal;
	list-style-position:outside;
	margin:0px 0px 15px 15px;
	padding:0px 0px 0px 15px;	
} 

ol li {
	padding:0px 4px 0px 15px;
	margin: 0px 0px 0px 0px;
}


ol.roman {
	list-style:lower-roman; 
	list-style-position:outside;	 
}

ol.alpha {
	list-style:lower-alpha;
	list-style-position:outside;
}

ol.upperalpha {
	list-style:upper-alpha;
	list-style-position:outside;	
}

/* define base link styles */

a, a:link, a:visited {
text-decoration:none;
color:#0f75a5;
}
a:hover , a:active {
text-decoration:none;
color:#8fa547;
}

.redborder {
	
	border:5px solid red;
}