/* For IE */

@font-face {
	font-family: 'Komika Title';
	src: url('KomikaTitle.eot');
}

/* For Other Browsers */

@font-face {
	font-family: 'Komika Title';
	src: local('Komika Title Regular'),
	     local('KomikaTitle-Regular'),
	     url('KomikaTitle.ttf');
}

body
{
	font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
	font-weight: normal;
	font-style: normal;
	color: Black;
	background-color: #CCCCCC;
	background-image: url(../images/bkggray.jpg);
	background-repeat: repeat-x;
}

p
{
	margin-top: 0px;
	margin-bottom: 1px;
	font-size: 1.1em;
	line-height: 1.3em;
}

.notebox {
	width:25%;
	float:right;
	background-color: #FEF1F8;
	margin:0 0 1em 1em;
	padding:0.8em;
}
.noteboxleft {
	width:25%;
	float:left;
	background-color: #FEF1F8;
	margin:0 0 1em 1em;
	padding:0.8em;
}

.headerTitle {
	font-size: 2.6em;
	font-family: Komika Title, "Comic Sans MS";
	color: Red;
	font-weight: normal;
	font-style: normal;
	padding-left: 1em;
	line-height: 1.2em;
	text-align: right;
}

#wrap {
	position: relative;
	min-height: 100%;
	overflow: visible;
	margin: 2.0em 2.0em 1.5em 2.0em;
}

* html #wrap {
height:100%;
}

#wrap img {
margin: 0 0.5em 0.8em;
float: right;
}
#wrap img.left {
margin:0 0.8em 0.5em 0;
float:left;
}
  
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
  
 .clearfix {
display: inline-block;
}  

    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */
	 
h1, h2, h3, h4 {
	font-family: Komika Title, verdana, tahoma, arial, sans-serif;
	font-weight: normal;
	color: #000090;
}

h1 {
	position: relative;
	font-size: 180%;
	line-height: normal;
}

h2 {
	font-size: 130%;
	text-align: center;
}

h3 {
	font-size: 110%
}

h4 {
	font-size: 100%
}

p {
	text-indent: 2%;
}