/* CSS Document */

body {
	background-color: #cccccc; /*#ffcc00;*/
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	behavior:url(/data/css/csshover.htc);
} 

#middleSection {
	background-image: url(http://ihtoronto.com/images/sideshadow6.gif);
	 
}

#menu {     
	position: absolute;
	z-index: 3;
	left: 50%;
	width: 800px;
	margin-left: -400px;
}

#gallery {
	position: relative;
	z-index: 2;
	/*top: 30px;*/
}

#content {
	position: relative;
	z-index: 1;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: left;	
	width: 760px;
	/*background-color: #FFFF66;*/
}

#content2 {
	position: relative;
	z-index: 1;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: left;	
	width: 770px;

}

#map {
	width: 756px;
	border: 2px solid #b0b0b0;
	margin-top:20px;
	margin-bottom:20px;
}

#top {
	background-image: url(../../images/top_header1.jpg);
	height: 130px;	
	
	/*background-image: url(http://ihtoronto.com/images/top7.gif);*/
	/*background-image: url(http://ihtoronto.com/images/top_snowman.jpg);*/
	/*background-image: url(http://ihtoronto.com/images/top_valentines.jpg);*/
	/*height: 64px; /*60px, 148px; */
}



#topIcons {
	position: relative;	
	left: 638px;
	top: -4px;	
}

#iconlinks {
	font-size: 12px;
	font-weight: bold;
}

#topIcons a { text-decoration: none; }
#topIcons a:link { color: #CCCCCC; }
#topIcons a:visited { color: #cccccc; }
#topIcons a:hover { color: #FFFFFF; text-decoration: underline; }

#toplinks {font-size: 12px; color: white; margin-right: 40px; margin-bottom: 20px; font-weight: bold; }

#toplinks a { text-decoration: none; }
#toplinks a:link { color: #CCCCCC; }
#toplinks a:visited { color: #cccccc; }
#toplinks a:hover { color: #FFFFFF; text-decoration: underline; }

#bottom {
	background-image: url(http://ihtoronto.com/images/bottom7.gif);
	height: 72px; /*54px;*/	
	background-repeat: no-repeat;
	background-color: #CCCCCC;
}

#top .logo {
	position: relative;
	left: 50px;
	top: 20px;
}

#footer1 { 
	font-size: 11px;
	background-color: #ffffff;
	/*background-image: url(http://ihtoronto.com/images/footer1bg2.gif);*/
	width: 760px;
	border: 2px solid #CCCCCC;	
	margin-bottom: 5px;	
}

#footer2 {
	width: 760px;
	background-color: #ffffff;
	border: 2px solid #CCCCCC;
	font-size: 11px;
	padding-bottom: 5px;
		
}


#roundupblog {
	width: 760px;
	border: 2px solid #CCCCCC;
	margin-bottom: 10px;
}


#footerPrograms {
	margin-left: 10px;
	
}

#footerPrograms td {
	border: 1px solid #CCCCCC;
}

#footer1 h1 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

#footer1 ul {
	margin: 0px;
	padding: 0px;	
}

#footer1 li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


#footer1 a, #footerContactInfo a{	
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}

#footer1 a:link {
	
}

#footer1 a:visited {
	color: #0066CC;
}

#footer1 a:hover {
	border-bottom: thin solid #003366;
	color: #003366;
}

#footer1 a:active {

}

#footerContactInfo {	
	background-color: #ffffff;
	padding: 10px 10px 10px 0px;		
}

#footerline {
	font-size: 11px;
	width: 100%;
	margin-top: 40px;
	text-align: center;	
	margin-bottom: 100px;
}

#footerline a { text-decoration: none; color: #0080C0 }
#footerline a:visited { color: #0080C0 }
#footerline a:hover { text-decoration: underline; }

.nav1 {
	padding-left: 25px;
	width: 80px; 
}

.nav2 { width: 85px; }
.nav3 { width: 80px; }

#footerAffiliations {
	width: 488px;	
}

html>body #footerAffiliations { /*Non IE rule*/
	width: 488px;
}

#affiliationsBackground {	
	/*width: 426px;	
	margin-left: 20px;	*/
}

