body,html{
	padding:0;
	margin:0;
	background:url(../images/bgInside.gif) repeat-x #bfcfc2;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

.container{
	width:825px;
	padding:0;
	margin:0 auto
}

.sleft{
	width:12px;
	background: url(../images/sLeft2.gif)
}

.contentContainer{
	background:#fff
}

.topnav{
	padding:0 0 5px 123px;
	margin:0;
	width:678px;
	height:24px;
	background:#5471b6;
	border-bottom:4px solid #193992;
	list-style:none
}

.topnav li{
	padding:8px 0 0 0;
	margin:0;
	float:left;
	border-right:1px solid #b5c2e3
}

.topnav li.last{
	border-right:none
}

.topnav li a{
	padding:0 8px;
	display:block;
	font:normal 14px "Times New Roman";
	color:#b5c2e3;
	text-decoration:none;
	text-transform: capitalize
}

.topnav li a:hover{
	color:#fff
}

.topnav li a.active{
	color:#fff
}

.mastheadConatainer{
	border-bottom:1px solid #eaeaea;
	clear:both;
	padding:0;
	margin:0
}

.masthead{
	border-bottom:1px solid #c4c4c4;
	padding:4px;
	margin:0
}

.logo{
	padding:7px;
	background:#719f6b;
	margin:0 0 4px 0
}

.logo img{
	border:none
}

.mastheadPics{
	width:501px
}

.pageTitle{
	width:278px;
	background:#193992;
	font:normal 24px Arial;
	text-align:right;
	padding:0 10px 10px 0;
	color:#fff
}

.clear{
	clear:both
}

.content{
 	padding:15px
}

.content h1{
	font:bold 20px Arial;
	color:#193992;
	padding:0;
	margin:0
}

.content p, li, td{
	font-size:10pt
}

.imageLeft{
	float:left;
	width:280px;
	margin:0 15px 15px 0
}

.imageRight{
	float:right;
	margin:0 0 15px 15px
}

.imageRight img, .imageLeft img, .picBorder img{
	display:block;
	padding:2px;
	border:1px solid #c2c2c2;
	margin:0 0 15px 0
}

.contactForm {
	padding:0;
	margin:0
}

.contactForm td{
	font-size:8pt;
	padding:0 0 7px 0
}

.contactForm .inputFields{
	border:1px solid #e1d7d6;
	width:250px
}

.sidenav{
	background:#ededed;
	width:170px;
	padding:10px
}

.affiliations{
	background:url(../images/dots.gif) top repeat-x;
	padding:15px 0 0 0;
	margin:45px 0 0 0;
	font:italic 12px "Times New Roman"
}

.affiliations img{
	padding:10px 15px 0 15px;
	border:none
}

.courses, .faqs, .contact{
	margin:0 0 10px 0
}

.courses a{
	padding:3px;
	display:block;
	background:#5a782d;
	text-decoration:none;
	text-align:right;
	font:bold 12px Verdana;
	color:#fff
}

.courses a:hover{
	background:#3e5f0d
}

.faqs a{
	padding:3px;
	display:block;
	background:#d88e23;
	text-decoration:none;
	text-align:right;
	font:bold 12px Verdana;
	color:#fff
}

.faqs a:hover{
	background:#c37a10
}

.contact a{
	padding:3px;
	display:block;
	background:#6a8fed;
	text-decoration:none;
	text-align:right;
	font:bold 12px Verdana;
	color:#fff
}

.contact a:hover{
	background:#4770d7
}

.courses img, .faqs img, .contact img{
	border:none;
	padding:3px 0 0 0
}

.contactInfo{
	padding:7px;
	background:#dcdcdc;
	font:normal 11px Arial
}
.contactInfo td{
	font:normal 10px Arial
}

.footer{
	background:#a3b8a6;
	padding:10px;
	color:#4a534b;
	font:normal 10px Arial
}

.footer a{
	color:#4a534b;
	text-decoration:none
}

.footer a:hover{
	text-decoration:underline
}

.footerLogo{
	float:left;
	width:174px
}

.footerLogo img{
	border:none
}

.footernav{
	padding:0;
	margin:0;
	list-style:none
}

.footernav li{
	padding:0;
	margin:0;
	float:right
}

.footernav li a{
	padding:0 5px;
	font:normal 10px Arial;
	color:#313731;
	text-decoration:none;
	text-transform: capitalize
}

.footernav li a:hover{
	text-decoration:underline
}

.copyright{
	clear:right;
	text-align:right
}

.sRight{
	width:12px;
	background: url(../images/sRight2.gif)
}

.date{
	font:normal 10pt Verdana
}

a{
	color:#193992
}

a:hover{
	text-decoration:none
}

.hr{
	background: url(../images/dots2.gif) repeat-x;
	clear:both;
	height:2px;
	margin:15px 0
}

/*for javascript*/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
} 

.contactForm {
	padding:0 50px
}

.contactForm td{
	font-size:10pt;
	padding:0 0 7px 0
}

.contactForm .inputFields{
	border:1px solid #e1d7d6;
	width:200px
}