*{margin: 0; padding: 0; margin: 0; font-size: 100%; background: transparent;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp,
small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0; outline: 0; vertical-align: baseline;}

html, body {height: 100%;}
body {width: 100%; margin: auto; font-family: geneva, tahoma, verdana, arial, helvetica, sans-serif; line-height: 1; background: #3a5773;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong, b {font-weight: bold;}
input, hr { border: none; }
hr{padding: 0;}
a{ font-weight: bold; color: #a26f67; text-decoration: none;}
a, a:hover, a:active, a:focus, a:link, a:visited {outline:0; direction:ltr;}

p, ul li{color: #333;}
p{font-size: .95em; line-height: 1.20em; font-weight: bold;}
h1,h2,h3,h4,h5,h6{color: #638fb6;}
h1, h2, h3,h4{font-size: 1.8em; line-height: 1.9em; font-weight: normal;}
h1{}
h3{}
h4{font-size: 1em; line-height: 1.2em; font-weight: normal;}
h5{}
h6{}

address{font-style: normal;}

input.textbx, textarea, select{border-color: #ccc #ddd #ddd; border-style: solid; border-width: 2px; background-color: #f9f9f9; color: #777 !important; font-size: 1em; width: 250px;}
input.textbx, textarea{padding: 4px;}
input.textbx:focus, textarea:focus, select:focus{border: 2px solid #9ec1e0; color: #333 !important;}
.dotted{width: 100%; background: url('../image/dottedsm.png') repeat-x 0 0; height: 2px; display: block;}
.error{background-color: #ffc2c2 !important;}
input.error:focus, textarea.error:focus, select.error:focus{border: 2px solid #ff6666 !important;}
.errors{color: #ff0000;}
.clearLeft{clear: left;}
.clearRight{clear: right;}
.clearBoth{clear: both;}
.noBorder{border: none !important;}
.noTopPad{padding-top: 0 !important;}
.para{color: #888;}
.topPad5{padding-top: 5px !important;}
.pad10right{padding-right: 10px !important;}
.margin20top{margin-top: 20px !important;}
.green{color: #549997;}
.floatList{float: left;}

#container{width: 1040px; min-height: 100%; height: auto !important; height: 100%; overflow: hidden; margin: 0 auto -6.5em auto; background: #f8f8f8 url('../image/border3.png') repeat-y;}
#wrapper{width: 940px; min-height: 100%; height: auto !important; height: 100%; margin: auto; overflow: hidden; background: #f8f8f8;}
#topBorderLeft {width: 6px; height: 4px; float: left; }
#topBorderRight {width: 6px; height: 4px; float: right;}

#top{width: 100%; height: 130px; background-color: #f8f8f8;}
#top a#logo{width: 132px; height: 131px; padding: 4px 0 0 8px; float: left; display: block; position: absolute; z-index: 100;}
#top a#logotext {padding: 10px 0 0 163px; float: left; margin: 0 0 3px;}
#top ul#keyToAchieve {float: right; padding: 50px 0 0;}
#top ul#keyToAchieve li{float: left; font-weight: bold; padding: 0 7px 0 2px;}
#top ul#keyToAchieve li a{color: #888;}
#top ul#keyToAchieve li a:hover{text-decoration: underline;}
#top ul#keyToAchieve li#keytext {margin: 5px 0 0; padding: 0 10px 0 2px;}
#top ul#topRightHeader{padding: 15px 10px 0 0; float: right;}
#top ul#topRightHeader li {padding: 0 0 3px; clear: right; font-size: 1.05em; font-weight: bold; letter-spacing: 2px; text-align: right;}

/* --------------------Start of menu area------------------------ */
#menu{width: 940px; margin: auto; clear: both;}
.menuEnd{float: left; width: 4px; margin: 1px 0 0;}
#navContainer {float: left; width: 932px; margin: 1px 0 0; background: url('../image/menu-mid.png') repeat-x; height: 35px;}
#navContainer div{width: 2px; float: right; margin: 0 0 0 1px;}
.nav{float: right;}
.nav,
.nav ul {list-style-type:none; margin:0; padding:0;}
.nav ul {float:left; z-index: 100;}
.nav a {text-decoration:none;}
.nav {font-family: arial, sans-serif; font-size:12pt; font-weight: bold; margin-bottom:-1px;}

/* style the links */
.nav a {float:left; background: url('../image/menu-mid.png') repeat-x; color:#777; text-align:center; line-height:27px; padding:4px 1px; margin-bottom:-1px;}
.nav a.sub-a {background: url('../image/menu-mid.png') repeat-x;}

.nav a:hover,
.nav a:focus,
.nav a:active {outline:0; color:#fff; background: url('../image/menu-hover.png') repeat-x;}


.nav li ul li > a {background: #eee !important; padding:0; border:1px solid #ccc; line-height:22px; padding:4px 0; font-size: 9pt;}
/* this is for the path highlight in all browsers except IE6 and lower */
.nav li:hover > a {color:#777; background: url('../image/menu-hover.png') repeat-x !important;} 
.nav li:hover ul li:hover > a {background: #4b4d6e !important; color: #fff;}

/* WIDTH change this WITH CARE to suit your requirements */
.nav {width:120px; margin-right:-1px;}
.nav a {width:118px; margin-right:-119px;} /* take into account the borders when calculating the link width, margin-right = total link width - 1px */
.nav ul li {max-width:120px;} /* fix for IE8 */

/* flyout TOP positions */
.nav ul.fly {top:-31px;} /* position the top of the flyout first sub-limenus */
.nav ul.fly2 {top:-31px;} /* position the top of the flyout sub-limenus with previous text on two lines */

/* flyout LEFT/RIGHT positions */
.nav ul.fly {left:119px;}
.nav .left ul.fly {left:auto; right:119px;}

/* ------------DO NOT CHANGE ANYTHING BELOW THIS LINE -------------------- */
.nav ul {position:relative; margin-bottom:-10000px;} 
.nav ul li {float:left; clear:left;}
.nav a {position:relative;}
.sub-li {margin-top:-10000px;}
.sub-a {margin-top:10000px;}

/* The bit that does ALL the work to bring the sub-limenus into view */
.sub-li a:hover,
.sub-li a:focus,
.sub-li a:active {margin-right:0;}

/* OPERA fix */
.nav ul:hover {clear:left;}

/*IE5-7 fixes*/
.nav .sub-li {width:100%;}
a:active {}
/* -----------------------End of menu area---------------------------- */
#middle{width: 100%; height: 100%; background-color: #f8f8f8; clear: both; }
#indexTopLeft, #indexBtmLeft{padding: 10px 10px 0 10px; float: left;}
#indexTopLeft {width: 230px;}
#indexTopLeft h1{padding: 10px 0 5px; font-size: 1.5em; line-height: 1.2em;}
#indexTopLeft li p{padding: 0 0 10px;}


#indexBtmLeft {width: 190px; margin: 40px 0 0; clear: left;}
#indexBtmLeft img{display: block; margin: 0 0 50px; padding: 2px; border: 2px solid #ccc;}
#indexBtmLeft li ul li{float: left;}
#indexBtmLeft li ul li.btmLeftImg{width: 106px;}

#indexBtmRight {width: 680px; padding: 10px 0 20px 20px; float: left;}
#indexBtmRight li, #indexBtmRight li a {}
#indexBtmRight li {padding: 0px 0 10px 0px;}
#indexBtmRight li h3 a.headerStyle {font-weight: normal; color: #f58c22;}
#indexBtmRight li a:hover{text-decoration: underline;}

#aboutus{width: 90%; margin: auto;}
#aboutus li h1{font-size: 2.1em; line-height: 2.1em; color: #777;}
#aboutus li img{float: right; margin: 0 0 5px 10px; padding: 2px; border: 1px solid #ccc;}
#aboutus li h2 {padding: 0 0 5px;}
#aboutus h3, #aboutus h2 {font-size: 1.4em; line-height: 1.5em;}
#aboutus li h4{font-weight: bold;}
#aboutus li p {padding: 0 0 10px 0px;}
#aboutus ul.gray-styled li p{color: #666;}
#aboutus li ol li, #aboutus li ul li{padding: 0 0 5px 10px;}
#aboutus li ol{padding: 0 0 5px;}
#aboutus li ol li{padding: 0 0 5px 15px; font-weight: bold; color: #333; list-style: decimal inside;}
#aboutus li ol li a:hover, #aboutus li ul li a:hover{text-decoration: underline;}
#aboutus table{margin: 0 auto 15px auto;}
#aboutus table td, #aboutus table th{padding: 5px 10px; border: 1px solid #ccc;}
#aboutus table th{background: #c7e49c; color: #333;}

#aboutus .margin20top {margin-left: 20px;}

#aboutus #founder li h2 {padding-left: 5px; font-size: 1.5em;}

#aboutus ul li#degrees a {color: #f55;}
#aboutus ul li#degrees ul li{border-bottom: 2px dashed #ccc;}
#aboutus ul li#degrees ul li ul li{border: none;}
#aboutus ul li#degrees h2{font-size: 1.5em;}
#aboutus ul li#degrees h3{color: #549997;}

#aboutus li #articles {width: 85%; margin: 5px auto; padding: 0px 0 3px 10px; border: 1px solid #ccc;}
#aboutus li #articles li {width: 97%; border-bottom: 1px solid #ddd;}
#aboutus li #articles li h3{padding-top: 5px; line-height: 1em;}
#aboutus li #articles li.topPad5 {padding-bottom: 7px;}
#aboutus li #articles li.noBorder{padding-top: 5px;}

#aboutus .floatContainer{padding-top: 20px; clear: both;}
#aboutus .floatList{padding: 15px 30px;}

#applyNow h1 {padding: 10px 0 0 40px; font-size: 2.3em; line-height: 2.3em;}
#applyNow h2, #applyNow h3, #applyNow label{color:#616366;}
#applyNow h2{font-size: 1.85em; line-height: 1.75em; padding: 0px 0 0 40px;}
#applyNow h3{width: 60%; padding: 0px 0 20px 45px; clear: both; font-weight: normal; font-size: 1em; line-height: 1.15em;}
#applyNow span{padding-left: 2px; color: red; font-size: 1.5em; font-weight: bold;}
#applyNow label {font-size: 11pt; float: left; padding-right: 5px; position: relative; text-align: right; top: 8px; font-weight: bold;}
#applyNow #leftReg, #applyNow #rightReg {float: left;}
#applyNow #leftReg label{width: 11.0em;}
#applyNow #rightReg label{width: 8em;}

#applyNow #regBottom {float: left; padding: 80px 0 0 20px;}
#applyNow textarea{width: 655px; height: 100px;}
#applyNow #commentDiv,#applyNow #pdfDiv{clear:both;}
#applyNow #pdfDiv {padding: 0 0 30px 90px;}
#applyNow #pdfDiv input{float: left;}
#applyNow #buttons{ margin: auto; text-align: center;}
#applyNow #buttons input{margin: auto; padding: 5px; border: 1px solid #aaa; background-color: #ebeae9; color: #616366; font-weight: bold;}


#schoollbl, #hearlbl{top: 0px !important;}
#state, #postal{float: left;}
#state{width: 40px;}
#postal{width: 90px;}
#postallbl{width: 6.9em !important;}
#postalDiv{padding-bottom: 11px;}
#country, #hear{width: 263px;}
#phnDiv{padding-top: 3px;}
#hearDiv{padding-top: 4px;}
#commentslbl {width: 11.0em;}
#emailDiv {clear: left;}

#curriculum h1, #curriculum h2 {color: #777;}
#curriculum h1{font-size: 1.8em; padding: 20px 5px 0px 5px;}
#curriculum h2, #curriculum h3{padding: 0px 5px 0px 5px;}
#curriculum h2{font-size: 1.6em;}
#curriculum h3{font-size: 1.4em;}
#curriculum a, #curriculum h3{color: #549997; font-weight: normal;}
#curriculum em{display: block; padding: 10px 0; font-style: normal;}
#curriculum b{color: #f00;}
#curriculum ul{width: 95%; margin: auto;}
#curriculum ul li{padding: 5px 0 5px 0;}
#curriculum p, #curriculum ul li ul li {color: #333;}
#curriculum ul li ul li h4 {padding: 0px 5px 10px 5px; font-weight: bold;}
#curriculum ul li ul li{padding: 3px 0; font-weight: bold;}

#curriculum ul li#programLinks h2 {font-size: 1.4em; color: #638fb6;}
#curriculum ul li#programLinks a {font-weight: bold; color: #a26f67;}
#curriculum ul li#programLinks a:hover{text-decoration: underline;}

#curLinks{width: 820px !important; height: 30px !important; margin: auto; padding: 10px 0 20px; clear: both !important;}
#curLinks li {float: left !important;}
#curLinks a {width: 201px !important; height: inherit !important; line-height: 30px !important; margin: 0 0 0 5px !important; text-align: center !important; display: block !important;  color: #333 !important; background-color: #c7e49c !important; font-size: 1.2em; font-weight: bold;}
#curLinks a:hover{color: #fff !important; background-color: #4b4d6e !important;}
#curLinks #semLink1{margin: 0 !important;}



#featured{ 
	width:665px; 
	padding: 0;
	margin: 15px 0 0;
	position:relative; 
	border:5px solid #ccc; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#f8f8f8;
	float: left;
}
#featured h1{width: 540px; position:absolute; left: 10px; top: 0; border-bottom: 1px solid #ccc; color: #222; font-size: 1.5em; line-height: 1.6em; }
#featured ul.ui-tabs-nav{ 
	
	position:absolute; 
	top:0px; left: 0px;
	list-style:none; 
	padding:0px 0 0; margin:0; 
	width:230px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:0px 0;
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:right; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{padding: 0 0 0 5px; font-size:1.5em; font-family:verdana; line-height:1.7em;}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:61px; 
	color:#222;  
	background:#f8f8f8; 
	line-height:20px;
	border-bottom: 1px solid #ccc;
}
#nav-fragment-4 a{height: 63px !important;}

#featured li.ui-tabs-nav-item a:hover{ 
	background:#eee; 
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#f7fbbe; 
}
#featured .ui-tabs-panel{ 
	width:435px; height:250px; 
	padding:0px 0 0;
	background:transparent; position:relative;
	left: 230px;
	
}
#featured #tabs-4 {border-left: 1px solid #ccc;}
#featured #tabs-4 h2 a{font-weight: normal; color: #638fb6 !important;}
#featured #tabs-4 #partners, #featured #tabs-4 h2{padding: 0 10px 0 10px;}

#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:190px; left:0; 
	height:60px; 
	width: 100%;
	background: url('../image/transparent-bg.png');
	z-index: 10; 
}
#featured .ui-tabs-panel .info p a{color: #e3ae44;}

#featured .info h2{ 
	font-size:1.2em; line-height: 1.2em; font-family:arial, sans-serif; 
	color:#fff; padding: 2px 5px 0px 5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:verdana; font-size:12px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/*** accordion list styling ***/
#menuTree {clear: both; margin: 20px 0 0 20px; min-height: 450px;}
#menuTree h1{color: #777; font-size: 2em;}
#menuTree ul{width: 100%; padding: 5px 0 5px 0;}
#menuTree ul li{margin: 0 10px 0 0; padding: 0 0 0 10px; color: #333; font-weight: bold;}
#menuTree ul li a {color: #549997; font-weight: normal;}
#menuTree ul li h2{padding: 5px 0 0; font-size: 1.30em; line-height: 1.35em;}
#menuTree ul li ul li {padding-bottom: 10px; color: #333; font-size: .95em; color: #333; line-height: 1.20em; }
#menuTree ul li ul li a {color: #a26f67; font-weight: bold;}

#menuTree a:hover{text-decoration: underline;}


/*** featured plugin stuff below for vids ***/

#videoContent {padding: 10px 0 0 30px;}
#videoContent a{color: #4b6e77;}
#videoContent a:hover{text-decoration: underline;}
#videoContent h1{width: 50%; float: left; font-size: 1.85em; line-height: 1.75em; padding: 5px 0 0 20px;}
#videoContent h2{width: 50%; float: left; padding: 0px 0 10px 20px; clear: both; font-size: 1em; line-height: 1.15em; color: #666;}
#videoContent li ul {clear: both;}
#videoContent li ul li{width: 398px; margin: 0 3px; padding: 5px 0; float: left;}
#videoContent li ul li ul li h3{text-align: center;}
#videoContent li ul li ul li p {width: 92%; height: 50px; margin: auto;}

div#freeLectures {
	width: 100%;
	height: 487px;
	overflow: hidden;
	position: relative;
	padding: 0 0 5px 0px; margin: 20px 0 0 0;
	clear: both;
}

div#freeLectures h3, div#freeLectures h1 {
	margin: 0;	
	padding: 7px 0 0 0;
	font-size: 1em;
	text-transform: uppercase !important;
}
div#freeLectures ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}

ul#tabs {
	left: 0;
	z-index: 2;
	width: 340px;
}

ul#tabs li {
	font-size: 12px;
	font-family: Arial;
}

ul#tabs li img {
	padding: 0 5px;
	border: none;
	float: left;
	margin: 0px 5px 0 0;
}

ul#tabs li a {
	color: #616366;
	text-decoration: none;	
	display: block;
	padding: 5px;
	height: 110px;
	outline: none;
	
}

ul#tabs li a:hover {
	text-decoration: underline;
}

ul#tabs li a.current {
	background:  url('../image/arrow.png') no-repeat;
	color: #FFF !important;
}

ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}

ul#output {
	right: 18px;
	width: 519px;
	height: 466px;
	position: relative;
	
}

ul#output li {
	position: absolute;
	width: 519px;
	height: 466px;
	padding: 8px 0 0 0;
}