#divAddress {
	border-left: 2px dashed #b0b0b0;
	padding-left: 23px;
	text-align: left;
}

#leftColumn {
	width: 469px;
	padding-right: 20px;	
	border-right: 2px dashed #b0b0b0;
	font-size: .9em; 
	color: #3C3C3C;
}

html>body #leftColumn { /*Non IE Rule */
	width: 491px;
}

/*style for home page */

#leftColumn2 {
	width: 499px;
	padding-right: 2px;			
	font-size: .9em; 
	color: #3C3C3C;
}

html>body #leftColumn2 { /*Non IE Rule */
	width: 491px;
}


/*end of home page style */




#rightColumn {
	width: 269px;
	text-align: right;	
}

#leftColumn h1, #leftColumn2 h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #3B3B3B;
	margin-top: 25px;
	margin-bottom: 0px;	
	border-bottom: 1px solid #b0b0b0;
	color: #005279;
}

#leftColumn h2 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 20px;
	text-decoration: underline;
}

hr { border: thin solid #b0b0b0; }

#leftColumn a {
	text-decoration: none;
}

#leftColumn a:link {
	color: #0080C0;	
}

#leftColumn a:visited {
	color: #0080c0;
}

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

#subMenu {
	border: 2px solid #B0B0B0; 
	border-top: 10px solid #b0b0b0;
	border-bottom: 4px solid #b0b0b0;
	width: 250px;	
	line-height: 20px;
	text-align: left;
	background-color:#CCCCCC;	
	font-size: 12px;
	font-weight: bold;
	color: #2C2C2C;
	margin-bottom: 10px;
}

html>body #subMenu { /*Non IE rule*/
	width: 246px; 	
	margin-left: 19px;
}

.subMenuSelected {
	background-color: #ffffff;	
}

#subMenu a, .subMenuSelected { 
	padding-left: 10px;
	display: block;
	width: 100%;
	border-bottom: 1px solid #B0B0B0;
	text-decoration: none;
}

html>body #subMenu a, html>body .subMenuSelected {  /*Non IE rule*/
	width: 236px;
}

#subMenu a:link {
	color: #2C2C2C;
}

#subMenu a:visited {
	color: #2C2C2C;
}

#subMenu a:hover {
	background-color: #7EAACB;	
}

#subMenu a:active {
	background-color: white;
}

.centerLink {
	text-align: center;	
}

#sampleWeekPicture {
	position: absolute;
	display: none;
	left: 50%;
	margin-left: -380px;	
	width: 760px;
	height: 300px;
	background-image: url(/tap/images/sampleweeklarge.gif);

}

#sampleSummer {
	position: absolute;
	display: none;
	left: 50%;
	margin-left: -380px;	
	width: 760px;
	height: 300px;
	background-image: url(/juniors/images/sampleSummerLarge.jpg);
	z-index: 1000;
}

#sampleModernLanguages {
	position: absolute;
	display: none;
	left: 50%;
	margin-left: -380px;	
	width: 760px;
	height: 300px;
	background-image: url(/juniors/images/sampleModernLanguagesLarge.jpg);
	z-index: 1000;
}

#sampleWinter {
	position: absolute;
	display: none;
	left: 50%;
	margin-left: -380px;	
	width: 760px;
	height: 300px;
	background-image: url(/juniors/images/sampleWinterLarge.jpg);
	z-index: 1000;
}

#sampleSpring {
	position: absolute;
	display: none;
	left: 50%;
	margin-left: -380px;	
	width: 760px;
	height: 300px;
	background-image: url(/juniors/images/sampleSpringLarge.jpg);
	z-index: 1000;
}



#sampleWeekSpacer {
	display: none;
	height: 110px;
}

#leftColumn ol li { margin-top: 10px; }

#leftColumn ul, .faqlist {
	padding-left: 0px;
	margin-left: 30px;	
}

#leftColumn .faqlist li {
	margin-bottom: 30px;
	padding: 10px;
}

#leftColumn .faqlist li:hover {
	background-color: #E0E0E0;
}

#leftColumn .faqlist li ul { margin-top: 10px; }

#leftColumn .faqlist li ul li { margin-bottom: 10px; padding: 0px;}

