/* OC! Typography CSS base file */

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


BODY { 
	font: 15px Calibri, Arial, sans-serif;
	font-weight:normal;	
	line-height:21px;
	letter-spacing:1px;
	color:#323232;
}
 
/*  define main HTML type elements */
h1 {
	font: 42px Calibri, Arial, sans-serif;
	letter-spacing: 0px;
	line-height:50px;
	font-weight:normal;
	margin:0px 0px 30px 0px;
	color:#ae0000;
}
h2 {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:30px;
	letter-spacing:-.5px;
	font-weight:normal;	
	margin:0px 0px 13px 0px;	
	color:#ae0000;
}

h3 {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:27px;
	line-height:27px;
	letter-spacing:-.5px;
	font-weight:normal;	
	margin:0px 0px 12px 0px;
	color:#ae0000;
}

h4 {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:24px;
	letter-spacing:-.5px;
	font-weight:normal;	
	margin:0px 0px 10px 0px;
	color:#ae0000;	
}

h5 {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:28px;
	letter-spacing:-.5px;
	font-weight:normal;	
	margin:0px 0px 10px 0px;
	color:#383838;	
}
 
h6 {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:16px;
	letter-spacing:-.5px;
	font-weight:normal;	
	margin:0px 0px 6px 0px;	
	color:#ae0000;	
}
p {
	font: 15px/21px 'CartoGothicStdBook', Arial, sans-serif;
	font-weight:normal;	
	letter-spacing:1px;
	margin:0px 0px 30px 15px;
	color:#323232;
}

/* 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:candara, "Trebuchet MS", arial, helvetica, sans-serif;	
}

.serif {
	font-family:cambria, georgia, "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;
}

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

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;
}