/* CSS for newmarketormta.org   */

body {
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat;
	background-image: url(images/bground.gif);
}

td {
	font:13px arial;
	color:#333333;
	text-align:left;
}
	
a:link, a:visited, a:hover {
	color:#660000;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	color:#006699;
	text-decoration: underline;
	background-color: #eee;
}

/***********************************************/
/* Upper Area                               */
/***********************************************/ 
#ontopareaa {
	width: 100%;
	height: 200px;
	float: left;
	background-color: #fff;
	background-image: url(images/header1a.jpg);
	background-repeat: repeat-x;
}
#ontopareab {
	width: 100%;
	height: 200px;
	float: left;
	background-color: #fff;
	background-image: url(images/header1b.jpg);
	background-repeat: repeat-x;
}
#ontopareac {
	width: 100%;
	height: 200px;
	float: left;
	background-color: #fff;
	background-image: url(images/header1c.jpg);
	background-repeat: repeat-x;
}
#ontoparead {
	width: 100%;
	height: 200px;
	float: left;
	background-color: #fff;
	background-image: url(images/header1d.jpg);
	background-repeat: repeat-x;
}
#ontopareae {
	width: 100%;
	height: 200px;
	float: left;
	background-color: #fff;
	background-image: url(images/header1e.jpg);
	background-repeat: repeat-x;
}
#ontopareaf {
	width: 100%;
	height: 200px;
	float: left;
	background-color: #fff;
	background-image: url(images/header1f.jpg);
	background-repeat: repeat-x;
}
#ontopareag {
	width: 100%;
	height: 200px;
	float: left;
	background-color: #fff;
	background-image: url(images/header1g.jpg);
	background-repeat: repeat-x;
}

#onheadertext {
	text-align:center;
	display: block;
	padding-top: 150px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/* main area                     */

#onmainarea {
	width: 100%;
	float:left;
}
#ondivider {
	margin: 0 auto;
	width: 980px;
	clear: left;
	background-image: url(images/topdivider.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 2px;
}


/*-----------------------------
Content Area 
------------------------------*/
#oncontent {
	height: 100%;
	background-image: url(images/contentbkgd.gif);
}
#oncontenttesta {
	height: 100%;
	background-image: url(images/contentbkgdtesta.jpg);
}
#oncontenttestb {
	height: 100%;
	background-image: url(images/contentbkgdtestb.jpg);
}
#onsubheadColOne {
	width: 350px;
	float: left;
}
#onsubheadColTwo {
	width: 3px;
	height: 132px;
	float: left;
}

#onsubheadColThreea {
	width: 627px;
	height: 132px;
	float: left;
	background:url(images/menu1bg.gif)
}
#onsubheadColThreeb {
	width: 627px;
	height: 132px;
	float: left;
	background:url(images/menu2bg.gif)
}
#onsubheadColThreec {
	width: 627px;
	height: 132px;
	float: left;
	background:url(images/menu3bg.jpg)
}
#onsubheadColThreed {
	width: 627px;
	height: 132px;
	float: left;
	background:url(images/menu4bg.jpg)
}
#onsubheadColThreee {
	width: 627px;
	height: 132px;
	float: left;
	background:url(images/menu5bg.jpg)
}
#onsubheadColThreef {
	width: 627px;
	height: 132px;
	float: left;
	background:url(images/menu6bg.jpg)
}
#onsubheadColThreeg {
	width: 627px;
	height: 132px;
	float: left;
	background:url(images/menu7bg.jpg)
}
#onsubheadColThreeh {
	width: 627px;
	height: 132px;
	float: left;
	background:url(images/menu8bg.jpg)
}
#onsubheadColFour {
	width: 150px;
	float: left;
}
#ongap {
	width: 980px;
	float: left;
	height: 6px;
}
#onColGallery {
	width: 980px;
	float: left;
}
#onColOne {
	width: 350px;
	float: left;
}

#onColOneBio {
	width: 310px;
	font-size: 12px;
	float: left;
	margin-left: 40px;
	margin-top: 31px;
	
	display: block;
	
	line-height: 15px;
}

#onColTwo {
	width: 3px;
	height: 132px;
	float: left;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
}

#onColThree {
	width: 627px;
	float: left;
}
#onColFour {
	width: 170px;
	float: left;
}

#onColOneTeacher {
	width: 327px;
	float: left;
}



#onColTwoTeacher {
	width: 327px;
	float: left;
	
}

#onColThreeTeacher {
	width: 326px;
	float: left;
}



/***********************************************/
/* Alternatives for main content               */
/***********************************************/

#onhomeTextBox {
	width: 550px;
	font-size: 12px;
	float: left;
	margin-left: 20px;
	margin-top: 1px;
	padding: 10px;
	display: block;
	
	line-height: 15px;
}
	