.question { font-weight: bold; color: #383838; }

div#language {
	background-image:url(/images/language.gif);
	height: 63px;
	width: 260px;
	margin-left: 10px;
	margin-top: 0px;
}

div#language select {
	position: relative;
	top: 19px;
	left: -33px;
}
	
.languagebox {
	border-left: 2px solid #b0b0b0;
	border-right: 2px solid #b0b0b0;
	border-top: 10px solid #b0b0b0;
	border-bottom: 4px solid #b0b0b0;
	background-color: #ffcc01;
	width: 250px;
	text-align: left;	
	padding: 5px;	
	color: #2C2C2C;
	font-size: 12px;
	margin-bottom: 10px;
}

html>body .languagebox { /*Non IE Rule */
	width: 236px;
	margin-left: 19px;
}

.box {
	border: 1px solid #b0b0b0;
	width: 149px;
	height: 100px;
	margin-top: 2px;
	background-color: #ffffff;
	padding: 5px;
}

html>body .box { /*Non IE Rule */
	width: 137px;

}


.languagebox table td { padding-top: 4px; }

.languagebox a img { border-bottom: 1px solid #ffcc01 }
.languagebox a img:hover { border-bottom: 1px solid #0080C0 }

.sidebox {
	border-left: 2px solid #b0b0b0;
	border-right: 2px solid #b0b0b0;
	border-top: 10px solid #b0b0b0;
	border-bottom: 4px solid #b0b0b0;
	background-color: #FFFFFF;
	width: 250px;
	text-align: left;		
	padding: 10px;
	padding-top: 5px;
	color: #2C2C2C;
	font-size: 12px;
	margin-bottom: 10px;
	position: relative;
}

html>body .sidebox { /*Non IE Rule */
	width: 226px;
	margin-left: 19px;
}

.sidebox h2 {	
	font-weight: bold;
	font-size: 12px;
	margin-left: 0px;
	margin-bottom: 5px;
}

.sidebox ul {
	padding: 0px;
	margin-left: 20px;
	margin-top: 5px;
}

.sidebox a {
	text-decoration: none;
}

.sidebox a:link {
	color: #0080C0;	
}

.sidebox a:visited {
	color: #0080c0;
}

.sidebox a:hover {
	text-decoration: underline;
	
}

.tables, .table2 {	
	margin-top: 5px;
	margin-bottom: 15px;
}

.tables td, .table2 td {
	border-bottom: 1px solid #C3C3C3;
	border-right: 1px solid #c3c3c3;
	font-size: .8em;
	padding: 5px;
	text-align: center;
	
	height: 30px;  

}

.tables th, .table2 th {
	border: 1px solid #b0b0b0;
	padding: 5px;
	font-size: .8em;
	background-color: #A5C2DA;	
}

.tables .rightside, .table2 .rightside {
	border-right: 0px;	
}

.table2 td {
	height: 60px;
}

.tables tr:hover { background-color: #ffffff; } 

.table3 { margin-top: 5px; }

.table3 td {
	/*border-bottom: 1px solid #b0b0b0;*/
	font-size: .7em;
	/*height: 1.5em;*/
	padding-bottom: 2px;	
}

.table3 a { color: #0080C0; }
.table3 a:hover { color: #005B88;}

/*.table3 td:hover { background-color: #ffffff; }*/
	

.bigemail {
	width: 100%;
	text-align: center;
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 20px;

}

#tapMovie {
	margin-bottom: 10px;
}

.imagecontainer {
	margin-bottom: 10px;
	border: 2px solid #b0b0b0;
	width: 250px;
	overflow: hidden;
	background-color: #b0b0b0;
}

html>body .imagecontainer {  /*Non IE Rule */
	margin-left: 19px;
	width: 246px;
	
}


div#quickfacts ul li {
	margin-bottom: 12px;
}

div#quickfacts ul li ul { margin-top: 5px; }

div#quickfacts ul li ul li {
	margin-bottom: 5px;
	margin-left: 14px;	
	
}

.list2 li {
	margin-bottom: 10px;
}

div#sectionHeading {
	border: 2px solid #b0b0b0;
	background-color: #0077B0;
	background-image: url(http://www.ihtoronto.com/images/sectionHeadingbg.jpg);
	width: 250px;
	height: 40px;
	line-height: 40px;
	text-align: center;		
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 10px;	
}

html>body div#sectionHeading { /*Non IE Rule */
	width: 246px;
	margin-left: 19px;
}

.jobposting, .startdates {
	border: 1px solid #b0b0b0;
	padding: 10px;
	background-color: #FFFFFF;	
	width: 469px;
	margin-bottom: 20px;
}

.jobposting table {
	font-size: 1em;
	color: #3C3C3C;
}

html>body .jobposting {
	width: 447px;
}

.jobheader { background-color: #99CCFF; padding: 5px;}
.jobtitle { font-weight: bold; color: black; }


div#newsbox {
	height: 106px;
	width: 492px;
	background-image: url(/images/newsbox.gif);
	margin-top: 0px; /*16px;*/
	margin-left: 0px;
	margin-bottom: 20px;
}

div#newsbox2 {
	height: 106px;
	width: 492px;
	background-image: url(/images/newsbox2.gif);
	margin-top: 0px; /*16px;*/
	margin-left: 0px;
	margin-bottom: 20px;
	position: relative;
}