ul#output li a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF !important;
	background: #000;
	-moz-border-radius: 5px;
}

ul#output li a:hover {
	background: #D33431 !important;
}


a.player {	
	margin-top:40px;
	display:block;
	background:url(/image/splash.jpg) no-repeat;
	width:425px;
	height:298px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

/* splash image */
a.player img {
	margin-top:115px;
	border:0;	
}


#player {
	float:left;	
	margin: 20px 30px 0 10px;	
}	

/* playlist style */
#playlist {
	width:340px;
	height:350px;
	overflow:auto;
	border:1px solid #ccc;
	padding:4px 0 12px 8px;
	background-color:#efefef;
	margin: 0px 0 20px;
	float:left;
}

/* playlist entry */
#playlist a {
	display:block;
	width:300px;
	height:96px;
	padding:7px;
	background-color:#fff;
	border:1px solid #ccc;
	font:11px "bitstream vera sans", "lucida grande",verdana;
	text-decoration:none;
	margin-top:7px;
	color:#666;
}

/* different states of a playlist entry */
#playlist a:hover {
	background-color:#f7fbbe;		
	text-decoration:none;
}

#playlist a.progress {
	background-color:#efefef;	
}

#playlist a.playing {
	border:1px solid #666;
	background-color:#f7f5e1;	
}

