/* Renovated by Ianna Kim and Vanessa Simpson in Jun 2008 */
body{margin:0;color:#101010;background:#d9e2f4;font-family: Arial,Verdana,Helvetica,Geneva, sans-serif;
                 font-size: 13px;}
td,th,input,select,textarea {font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
                 font-size: 12px;}

h1{line-height:1em;background: #d9e2f4 
                   url(../images/ceit2/header_1.gif) top left no-repeat;
				   font-size:16px;padding: 4px 0px 1px 30px;
				   margin: 0px -15px 5px -15px;
				   border-top:1px solid #9BABC4;
				   border-bottom:1px solid #9BABC4;}
h2{line-height:1em;background:  
					url(../images/ceit2/header_2.gif) top left no-repeat;
					font-size:14px;padding: 4px 0px 3px 30px;
					margin: 0px 0px 5px -14px;
					border-bottom:1px solid #9BABC4}
h3{line-height:1em;background: 
					url(../images/ceit2/header_3.gif) top left no-repeat;
					font-size:12px;padding: 1px 0px 1px 20px;
					margin: 0px 0px 5px 0px;
					border-bottom:1px solid #9BABC4;}
/*
h2{line-height:1em;background: #eeeeee url(../images/ceit2/header_2.gif) top left no-repeat;font-size:14px;padding: 4px 0px 3px 30px;margin: 0px -15px 5px -15px;border-top:1px solid #dbd2bf;border-bottom:1px solid #dbd2bf;border-right:1px solid #dbd2bf;border-left:1px solid #dbd2bf}
h3{line-height:1em;background: #eeeeee url(../images/ceit2/header_3.gif) top left no-repeat;font-size:12px;padding: 1px 0px 1px 20px;margin: 0px -15px 5px -15px;border-top:1px solid #dbd2bf;border-bottom:1px solid #dbd2bf;border-right:1px solid #dbd2bf;border-left:1px solid #dbd2bf}
*/

p{margin:0 0 1.5em 0;}

.CEITLogo_CE {font-family:Verdana; font-weight: bold;color:#00B8E4;}
.CEITLogo_IT {font-family:Verdana; font-weight: bold;color:#FF9900;}

.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-table;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ 
/*.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} 
.clear {display: inline-table;} 

 Hides from IE-mac 
 html .clear {height: 1%;} .clear {display: block;} 
 End hide from IE-mac */ 

.wrapper{background: #d9e2f4 url(../images/ceit2/bg_option_6a.gif) top no-repeat;margin:13px 0 0 0}

.layout{margin:0 auto;width:802px;}

div.header{border-left:1px solid #9999cc;border-right:1px solid #9999cc}

.toolbar{height:14px;color:#ffffff;padding:3px 0px 4px 0;font-size:11px;}
	.toolbar ul.left{float:left;margin:0;padding:0;}
	.toolbar ul.right{float:right;margin:0;padding:0;}
	.toolbar ul li{float:left;display:block;margin:0;padding:0;}
	.toolbar ul li a{float:left;display:block;color:#ffffff;text-decoration:none;
					background: url(../images/ceit2/toolbar-divider.gif) right 
					no-repeat;padding:0px 10px;}
	.toolbar ul li.last a{background:none;}

.headerimage{padding-top: 0px; clear: both;width:802px; }
.printheaderimage{width: 100%; padding-top: 0px; clear: both; 
					border: 1px #999999 solid; margin-bottom: 20px;}

/*Drop-down Menu*/
.nav{height: 22px;color:#ffffff;font-size:11px;font-family:"Trebuchet MS";}
	.nav a{display: block;color:#ffffff;font-size:11px;text-decoration:none}
	.nav a:hover{color:#ffffff;}

	.nav ul li a{color:#ffffff;text-decoration:none;
			  background:url(../images/ceit2/toolbar-divider.gif) right no-repeat;
			  padding:4px 14px 7px 14px}

/*IE7 flyout stick fix*/

.nav li:hover, .nav li.hover {position: static;}

/*For footer, text is black*/
	.footer .nav ul li a{color:#000000;text-decoration:none;
	     background: url(../images/ceit2/divider_blk.gif) right no-repeat;
		 padding:4px 14px 7px 14px}
    .footer .nav a:hover{color:#000000;}
/* for the link for TOP*/
    .footer .nav a{color:#000000;} 
	
	.nav ul li.last a{background:none;} 

	.nav, .nav ul {padding:0;margin:0;list-style: none;line-height:1em;}
	.nav ul li{padding:0;float: left;}
	.nav ul li ul {width:149px;position: absolute;background: #eeeeee;
				color:#000000;left: -999em;border-top:1px solid #9EA7B1;
				border-left:1px solid #9EA7B1;border-right:3px solid #414181;
				margin:-2px 0 0 0}
	.nav ul li ul li {border-bottom:1px solid #9EA7B1;width: 149px;}
	.nav ul li ul li a{padding:4px;height:1%;color:#000000;background-image:none}
	.nav ul li ul li a:hover{background-color:#1D447C;color:#ffffff}	
	.nav ul li ul li.last{border-bottom:3px solid #414181;}	
	
	.nav ul li ul li ul {margin: -.1em 0 0 10em;}
	.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul,
	     .nav li.sfhover ul ul ul {left: -999em;}
	.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul,
	     .nav li.sfhover ul, .nav li li.sfhover ul,
		 .nav li li li.sfhover ul {left: auto;}

.path{background:#ffffff;font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;font-size:11px;border-left:1px solid #414181;
       border-right:1px solid #414181;padding:7px 10px 7px 15px}

.contentarea{width:800px;background-color:#ffffff;line-height:1.35em;
             border-bottom:5px solid #183867;
			  border-left:1px solid #414181;border-right:1px solid #414181;
			  padding: 0 0 0 0;}
	.contentarea li{padding:0 0 5px 0;}
	.contentarea a{color: #101010;}

/* Left Column */
.childpages{width:180px;float:left;margin:0px 12px 15px 12px;
             display:inline;background:#9BABC4}
	.childpages a{text-decoration:none;}
	.childpages table {border-collapse:collapse;background-color:9BABC4;}
	.childpages table td table {border-collapse:collapse;
	                  border-bottom:1px solid #ffffff;background-color:#9BABC4;}
	.childpages table td table td table{border-collapse:collapse;
	                  border-bottom:1px solid #9c9c9c;background-color:#9BABC4;}
	.childpages table td table td table td table{border:none !important;}
	.childpages .header{border-left:none !important;border-right:none !important;
	                    background-color:#9BABC4;}
	
	
	a.header{display:block;background:#9BABC4;padding:5px 8px;font-size:11px;
	         color:#000000;font-weight:bold;margin:0 !important;line-height:1em}
	a.header:hover{background:#1D447C;color: #ffffff}
	a.headerSelected{display:block;background:#CCCCCC;padding:5px 8px;
	             font-size:11px;color:#000000;font-weight:bold;line-height:1em;}
	a.headerSelected:hover{background:#1D447C; color: #ffffff}

	a.item{display:block;font-size:11px;background:#eeeeee;
	       padding:4px 8px 4px 22px;color:#000000;font-weight:normal;
		   line-height:1em;}
	a.item:hover{background:#1D447C;color: #ffffff}
	a.itemSelected{display:block;font-size:11px;background:#9c9c9c;
	               padding:4px 8px 4px 22px;color:#000000;line-height:1em;}
	a.itemSelected:hover{background:#1D447C;color: #ffffff}

/* Centre Column */
.content{float:left;width:555px;padding:15px;
         font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
         font-size: 12px;}

h1.pagetitle{margin: -15px -15px 10px -15px;}

.tier1 .content .ctable {width: 770px; margin: 0px}
.tier1 .content .ctable td {vertical-align: top; text-align: left;
                          padding:  5px; padding-left: 14px;margin: 0px ;						  
                          font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
                          font-size: 12px;}

.tier2 .content .ctable {width: 525px;  margin: 0px}
.tier2 .content .ctable td {vertical-align: top;text-align: left;
						   padding:  5px; padding-left: 14px;margin: 0px;
						   font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
                           font-size: 12px;}

.content .ctable td img {margin: 0px}

.content  a {color: #0033CC; text-decoration : none}
.content  a:visited {color: #0033CC; text-decoration : none}
.content  a:hover {color: #0033CC; text-decoration : underline}

.content .ctable td a {color: #0033CC; text-decoration : none}
.content .ctable td a:visited {color: #0033CC; text-decoration : none}
.content .ctable td a:hover {color: #0033CC; text-decoration : underline}

.content .ctable td ul {list-style-image: url(../images/ceit2/list-bullet.gif)}

.content .ctable .important {color: #8C1717; font-weight : bold}

.content p.endingSentence {padding-left:14px ;padding-right:14px ;float:none;
							font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
							font-size: 12px;}
.content p.endingSentence a{color: #0033CC; text-decoration : none}
.content p.endingSentence a:visited {color: #0033CC; text-decoration : none}
.content p.endingSentence a:hover {color: #0033CC; text-decoration : underline}

.content p.PrintPage   {padding-left:14px ;padding-right:14px ;float:none;
						font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
						font-size: 12px;} 


/* Blackboard Center Table */

.tier1 .content .bbltable {width: 450px;   margin: 0px;}
.tier1 .content .bbltable td {vertical-align: top;text-align: left;
						   padding:  5px; padding-left: 14px;padding-right: 14px;margin: 0px;
						   font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
                           font-size: 12px;}

.content .bbltable td img {margin: 0px}

.content .bbltable td a {color: #0033CC; text-decoration : none}
.content .bbltable td a:visited {color: #0033CC; text-decoration : none}
.content .bbltable td a:hover {color: #0033CC; text-decoration : underline}

.content .bbltable td ul {list-style-image: url(../images/ceit2/list-bullet.gif)}

.content .bbltable .important {color: #8C1717; font-weight : bold}

.content .bblpagetitle {line-height:21px;background: #ffffff;
				   font-size:16px; padding: 4px 0px 1px 4px;
				   margin: 0px 15px 5px 10px;
				   border-top: none; border-left: none; border-right: none;
				   border-bottom:1px solid #9BABC4;}



/* For the gradient footer
.footer{margin:0 auto;text-align:center;font-size:10px;width:802px;
         padding:2px 0px 16px 0px ; background-color: #9999dd;
		 filter: progid:DXImageTransform.Microsoft.gradient
		 (startColorstr=#FFFFFF, endColorstr=#6c6c92)} */
/* no gradient footer*/
 .footer{margin:0 auto;text-align:center;font-size:10px;
		width:802px;padding:2px 0px 16px 0px ;
		background: #d9e2f4 url(../images/ceit2/bg_footer.jpg)
		            top center no-repeat;
		}

.tier1{}
	.tier1 .content{float:none;width:770px;margin:0 auto 10px auto}

.tier2{}
	.tier2 .contentarea{background: url(../images/ceit2/contentarea-bg.jpg)
	                    top left repeat-y;}
	.tier2 .dividerbottom  	{font-size:1px;line-height:1px;height:12px;
	       background:#ffffff url(../images/ceit2/dividerbottom-bg.gif)
		   top right no-repeat;margin:0 10px 0 0;clear:both;}
   
.tier2 .nonav{}
	.tier2.nonav .path{padding:7px 10px 5px 15px;}
	.tier2.nonav .contentarea{background:#ffffff;}
	.tier2.nonav .content{float:none;width:746px;border:1px solid #dbd2bf;
	                       border-top:none;margin:0 auto 10px auto}
	.tier2.nonav .dividerbottom{background-image:none}
	
 .footer .copyText {text-align:center; color: #000000}

/* Google search  */

input{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 10px;
}
.searchBtn{
padding: 0px 5px 0px 5px;
margin: 0px 0px 0px 0px;
height:19px;
}
#searchBox{
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.toolbar{
}
.headerimage {
margin: 0px 0px 0px 0px;
height: 79px;
}
							 
							 
/* Legacy Styling */
.feature{font-family: arial;font-size: 12px;	font-style: normal;	color: #000000;text-decoration: underline;}
.feature:hover{color: #666666;text-decoration: none;}
.featuresTitle1{font-size: 13px; font-style: normal; color: #000000; font-family: arial; font-weight: bold;	margin:0 0 0 5px;text-align:left;}
.redfeature{font-family: arial;font-size: 12px;	font-weight: bold;font-style: normal;	color: #990000;	text-decoration: underline;}
.myBorderColor {border-style: solid;border-color:  #CBCCC0;border-left-width: 1px;border-right-width: 1px;border-top-width: 1px;border-bottom-width: 1px;}
.tblBgColor1 {background-color:#E2E3D5;}
.MenuSmall {color: #FFFFFF;  font-size: 11.5px;  text-decoration: none;}
.MenuSmall:visited {color: #FFFFFF; font-size: 11.5px; text-decoration: none;}
.MenuSmall:hover{color: #FFFFFF; font-size: 11.5px; text-decoration: underline;}
.tblBgcolor2{background-color:#eeeeee;}
.tblBgColorGray {background-color:#4D5651;}
.imagepad{margin-left: 10px;padding-left: 10px;margin-bottom: 10px;padding-bottom: 10px;}
.textpad{margin-left: 10px;padding-left: 10px;margin-bottom: 10px;padding-bottom: 10px;margin-right: 10px;padding-right: 10px;margin-top: 10px;padding-top: 10px;}
.frontfeature{color: #000000; padding: 6px;}
.ulfrontpage{padding: 0;margin: 0;margin-left: 10px;padding-left: 10px; margin-top: 3px;padding-top: 3px; }
ul.menu1{padding: 0;margin: 0;margin-left: 11px;padding-left: 11px; margin-right: 3px;padding-right: 3px;margin-top: 5px;padding-top: 5px; list-style-image:url(images/ceit2/bullet-small.gif)}

@media print{
.childpages{display: none;}

.contentarea{background:#ffffff;line-height:1.35em;border-bottom:0px;
             border-left:0px;border-right:0px;}
div.header{display: none;}
.path{display: none;}
.content{width: 100%;}
	h1.pagetitle{border: none;}
}

@media screen{
.printheaderimage{display: none;}
}