div#newsHeader {
	position: absolute;
	top: 5px;
	left: 10px;
	font-weight: bold;
	color: #385C95;
}

div#newsHeader a { color: #385C95; text-decoration: none; }
div#newsHeader a:visited { color: #385C95; }
div#newsHeader a:hover { text-decoration: underline; }


html>body div#newsbox {
	
}



div#news {
	width: 470px;
	height: 73px;	
	/*border: 1px solid #b0b0b0;*/
	position: relative;
	left: 9px;
	top: 30px;
	padding-right: 5px;
	
}

html>body div#news {  /* Non IE Rule */
	width: 465px;

}

div#news hr { 
	border: 1px dashed #b0b0b0;
	margin-top: 10px;
	margin-bottom: 20px;
}

div#news .date { 
	font-size: .7em;
	color: #8C8C8C;
	/*margin-top: 20px;*/
	
}

div#news h2 {
	text-decoration: none;
	margin-top: 5px;
	font-size: .8em;
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline;
}

div#news p {
	margin-top: 2px;
}

div#news h1 {
	font-size: 1.3em;
	border-bottom: 2px solid #b0b0b0;

}

div#news a {
	text-decoration: none;
	color: #0080C0;
}

div#news a:visited {
	color: #0080C0;
}

div#news a:hover {
	text-decoration: underline;	
}

div#resourcecontainer ul li {
	margin-bottom: 10px;
}

.form1 {
	margin-top:5px;
	margin-bottom:0px;
}

.form1 h3 {
	font-size: .8em;
	margin-bottom: 1px;
	margin-top: 7px;
	color: #747474;	
}

.form1 .inputbox {
	width:100%;
	margin-bottom:0px;
	border: 1px solid #b0b0b0;
	padding-left: 5px;
}

.form1 textarea {
	border: 1px solid #b0b0b0;
	width: 100%;
	height: 100px;
	padding: 5px;
}

div.sendbutton {
	margin-top: 10px;
	position: relative;
	left: 168px;
	width:58px;
	height:20px;
	/*background-image: url(/esl/temp/images/sendbutton.jpg);*/
}

/*
div.sendbutton:hover { 
	background-image: url(/esl/temp/images/sendbuttonOn.jpg);	
}*/

div.arrow {
	position:absolute;
	left: 228px;
	
}

.arrowUp {
	display: block;
}

.arrowDown {
	display: none;
}

div.menuArrow {
	position:absolute;
	left: 230px;
	top: 3px;
}

div#sideMenuWrapper {
	margin-bottom: 10px;
}

div#breadcrumbs {
	font-size: .8em;
	margin-top: 5px;
}


.strongtext {
	font-weight: bold;
}























/* ######### Side Menu ################################################## */

div#sideMenuWrapper {
	position: relative;
	z-index: 10;		
}

html>body div#menu10 {
	margin-left: 19px;
}
	
