@import url("sIFR-screen.css");


body{
	margin:0;
	padding:0;
	background: #FFFFFF url(/images/black_template/bg.gif) repeat-x;
	background-attachment: fixed;
	color:#636363;
	font:13px Arial, Helvetica, sans-serif;
	text-align:center;
}
#wrapper {
	margin:0 auto;
	padding:0;
	width:722px;
	position:relative;
	text-align:left;
}

#navbar-container {
	width:720px;
	height: 134px;
	margin:0 0 0px 0;
	padding:0px 0px 0px 0px;
}

#Header{
/*	background: url(/images/Nav/Header.gif) no-repeat; */
	position:relative;
	width:722px;
	height:223px;
	margin:0;
	padding:0;
	float:left;
	border: 1px solid #ae9d70;
}
#Nav{
	font-size: 11px;
	position:absolute;
	top:1px;
	left:1px;
	width:722px;
	height:23px;
	margin:0;
	z-index:1;
}
#Nav, #Nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#Nav a {
	display: block;
	height: 23px;
	text-decoration: none;
}

#Nav li {
	float: left;
	height: 23px;
}

#Nav li:hover, #Nav li.hover {
    position: static;
}

#Nav li#home, #Nav li#home a { width: 147px;}
#Nav li#designservices, #Nav li#designservices a { width: 163px;}
#Nav li#courses, #Nav li#courses a { width: 152px;}
#Nav li#whatsnew, #Nav li#whatsnew a { width: 124px;}
#Nav li#contact, #Nav li#contact a { width: 134px;}

#Nav li#home a { background:url(/images/black_template/nav1.gif);}
#Nav li#designservices a { background:url(/images/black_template/nav2.gif);}
#Nav li#courses a { background:url(/images/black_template/nav3.gif);}
#Nav li#whatsnew a { background:url(/images/black_template/nav4.gif);}
#Nav li#contact a { background:url(/images/black_template/nav5.gif);}

#Nav li#home a:hover { background:url(/images/black_template/nav1-over.gif);}
#Nav li#designservices a:hover { background:url(/images/black_template/nav2-over.gif);}
#Nav li#courses a:hover { background:url(/images/black_template/nav3-over.gif);}
#Nav li#whatsnew a:hover { background:url(/images/black_template/nav4-over.gif);}
#Nav li#contact a:hover { background:url(/images/black_template/nav5-over.gif);}

#Nav li a span { visibility: hidden;}

#Nav li ul li a {
	background: #727272 !important;
	border-bottom: 1px solid #969696;
	border-left: 1px solid #969696;
	border-right: 1px solid #969696;
	color: #fff;
	height: auto !important;
	padding: 6px 3px 6px 6px;
	text-align: left;
}

#Nav li ul li a:hover {
	background: #666666 !important;
}

#Nav li ul li {
	height: auto !important;
}

#Nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#Nav li:hover ul {
	left: auto;
}

#Nav li:hover ul, #Nav li.sfhover ul {
	left: auto;
}

