/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 	background:#ececec;
}
#wrapper { 
 margin: 0 auto;
 width: 100%;
}
#faux {
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 margin: 0 auto; width:702px;
 top:-277px;
 padding: 6px;
 border-width:1px;
 border-style:solid;
 border-color:#6d6d6d;
 background-color:#ececec;
}

#fauxIE {
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 margin: 0 auto; width:702px;
 top:-290px;
 padding: 6px;
 border-width:1px;
 border-style:solid;
 border-color:#6d6d6d;
 background-color:#ececec;
}

#header {
 color: #333;
 width: 725px;
 height: 100px;
 margin: 0px 0px 0px 0px;
}
#backgroundMiddle { 
 color: #333;
 width: 100%;
 z-index:1;
}
#content {
	background:#ececec;
	color: #333;
	padding: 0px;
	width: 100%;
	vertical-align:top;
	float:left;
	left: 128px;
}
#rightcolumn { 
	background:#0066FF;
	display: inline;
	position: relative;
 color: #333;
 margin: 10px 10px 10px 0px;
 padding: 0px;
 width: 195px;
 float: right;
}
#footer { 
 width: 768px;
 clear: both;
 color: #333;
 margin: 0 auto;
 background-color:#ececec;
}
#footer a{ 
 color: #333;
 text-decoration:none;
}
#footer a:hover{ 
 color:#00658b;
 text-decoration:none;
}
.clear { clear: both; background: none; }

#menu {
 height:38px;

}

#readBlue {
float:left; margin-left:10px; padding-left:13px; color:#FFFFFF; background:#04678d; display:block; font-weight:bold; font-size:12px; width:82px; height:19px; padding-top:3px; }
#readBlue a { color:#FFFFFF; background:#04678d;  font-weight:bold; font-size:12px;  }
#viewBlue {
float:left; margin-left:10px; padding-left:13px; color:#FFFFFF; background:#04678d; display:block; font-weight:bold; font-size:12px; width:129px; height:19px; padding-top:3px; }

#viewBlue  a{
 color:#FFFFFF; background:#04678d; font-weight:bold; font-size:12px; }

#readGreen {
float:left; margin-left:10px; padding-left:13px; color:#FFFFFF; background:#79981e; display:block; font-weight:bold; font-size:12px; width:82px; height:19px; padding-top:3px; }
#readGreen  a{
 color:#FFFFFF; background:#79981e;font-weight:bold; font-size:12px;  }
	h1 {
font-weight:bold;
font-size:12px;
}
	h2 {
font-weight:bold;
font-size:14px;
}

a {
text-decoration:none; color:#333333;}


#contents li {
list-style:inside disc;
list-style-image:url(images/list_square.jpg);
list-style-position:20px;
}


.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 210px; /*WIDTH OF MAIN MENU ITEMS*/
color:#6d6d6d;
height:46px;
width:183px;
}

.glossymenu li{
color:#6d6d6d;
float:left;
height:43px;
width:183px;
}

.glossymenu li a{
font: bold 12px Arial, Helvetica, sans-serif;
display: block;
width: auto;
padding: 8px 0;
padding-left: 35px;
text-decoration: none;
background:url(images/lists_bg.jpg) no-repeat;

}



.glossymenu li a:hover{
background:url(images/lists2_bg.jpg)  no-repeat;
color:white;
display:block; 
width:170px; 
height:30px;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */




.glossymenuLeft, .glossymenuLeft li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 210px; /*WIDTH OF MAIN MENU ITEMS*/
color:#6d6d6d;
height:28px;
line-height:11px;
}

.glossymenuLeft li{
color:#6d6d6d;
float:left;
height:28px;
width:200px;

}

.glossymenuLeft li a{
font: bold 12px Arial, Helvetica, sans-serif;
display: block;
width: auto;
padding: 3px 0;
padding-left: 35px;
text-decoration: none;
background:url(images/lists_bg.jpg) no-repeat;
line-height:11px;
color:#a1a1a1;
}




.glossymenuLeft li a:hover{
background:url(images/lists3_bg.jpg)  no-repeat;
color:white;
width:190px; 
height:20px;
float:left;
}

/* Holly Hack for IE \*/
* html .glossymenuLeft li { float: left; height: 1%; }
* html .glossymenuLeft li a { height: 1%; }

/* End */



 
div.transOFF {width: 100%; background-color: none; opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.90; color:#FFFFFF; }

div.trans35 {width: 100%; background-color:#00658b;opacity:.35;filter: alpha(opacity=35); -moz-opacity: 0.35; }
div.trans75 {width: 100%; background-color: silver;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; }




/*******************SCREEN*********************/

.time {
background:url(images/courses_time1.jpg) no-repeat;
float:left;
height:30px;
width:360px;
}

.time :hover {
background:url(images/courses_time2.jpg) no-repeat;
height:30px;
}

.staff {
background:url(images/courses_staff1.jpg) no-repeat;
float:left;
height:31px;
}

.staff :hover {
background:url(images/courses_staff2.jpg) no-repeat;
float:left;
height:31px;
}

.selling {
background:url(images/courses_selling1.jpg) no-repeat;
float:left;
height:31px;
}

.selling :hover {
background:url(images/courses_selling2.jpg) no-repeat;
float:left;
height:31px;
}

.letter {
background:url(images/courses_letter1.jpg) no-repeat;
float:left;
height:31px;
}

.letter :hover {
background:url(images/courses_letter2.jpg) no-repeat;
float:left;
height:31px;
}

.telephone {
background:url(images/courses_telephone1.jpg) no-repeat;
float:left;
height:31px;
}

.telephone :hover {
background:url(images/courses_telephone2.jpg) no-repeat;
float:left;
height:31px;
}

/******************MAIN MENU*************************/

.menuAbout {
background:url(images/about_btn.jpg) no-repeat;
height:40px;
float:left;
}

.menuAbout :hover {
background:url(images/about_over_btn.jpg) no-repeat;
height:40px;
float:left;
}

.menuHome {
background:url(images/home_btn.jpg) no-repeat;
height:40px;
float:left;
}

.menuHome :hover {
background:url(images/home_over_btn.jpg) no-repeat;
height:40px;
float:left;
}

.menuCourses {
background:url(images/courses_btn.jpg) no-repeat;
height:40px;
float:left;
}

.menuCourses :hover {
background:url(images/courses_over_btn.jpg) no-repeat;
height:40px;
float:left;
}

.menuProducts {
background:url(images/products_btn.jpg) no-repeat;
height:40px;
float:left;
}

.menuProducts :hover {
background:url(images/products_over_btn.jpg) no-repeat;
height:40px;
float:left;
}

.menuServices {
background:url(images/services_btn.jpg) no-repeat;
height:40px;
float:left;
}

.menuServices :hover {
background:url(images/services_over_btn.jpg) no-repeat;
height:40px;
float:left;
}

.menuPartners {
background:url(images/partners_btn.jpg) no-repeat;
height:40px;
float:left;
}

.menuPartners :hover {
background:url(images/partners_over_btn.jpg) no-repeat;
height:40px;
float:left;
}

.menuContact{
background:url(images/contact_btn.jpg) no-repeat;
height:40px;
float:left;
}

.menuContact :hover {
background:url(images/contact_over_btn.jpg) no-repeat;
height:40px;
float:left;
}