div#sideMenu {
	border: 2px solid #B0B0B0; 
	border-top: 4px solid #b0b0b0;
	border-bottom: 4px solid #b0b0b0;
	width: 250px;	
	line-height: 20px;
	text-align: left;
	background-color:#CCCCCC;	
	font-size: 12px;
	font-weight: bold;
	color: #2C2C2C;
	margin-bottom: 10px;
	
}

html>body div#sideMenu { /*Non IE rule*/
	width: 246px; 	
	margin-left: 19px;	
}

div#sideMenu ul {
	margin: 0px;
	padding: 0px;	

}


div#sideMenu a {
	color:#2C2C2C;
	text-decoration: none;	
	padding-left:10px;
	width: 100%;	
}

html>body div#sideMenu a {
	display:block;
	width: inherit;
}

div#sideMenu a:link {}
div#sideMenu a:visited {
	color:#2c2c2c;
} 

div#sideMenu a:hover {
	background-color: #7eaacb;
}

div#sideMenu a img {	
	vertical-align: middle;
	/*top: 2px;*/
}

html>body div#sideMenu a img {
	position: relative;
	top: -1px;
}


/*
div#sideMenu ul li:hover {
	background-color: #7EAACB;	
}
*/

div#sideMenu ul li ul {	
	border: 2px solid #b0b0b0;
	border-top: 6px solid #b8b7b7;
	border-bottom: 4px solid #b0b0b0;
	background-color: #d7d6d6;	
	position: absolute;
	width: 205px;
	left: -197px;
	display: none;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: -4px;
	/* transparency
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#646464,direction=220,strength=3);*/

}

html>body div#sideMenu ul li ul {
	left: -179px;
	width: 205px;
	margin-top: -24px;
	
}

div#sidemenu ul li ul li a {
	text-decoration: underline;	
}

div#sideMenu ul li {
	list-style: none;	
	border-bottom: 1px solid #b0b0b0;	
}


div#sideMenu ul li ul li {	
	border: 0px;
}



div#sideMenu ul li:hover ul, div#sideMenu ul li ul:hover {
	display: block;
	
}


div#subMenu .subMenuSelected ul {
	margin-top: 2px;
	margin-bottom: 10px;
	
}

div#subMenu .subMenuSelected li {
	padding-left: 0px;
	border: 1px solid #ffffff;
	margin-bottom: 0px;
	margin-top: 0px;
	list-style:none;
	position: relative;

}

div#subMenu .subMenuSelected li img {
	position: absolute;
	top: 3px;
}


div#subMenu .subMenuSelected a {
	width: auto;
	padding-bottom:0px;
	border-bottom: none;
	
}

.nolink {
	margin-left: 10px;
}

#jobContent {
	width: 760px;
	font-size: .8em;
	text-align: left;
	margin-bottom: 200px;
}






/* Registration Pages **********************************************/

.rWrap {
	width: 800px;
	margin-top: 20px;
	margin-bottom: 10px;
	

}

.rBox {
	border-left: 2px solid #b0b0b0;
	border-right: 2px solid #b0b0b0;	
	width: 736px;
	text-align: left;
	padding: 10px;
	padding-top: 20px;
	position: relative;	
}

html>body .rBox {
	width: 738px;
}

.rBox h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #3B3B3B;
	margin-top: 0px;
	margin-bottom: 10px;	
	background-color: #eeeeee;
	color: #005279;
	position: absolute;
	top: -20px;
	padding-left: 2px;
	padding-right: 2px;
}


.rBox table .firstColumn {
	text-align: right;
	padding-right: 5px;
	padding-left: 10px;	
	width: 120px;
	font-size: .7em;
}

.rBox table .firstColumn2 {
	text-align: right;
	padding-right: 5px;
	padding-left: 10px;	
	font-size: .7em;
	
}


.rBox .textfield {
	border: 1px solid #b0b0b0;
	margin-bottom: 5px;
	width: 200px;

}

.registration_top {
	/*background-image: url(/registertemp/images/onlineregistration2.jpg);*/
	height: 100px;
	width: 760px;
	background-repeat: no-repeat;
}

