html,body{margin:0;padding:0}

body{font: 76% Verdena,sans-serif; margin: 10px;}

p{margin:0 10px 10px;line-height:1.4p; display: block;}
a{text-decoration:none;}
h2 {color: #00309A;}
td font { font: 0.9em Verdana, sans-serif;}
div#header {padding:0; margin: 0;}
div#header a{padding:0}
div#header p{margin:0}
div#side1{margin: 0; padding:0;}
div#side1 p{padding-top:199px;} 
/*padding positions left nav icons in side1 */
div#side2{margin: 0; padding:0; float: left;}
div#footer{background: #FFF;color: #000}
div#footer p{margin:0;padding:5px 10px}
img {border: 0;}

div#navtop {padding:0; margin: 0; clear: both;}
/* 3 column layout */
#leftwrap{
	width: 48%;
	float: left;
	padding-right: 200px;
	z-index:99;
}
html>body #rightwrap{
	width: 35%;
	float: right;
	margin-left: -200px;
	z-index:3;
}
#side2{
    float: left;
}
html>body #side2{
	margin-left: 60px;
	margin-top: 75px;
}
#content{
    width: 107%;
    float: right;
	margin-right: -100px;
}
html>body #content{
	margin-right: -200px;
}
#side1{
	width: 140px;
	background-repeat: no-repeat;
	background-position: left top;
} 
#footer{
    clear: both;
    position: relative;
}

/* constant page graphic elements */
#leftwrap{
	background: url(../images/barshort.jpg) repeat-y left top;
}

#navtop {
	float:left;
	background: url(../images/ecaleftnav.jpg) no-repeat left top;
	}

#side1 {
	background: url(../images/ecaleftsidetop.jpg) no-repeat left top; 
	}
	
/* for cart */

#side1 {
position:absolute;
margin: 120px 0 0 0;
}
#leftwrap {
}

/* end for cart */

div#header h1 {height:56px;
	background: url(../images/ecahead.jpg) no-repeat;
	padding: 0; margin: 0;
}
div#header h1 span {display:none;}
/* end graphic elements */


.leftspacer {clear:left;}
.rightspacer {clear:right;}
.spacer {clear:both;}

/* top navigation */
ul#topnav  {
  white-space: nowrap;
  margin: 0;
  padding: 0 0 0 150px;
  border: 0; 
  list-style: none;
  }
 
ul#topnav li {
  display: inline;
  text-align: center;
  margin: 0;
  padding: 0;
}

ul#topnav li span {
	visibility: hidden;
}

ul#topnav li.home a { background: url(../images/home.jpg) no-repeat center top; height:64px; 
  float: left;}

ul#topnav li.contact a { background: url(../images/contact.jpg) no-repeat center top; height:64px;
  float: left;}

ul#topnav li.payment a { background: url(../images/payment.jpg) no-repeat center top; height:64px;
  float: left;}

ul#topnav li.students a { background: url(../images/students.jpg) no-repeat center top; height:64px;
  float: left;}

ul#topnav li.register a { background: url(../images/register.jpg) no-repeat center top; height:64px;
  float: left;}

ul#topnav li.assessment a { background: url(../images/assesment.jpg) no-repeat center top; height:64px;
  float: left;}
/* endtop navigation */

/* page titles in top nav element */
ul#topnav li.welcometitle { background: url(../images/welcome.gif) no-repeat left bottom; height:51px; width: 180px; float: left; margin:0 25px 0 0;}

ul#topnav li.contacttitle { background: url(../images/contacthead.jpg) no-repeat left bottom; height:51px; width: 180px; float: left; margin:0 25px 0 0;}

ul#topnav li.paymenttitle { background: url(../images/paymenthead.jpg) no-repeat left bottom; height:51px; width: 180px; float: left; margin:0 25px 0 0;}

ul#topnav li.registertitle { background: url(../images/registerhead.jpg) no-repeat left bottom; height:51px; width: 180px; float: left; margin:0 25px 0 0;}

ul#topnav li.assessmenttitle { background: url(../images/assesmenthead.jpg) no-repeat left bottom; height:51px; width: 180px; float: left; margin:0;}

ul#topnav li.privacytitle { background: url(../images/privacyhead.jpg) no-repeat left bottom; height:51px; width: 180px; float: left; margin:0;}

/* end page titles in top nav element */

/* start side navigation */
ul#sidenav {
  white-space: nowrap;
  margin: 0;
  padding: 0;
  border: 0; 
  list-style: none;
  }
 
ul#sidenav li {
  display: block;
  text-align: left;
  margin: 0;
  margin: 0 0 0 -1px;
}

ul#sidenav li span {
	visibility: hidden;
}

ul#sidenav li.aboutustxt a {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: 900;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0 0 0 20px;
}
ul#sidenav li.aboutustxt a:hover {display: block;
	color: #99FE00;}

ul#sidenav li.aboutus a { background: url(../images/aboutus.gif) no-repeat center top; height:21px;
  display: block; margin:0;}
ul#sidenav li.aboutus a:hover {background: url(../images/aboutusroll.gif) no-repeat center top;
  display: block; margin:0;}

ul#sidenav li.programs a { background: url(../images/programs.gif) no-repeat center top; height:21px;
  display: block; margin:0;}
ul#sidenav li.programs a:hover { background: url(../images/programsroll.gif) no-repeat center top; height:21px;
  display: block; margin:0;}

ul#sidenav li.application a { background: url(../images/application.gif) no-repeat center top; height:21px;
  display: block; margin:0;}
ul#sidenav li.application a:hover { background: url(../images/applicationroll.gif) no-repeat center top; height:21px;
  display: block; margin:0;}

ul#sidenav li.faq a { background: url(../images/faq.gif) no-repeat center top; height:21px;
  display: block; margin:0;}
ul#sidenav li.faq a:hover { background: url(../images/faqroll.gif) no-repeat center top; height:21px;
  display: block; margin:0;}

ul#sidenav li.newsletter a { background: url(../images/newsletter.gif) no-repeat center top; height:21px;
  display: block; margin:0;}
ul#sidenav li.newsletter a:hover { background: url(../images/newsletterroll.gif) no-repeat center top; height:21px;
  display: block; margin:0;}
  
ul#sidenav li.artnews a { background: url(../images/artnews.gif) no-repeat center top; height:21px;
  display: block; margin:0;}
ul#sidenav li.artnews a:hover { background: url(../images/artnewsroll.gif) no-repeat center top; height:21px;
  display: block; margin:0;}

ul#sidenav li.testimonials a { background: url(../images/testimonials.gif) no-repeat center top; height:21px;
  display: block; margin:0;}
ul#sidenav li.testimonials a:hover { background: url(../images/testimonialsroll.gif) no-repeat center top; height:21px;
  display: block; margin:0;}

ul#sidenav li.referraldesk a { background: url(../images/referraldesk.gif) no-repeat center top; height:21px;
  display: block; margin:0;}
ul#sidenav li.referraldesk a:hover { background: url(../images/referraldeskroll.gif) no-repeat center top; height:21px;
  display: block; margin:0;}
/* end side navigation */

/* start Footer arrows */

div#footer p a.rightarrow {
	font-size:1.2em;
	background: url(../images/arrowright.jpg) no-repeat center left;
	margin: 145px;
	padding: 0 0 0 41px;
	text-decoration:underline;
	font-style: italic;
	font-weight: bold;
	color: #0033CC;
}
div#footer p a.rightarrow:hover {
background: url(../images/arrowrightroll.jpg) no-repeat center left;
}
/* end Footer arrows */
/* start preload hide */
.preload	{
	display:none;
	}
/* end preload hide */