#onhomeTextBoxColOne {
	width: 290px;
	font-size: 12px;
	float: left;
	margin-left: 20px;
	margin-top: 1px;
	padding: 10px;
	display: block;
	
	line-height: 15px;
}	

#onhomedottedline {
	width: 560px;
	height: 3px;
	margin-top: 6px;
	margin-left: 20px;
	background-image: url(images/dottedlinered.gif);
	background-repeat: no-repeat;
	float: left;
}	


#ormtanew {
	position: relative;
	width: 540px;
	height: 28px;
	font-size:18px;
	color: #174c7f;
	float: left;
	left: 20px;
	top: 2px;
	margin: 0px 0px 0px 0px;
}
#ormtanewsub {
	position: relative;
	width: 480px;
	height: 20px;
	font-size:12px;
	color: #174c7f;
	float: left;
	display: block;
	left: 20px;
	top: 2px;
	margin: 0px 0px 0px 0px;
}





/***********************************************/
/* Public Styles
/***********************************************/
h1 {
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	color: #F90;
	text-align:center;
	display: block;
	margin: 10 0 0;
	padding: 10px 0px 0px 0px;
	
}
h2 {
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #F90;
	text-align:center;
	display: block;
	margin: 10 0 0;
	padding: 10px 0px 0px 0px;
	
}
h3 {
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	color: #F90;
	text-align:left;
	display: block;
	margin: 10 0 0;
	padding: 20px 0px 0px 0px;
}
h4 {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	display: block;
	margin: 0;
	padding: 0;
}
h5 {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #336699;
	display: block;
	margin: 0;
	padding: 0;
}
p {
	font-size: 100%;
	text-align:justify;
	line-height: 15px;
	color: #666666;
	display: block;
}
ol {
	font-size: 11px;
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #666666;
	list-style-type: decimal;
	list-style-position:inherit;
	margin: 0 0 0 50px;
	padding: 0;
}


.standard {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
	
}
.standard ul {
	list-style-type: none;
	list-style-position:outside;
	margin: 0 0 0 10px;
	padding: 0;
}
.standard li {
	font-size: 11px;
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	line-height: 14px;
	list-style-type: none;
	margin: 0;
	padding-left: 15px;
	background-image: url(../images/jhbullet.gif);
	background-repeat: no-repeat;
	display: block;
	color:#666666;
	background-position: left 5px;
}


/************* #TopNav **************/


#ontopNav{
	margin-right: 0px;
	color: #006;
	white-space: nowrap;
	text-align: center;
	background-image:url(images/title_bkgd.gif);
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#ontopNav img{
 display: block;
}

#ontopNav a {
	color: #174c7f;
	font-size: 100%;
	padding: 0px 4px 0px 0px;
	font-weight: 500;
}
#ontopNav a:hover {
	text-decoration: underline;
	color: #003366;
}


/************* footer **************/
#onbottom {
	height: 80px;
	background-image: url(images/bottombkgd.gif);
	background-repeat: no-repeat;
	clear: right;
}

#onbotnav{
	clear: both;
	font-size: 80%;
	color: #99cccc;
	padding: 20px 10px 10px;
	margin-left: 140px;
	line-height: 15px;
}

#onbotnav img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
#onbotnav a {
	color: #99cccc;
}
#onbotnav a:hover {
	text-decoration: underline;
	color: #006666;
}



/* Menu adapted from cssplay.co.uk
/***********************************************/

.menu {
	z-index:1000;
	font-size:70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:180px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
list-style-type:none;
position:relative;
background-image: url(images/menuon.gif);
height:22px;
}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
	display:block;
	text-decoration:none;
	height:22px;
	line-height:22px;
	width:180px;
	color:#fff;
	text-indent:5px;
	
	background-image: url(images/menuon.gif);
	background-repeat: no-repeat;
	list-style-type:none;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background-image: url(../images/menuon.gif); width:130px; w\idth:180px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background: url(../images/menuover.gif);}

.menu :hover > a {
color:#fff; 
background-image: url(../images/menuover.gif)}

/* for manulife online button */
.online {
	z-index:1000;
	font-size:70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.online ul {
padding:0;
margin:0;
list-style-type:none;
width:180px;
}
/* hack for IE5.5 */
* html .online ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.online li {
list-style-type:none;
position:relative;
background-image: url(../images/menuon.gif);
height:22px;
}

/* get rid of the table */
.online table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.online a, .online a:visited {
	display:block;
	text-decoration:none;
	height:22px;
	line-height:22px;
	width:180px;
	color:#fff;
	text-indent:5px;
	background-image: url(../images/menuon.gif);
	background-repeat: no-repeat;
	list-style-type:none;
}
/* hack for IE5.5 */
* html .online a, * html .online a:visited {background-image: url(../images/menuon.gif); width:130px; w\idth:180px;}
/* style the link hover */
* html .online a:hover {color:#fff; background: url(../images/menuover.gif);}

.online :hover > a {
color:#fff; 
background-image: url(../images/menuover.gif)}