body { padding:0; margin: 0; background: #f8f2d9;}

#page { position: relative; width: 918px; margin: 0 auto; }
#page #wrapper { float: right; width: 918px; background: url('./img/page_drop_shadow_right.png') right repeat-y #FFF; }
#page #wrapper #lt_border { float: left; width: 918px; background: url('./img/page_drop_shadow_left.png') left repeat-y; }
#page #wrapper #bt_border { float: left; width: 918px; background: url('./img/page_drop_shadow_bottom.png') bottom no-repeat }
#page #wrapper #bt_border #content { float: left; margin: 0 9px 9px 9px; }

#page #logobar { float: left; width: 900px; height: 105px; }
#page #logobar #logo { float:left; margin: 16px 20px; }

/*
#topnav { float: left; width: 900px; font-family: Arial; font-size:90%; }
#topnav ul { float: left; margin: 0; padding: 0; width: 900px; background: #f6ae13; }
#topnav li { float: left; list-style: none; display: inline; background: #c2262e; margin-left: 1px; }
#topnav li a { float: left; text-decoration: none; color: #FFF; text-align: center; line-height: 2em; }

#topnav li a#lnkhome { float: left; width: 179px; }
#topnav li a#lnkcourse { float: left; width: 179px; }
#topnav li a#lnkschedule { float: left; width: 179px; }
#topnav li a#lnkregistration { float: left; width: 179px; }
#topnav li a#lnkcontactus { float: left; width: 179px; }

#topnav li a:hover { background: #636363; }
*/

#home_banner { float: left; margin: 10px 7px 10px 8px; width: 885px; height: 187px; background: url('/Content/img/ph_home.jpg') no-repeat; }
#aboutus_banner { float: left; margin: 10px 7px 10px 8px; width: 885px; height: 187px; background: url('/Content/img/ph_about_us.jpg') no-repeat; }
#approval_banner { float: left; margin: 10px 7px 10px 8px; width: 885px; height: 187px; background: url('/Content/img/ph_approval.jpg') no-repeat; }
#courses_banner { float: left; margin: 10px 7px 10px 8px; width: 885px; height: 187px; background: url('/Content/img/ph_courses.jpg') no-repeat; }
#programs_banner { float: left; margin: 10px 7px 10px 8px; width: 885px; height: 187px; background: url('/Content/img/ph_programs.jpg') no-repeat; }
#contactus_banner { float: left; margin: 10px 7px 10px 8px; width: 885px; height: 187px; background: url('/Content/img/ph_programs.jpg') no-repeat; }


#leftnav { float: left; margin:10px 0 30px 0; width: 214px; background: #FCE7A4; }
#leftnav #leftcontent { float: left; width: 100%; }
#leftnav h1 { font-family: Arial; font-size: 100%; margin-left: 10px; }
#leftnav ul { margin:5px 0 25px 0; padding: 0 0 0 25px; font-family:Arial; font-size: 70%; list-style-image: url('/Content/img/nav_left_arrow.png'); }
#leftnav li { line-height: 1.5em; }
#leftnav li a { text-decoration: none; color: #218ebf; }
#leftnav li a:hover { color: #d2161d; }

#centercontent { float: left; width: 490px; margin: 5px 0 30px 0; font-family: Arial; line-height: 1.2em; text-align:justify; }
#centercontent .margin10 { float: left; margin: 0 15px; }
#centercontent h1 { float:left; text-align: left; padding-bottom: 10px; width: 460px; font-family: Arial; font-size: 16pt; color: #d2161d; background: url('/Content/img/h1_line.png') bottom no-repeat;}
#centercontent h2 { clear:both; font-family: Arial; font-size: 90%; padding-top: 20px; color: #d2161d;}
#centercontent h3 { clear: both; font-family: Arial; font-size: 75%; padding-top: 10px; color: #d2161d;}
#centercontent h4 { clear: both; font-family: Arial; font-size: 70%; color: #d2161d;}
#centercontent p { float:left; font-family: Arial; color: #636363; font-size: 12px; margin-top: 0; }
#centercontent ul { float:left; list-style:none; font-family: Arial; font-size: 11px; color: #636363; margin-top:0; padding: 0 12px; }
#centercontent ul li { clear: both; }
#centercontent .goright { float: right; font-size: 75%; font-weight:bold; }
#centercontent .goleft { float: left; font-size: 75%; font-weight: bold; }
#centercontent .centersmall { clear:both; text-align: center; font-size: 10px; width: 100%; }
#centercontent table { float:left; font-family: Arial; font-size: 75%; color: #636363; }
#centercontent a { text-decoration: none; color: #F2674E; }

#centercontent ul.benefits { font-family: Arial; font-size: 80%; list-style-image: url('/Content/img/bullet.png'); margin:0 0 0 15px; padding: 0; }
#centercontent ul.benefits li { line-height: 1.5em; }
#centercontent ul.benefits li a { text-decoration: none; color:#636363; }
#centercontent ul.benefits li a:hover { color: #000; }


#centercontent ul.news { font-family: Arial; font-size: 80%; list-style-image: url('/Content/img/bullet.png'); margin:0 0 0 15px; padding: 0; }
#centercontent ul.news .newsdate { font-weight: bold; margin-right:5px; font-size:100%; }
#centercontent ul.news li { line-height: 1.5em; }
#centercontent ul.news li a { text-decoration: none; color:#636363; }
#centercontent ul.news li a:hover { color: #000; }

#centercontent #contactusform {}
#centercontent #contactusform fieldset { float:left; padding: 10px 0 20px 0; border: 1px solid #DDDDDD; width:100%; margin-top:20px; }
#centercontent #contactusform legend { margin-left: 20px; padding: 0 10px; }
#centercontent #contactusform input { border: 1px solid #bbbbbb; }
#centercontent #contactusform p { float: left; margin: 10px 10px 0 10px; width: 100%; }
#centercontent #contactusform label { float: left; width: 140px; text-align: right; margin-right:10px; }
#centercontent #contactusform .button { margin-left: 150px; border: 1px solid #DDDDDD; background: #d2161d; color: #FFF; line-height: 1.5em; width:100px; }
#centercontent #contactusform select { border: 1px solid #bbbbbb; }
#centercontent #contactusform textarea { border: 1px solid #bbbbbb; }

#rightbanners { float: left; width: 196px; }
#btnSummer2010 { cursor: pointer; }
#summer2010 { float: left; display:none; border: 1px outset #bbbbbb; padding: 5px 10px; }

#footer { float: left; width: 900px; border-top: 1px solid #fe9400; color: #B4B4B4; font-family: Arial; font-size: 9pt; }
#footer .margin30 { margin-left: 30px; }
#footer ul { float: left; padding: 0; width:870px; }
#footer li { float: left; margin: 0; padding: 0; list-style: none; }
#footer li a { color: #1188c1; text-decoration: none; }
#footer li a:hover { color: #c2262e; }
#footer p { float: left; width: 870px; margin: 0 0 40px 0; }
#footer a { text-decoration: none; color: #1188c1; }
#footer .company { color: #000; }

a img { border: none; }
.h1red { color:#d2161d }
.fontred { color: Red; }

#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li
	{	float: left;
		list-style: none;
		background: #f6ae13;
		font: 12px Tahoma, Arial}

	#jsddm li a
	{	display: block;
		background: #c2262e;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 155px;
		line-height: 2em;
		color: #FFF;
		text-align: center;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #636363}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
		 	text-align: left;
			background: #9F1B1B}
		
		#jsddm li ul li a:hover
		{	background: #636363}
		
/***************************************************************/
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
 
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}