#playlist a.paused {
	border:1px solid #666;
	background-color:#f7f5e1;	
}

/* elements inside playlist entry */
#playlist a img {
	border:0;	
	float:left;
	margin-right:10px;
}

#playlist a strong {
	font-size: 1.1em;
	line-height: 1.3em;
	display: block;
	color: #549997;
}

#playlist a b {
	text-align: left;
	color: #222;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;

}

#playlist a em {
	border:0;	
	margin-right:10px;
	background:url(/image/clock.gif) no-repeat 0 50%;
	padding-left:20px;
	color:#333;
	font-style:normal;
}


#footer, .push {height: 6.5em !important; clear: both;}
#footer{width: 1040px !important; margin: 0 auto;  clear: both !important; text-align: center !important;  background: #f8f8f8 url('../image/border3.png') repeat-y;}
#footer #wrap{width: 90%; margin: auto;}
#footer hr { margin: auto; color: #ccc; background-color: #ccc; border: 1px solid #ccc; clear: both;}
#footer ul{text-align: left !important;}
#footer ul li{}
#footer li span, #footer li a, #footer li address{font-weight: normal; font-size: .8em !important; line-height: 1em; color: #666;}
#footer #linkLogos,#footer #validation{padding: 10px 0 0;}
#footer #contactInfo{float: left; padding: 10px 0 0px 15px;}
#footer #linkLogos {width: 156px; margin: auto;}
#footer #linkLogos li {float: left !important; padding: 0 3px;}
#footer #linkLogos #validation {width: 36px; float: left; clear: right;}
#footer #policy{width: 37%; margin: auto;}
#footer #policy li {padding: 10px 0 0; float: left !important;}
#footer #policy li span{padding: 0 10px 0 0;}
#footer #policy li a{border-left: 1px solid #aaa; padding: 0 0 0 10px;}
#footer a:hover{text-decoration: underline !important;}