.registration_top h1 {
	margin: 0px;
	margin-left: 10px;
	margin-top: 50px;
	font-size: 1.3em;
	color: #ffffff;
	text-align: left;
	
}

.rBox .emergencyContact {
	border: 1px solid #b0b0b0;
	padding: 5px;
	padding-bottom: 10px;	
	width: 310px;
	margin-top: 3px;
}

html>body .rBox .emergencyContact {
	width: 300px;
}

.rBox legend {
	font-size: .8em;
	font-weight: bold;	
}

.rBox .ecfirstColumn {
	text-align: right;
	padding-right: 5px;	
	font-size: .7em;
	width: 80px;	
}

.rBox .programInfoTable {
	font-size: .7em;
}


.rBox h2 {	
	font-size: 1em;
	margin: 0px;

}


.rBox p {
	font-size: .7em;
	
}

.rBox textarea {
	margin: 0px;
	margin-bottom: 10px;
	padding: 10px;
	width: 716px;
	height: 50px;
	border: 1px solid #b0b0b0;
}

table td .medbox {
	margin:0px;
	padding:2px;
	width: 550px;
	height: 20px;
}

.rBox h3 {
	display: inline;
	font-size: .9em;
}

.rBox h4 {
	margin-bottom: 2px;
}


#generalEnglishWrapper, #privateTutorialWrapper, #inHomeStudyWrapper, #accommodationsWrapper, #airportWrapper {
	border: 1px solid #b0b0b0;
	margin-left: 20px;
	width: 660px;	
	margin-bottom: 20px;	
	padding: 20px;
	display: none;
	background-color: #CBE7F8;
}




.rBox .wrapper {
	border: 1px solid #b0b0b0;
	margin-left: 20px;
	width: 660px;	
	margin-bottom: 20px;	
	padding: 20px;
	display: none;
	background-color: #CBE7F8;
}



.rBox .wrapper td {
	font-size: .7em;
}

.rBox .wrapper td h4 {
	margin-bottom: 5px;
	font-size: 1em;
	text-decoration: underline;
	font-weight: normal;
	display: inline;
}

.rBox h5 {
	text-decoration: underline;
	margin-bottom: 3px;
	margin-top:20px;
}


#generalEnglishWrapper td, #privateTutorialWrapper td, #inHomeStudyWrapper td, #accommodationsWrapper td, #airportWrapper td {
	font-size: .7em;
}

#generalEnglishWrapper td h4, #privateTutorialWrapper td h4, #inHomeStudyWrapper td h4, #accommodationsWrapper td h4, #airportWrapper td h4 {
	margin-bottom: 5px;
	font-size: 1em;
	text-decoration: underline;
	font-weight: normal;
	display: inline;
}


.requiredSign {
	font-size: 1.2em;
	margin-right:2px;
	color: #0099FF;
	text-decoration: none;
}

#errorContainer {
	font-size: .7em;
}

#errorContainer li {
	margin-bottom: 5px;
}

#errorWrapper {
	display: none;
}

.summaryTable {
	margin-left: 16px;
}

.summaryTable td {	
	font-size: .8em;	
}

table td .agentText {
	font-size: .7em;
	text-decoration: underline;
}

div#ihlinksbox {
	background-image: url(../../images/ihlinksbox.gif);
	height: 79px;
	width: 260px;
	margin-left: 10px;
	text-align: left;
	font-size: 10px;
}

div#ihlinksbox .text {
	padding-left: 14px;
	padding-top: 30px;
	line-height: 14px;
}

div#ihlinksbox img {
	margin-right: 5px;
}

div#ihlinksbox a {
	color: #0080C0;
}

div#ihlinksbox a:visited {
	color: #0080C0;
}






















/* ###### Style for main menu ############################################################################### */
/***********************************************
* Chrome CSS Drop Down Menu- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

.chromestyle{
width: 800px;
font-weight: bold;
font-family: helvetica, arial, verdana, sans-serif;
font-size: 12px;
/*line-height: 30px;*/

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border-bottom: 1px solid black; 
width: 100%;
background: url(http://ihtoronto.com/images/menubarbg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 6px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 12px; 
margin: 0px;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.lastItem { border: 0px solid red; }

.chromestyle ul li a:hover {
/*background: url(chromebg-over.gif) center center repeat-x;*/  /*THEME CHANGE HERE*/
background-color: white;

} 


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0px;
border: 1px solid #b0b0b0; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px arial;
line-height:18px;
z-index:100;
background-color: #e0e0e0;
width: auto; /*200px;*/
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}
 