#Logo{
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width:170px;
	height:134px;
}
#Courses-Header{
	position:absolute;
	left:1px;
	top:23px;
	width:720px;
	height:200px;
	margin: 0px 0 0 0;
}
#main{
	margin:0;
	padding:0;
	background-color:#fff;
	position:relative;
	width:722px;
	float:left;
	border-right: 1px solid #ae9d70;
	border-left: 1px solid #ae9d70;
}
#main p{
	margin: 0 40px 20px 0px;
	line-height:20px;
	padding:0;
} 
#main h1,#main h2,#main h3,#main h4,#main h5,#main h6 {
	margin: 20px 30px 10px 0px;
	padding:0;
}
#main img.address {
	margin: 0 0 10px 20px;
}
#content {
	float: left;
	padding: 0px 0px 0px 30px;
	width: 520px;
}
#content p {
	text-indent: 25px; 
	text-align: justify;
}
#content img {
	/*display: none;
	float: left;*/
	margin: 0px 10px 10px 0px;
}
#content table {
	margin: 0px 10px 10px 0px;
}
#content ul li {
	line-height:20px;
	margin: 10px 0;
}
#content p.returntop {
	text-align: right;
}
#content p.returntop a {
	color: #317695;
	text-decoration: none;
}
#content p.returntop a:hover {
	text-decoration: underline;
}
#home h1 {
	margin: 20px 40px;
}
#home p {
	margin: 20px 40px;
}
#subnav {
	background: #F5EEDC;
	border: 0px solid red;
	float: right;
	margin: 20px 0 0 0;
	position: relative;
	text-align: center;
	width: 162px;
}
#subnav a {
	color: #AC9970;
	text-decoration: none;
}
#subtop {
	background: transparent url(/images/sidenav_bg_top.jpg) no-repeat;
	border: 0px solid green;
	float: left;
	min-height: 160px;
	width: 162px;
}
#subtop ul {
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
}
#subtop a {color:#636363;}
#subtop a:hover {text-decoration: underline;}
#subtop ul li {
	margin: 10px 0;
	width: 130px;
}
#subtop ul li a {
	background-image:url(/images/subnav_link_on.gif);
	border: 1px solid #AC9970;
	color: #AC9970;
	display: block;
	height: 15px;
	padding: 3px 5px;
	width: 130px;
}
#subtop ul li a:hover {
	background-image:url(/images/subnav_link_off.gif);
text-decoration: none;
}
#submain {
	border: 0px solid red;
	border-left: 1px solid #ccc;
	float: left;
	width: 162px;	
}
#subbot {
	background-image: url(/images/sidenav_bg_bottom.jpg);
	border: 0px solid blue;
	float: left;
	height: 162px;
	position: relative;
	width: 162px;
}

#subbot div.bot1 {
	bottom: 5px;
	left: 0px;
	padding-top: 5px;
	position: absolute;
	width: 100%;
}
#subbot div.bot1 a {
	border: none;
	padding: 0;
}
#subbot a#client_login {
	background-image:url(/images/subnav_link_on.gif);
	border: 1px solid #AC9970;
	height: 21px;
	padding: 3px 20px;
}
#subbot a#client_login:hover {
	background-image:url(/images/subnav_link_off.gif);
}
#subbot img {
	border: 0;
	margin-top: 10px;
}	
#bottom{
	margin:0;
	padding:0 0 0 40px;
	color:#636363;
	background-color:#FFFFFF;
}

#bottom p{
	margin:0;
	padding:20px 30px 20px 40px;
	background-color:#FFFFFF;

}
#footer{
	color:#fff;
	font:11px Arial, Helvetica, sans-serif;
	margin:0px 0 10px 0;
	position:relative;
	width:722px;
	float:left;
}
#footer p{
	margin:10px 0px 0px 10px;
	padding:0;
	width:700px;
}
#footer p a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer p a:hover {
	text-decoration: underline;
}
#footer ul {
	position:absolute;
	list-style-type: none;
	margin: 0;
	top:0;
	left:50px;
	padding: 5px 5px;
	width: 662px;
}
#footer li {
	float: left;
	text-align: center;
	width: 110px;
}
#footer li a {
	color: #666666;
	text-decoration: none;
}
#footer li a:hover {
	text-decoration: underline;
}
#footer img.google{
	position:absolute;
	right:25px;
	top:70px;
}

/* Popups */
body#popup {
	margin:0;
	padding:10px;
	background: #fff;
	background-image: none;
	color:#003364;
	font:12px Arial, Helvetica, sans-serif;
	text-align:left;
}
/* Partners page */
.logos{
	border:1px solid #ae9d70;
}
table.endorse {
	width:443px;
	margin:0 0 10px 20px;
	padding:2px;
}
td.endorse{
	padding: 0 0 0 10px;
}
td.endorse h1{
	font:16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 10px 0;
}