.dropmenudiv a{
width: auto;
display: block;
text-indent: 17px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
padding-right: 20px;
text-decoration: none;
font-weight: bold;
color: #2C2C2C;
text-align: left;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #7EAACB;
}

/* ####### End of main menu ################################################################### */




/* The following code only applies to the homepage *******************************************/

div#ourprograms { background-color: #e6e5e5; }
div#ourprograms .programText a { color: #0080C0; text-decoration: none; }
div#ourprograms .programText a:visited { color: #0080c0; }
div#ourprograms .programText a:hover { text-decoration: underline; }
div#ourprograms .programText p { margin: 4px 0px 2px 0px; font-size: 14px; color: #333333; }
div#ourprograms .programText h1 { font-size: 14px; margin: 0px; border-bottom: none; }

div#ourprograms table tr.rowSelected { background-color: white; }

div#ourprograms table td { border-bottom: 1px dashed #b0b0b0; padding: 10px 10px;}
div#ourprograms .programText { padding-left: 5px; }

.newsbox_middle { text-align: center; padding: 5px 10px 4px 10px; background-image: url(http://www.sol-group.net/images/newsbox_middle.jpg);  }
.newsbox_middle h1 { padding-left: 2px; line-height: 20px; height: 20px; width: 100%; background-color: #d3d1d1; color: #b31f1f; margin:0; font-size: 14px;}
.newsbox_middle p { color:#666666; font-size: 12px; margin: 4px 0; }
.newsbox_middle img { border: none; }
#spotlight { margin-bottom: 5px; }
html>body #spotlight { margin-left: 10px; } /* targets non-ie browsers */

#spotlight a { color: #0080C0; }
#spotlight a:visited { color: #0080c0; }
#spotlight a:hover { text-decoration: underline; }

#billboard #updates { width: 270px; height: 300px; border: 0px solid black; position: absolute; right: 10px; top: 10px; font-size: 12px; }
#billboard #updates .title { width: 100%; height: 30px; background-color: #1d1d1d; border: 1px solid black; color: #f5cd13; font-family: Helvetica; font-size: 16px; line-height: 30px; padding-left: 5px; margin-bottom: 8px; }

html>body #billboard #updates .title { width: 265px; }

#billboard #updates ul { margin: 0px; padding: 0px; list-style: none; height: 331px; overflow: auto; }
#billboard #updates ul li { border-bottom: 1px dashed #636467; padding: 8px 0px; }
#billboard #updates .bullet { margin-left: 5px; margin-right: 5px; float: left; position: relative; top: 3px;}
#billboard #updates a { text-decoration: none; color: #cecece; display: block; margin-left: 20px;}
#billboard #updates a:visited { color: #cecece; }
#billboard #updates a:hover { color: white; text-decoration: underline; }

#languageBox { text-align: left; width: 260px; height: 60px; background-image: url(../../images/languagebox_bg3.gif); background-repeat: no-repeat; padding: 10px; }





/* End of homepage code ********************************************************************/
 


/* Styling for sol-group.net/news */

div#wp_sidebar { width: 250px; text-align: left; margin-top: 25px;}
html>body div#wp_sidebar { margin-left: 20px; } 

div#wp_sidebar ul { list-style: disc; padding-left: 15px; margin:0px;}
div#wp_sidebar ul li { font-size: 12px; }

div#wp_sidebar h1 { font-size: 16px; margin-bottom: 10px; color: #888a8c; border-bottom: 1px solid #b0b0b0; }
div#wp_sidebar h1.archive { margin-top: 60px; }

div#wp_sidebar select { width: 100%; }
div#wp_sidebar a { text-decoration: none; color: #0080C0;}
div#wp_sidebar a:hover { text-decoration: underline; } 

div#wp img { max-width:469px; margin: 0px; }
div#wp small { font-size: 10px; }