/* CSS Document */

/*
-----------------------------------------------
SLAM Solutions Style Sheet
Author:   Laura Gerber
Version:  2.2006
----------------------------------------------- */

body {
background: #ffffff url(images/page_background_3.gif) 50% 0;
color: #333333;
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
}

body {
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
}

html>body {
font-size: small;
}

#container {
margin: 0 auto; 
width: 650px;
}


/* 
SEPERATORS --------------------- */
.separator {
height: 3px;
background-color: #a9a9a9;
clear: both;
margin-bottom: 1em;
}
.separatorInvisible {
height: 0;
clear: both;
}

#spacer {
float: left;
margin: 100px 0 0 0;
padding: 100px 0 0 0;
height: 200px;
}
/* 
LINKS --------------------- */

a:link, a:active, a:visited {
}
a:visited {
color: #999;}

a:hover {
color: #333;
text-decoration: underline;
}

a img {
border-width: 0; 
border-style: none;
}

/* 
COMMON --------------------- */
h2 span, h3 span, h4 span {
display: block;
}
p {
margin: 0; 
padding: 1em 0 0;
}

#header {
background-image: url(images/masthead.jpg);
background-repeat: no-repeat;
background-position: center;
background-position: top;
width: 650px;
height: 102px;
padding: 0 0 0 0 ;
}

#header-cm {
background-image: url(images/change/masthead_cm.jpg);
background-repeat: no-repeat;
background-position: top center;
width: 650px;
height: 102px;
padding: 0 0 0 0 ;
}

#header-hd {
background-image: url(images/helpdesk/masthead_hd.jpg);
background-repeat: no-repeat;
background-position: top center;
width: 650px;
height: 102px;
padding: 0 0 0 0 ;
}

#header-sr {
background-image: url(images/school/masthead_sr.jpg);
background-repeat: no-repeat;
background-position: top center;
width: 650px;
height: 102px;
padding: 0 0 0 0 ;
}

/*
TOP NAVIGATION -------------------- */
#navbar ul {
list-style-type: none;
padding: 73px 0 0 0;
margin: 0;
}
#navbar li {
float: right;
margin: 0px;
padding: 0px;
display: inline;
background: url(images/rollover2.gif) no-repeat right top;
}
#navbar a {
font: bold 10px Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #333333;
display: block;
padding: 10px 0px 0px 30px;
height: 30px;
width: 115px;
voice-family: "\"}\"";
voice-family: inherit;
height: 20px;
width: 70px;
}
html>navbar a {
height: 20px;
width: 70px;
}
#navbar a {
text-transform: uppercase;
}
#navbar a:hover {
background: url(images/rollover2.gif) 0px -40px;
}
#navbar a:active {
background: url(images/rollover2.gif) 0px -80px;
}

/*Change Main Navigation ---- */
#change-main a {
text-transform: uppercase;
background: url(images/change/rollover.gif) no-repeat right top;
}
#change-main a {
text-transform: uppercase;
}
#change-main a:hover {
background: url(images/change/rollover.gif) 0px -40px;
}
#change-main a:active {
background: url(images/change/rollover.gif) 0px -80px;
}

/*Help Desk Main Navigation ---- */
#hdesk-main a {
text-transform: uppercase;
background: url(images/helpdesk/rollover.gif) no-repeat right top;
}
#hdesk-main a {
text-transform: uppercase;
}
#hdesk-main a:hover {
background: url(images/helpdesk/rollover.gif) 0px -40px;
}
#hdesk-main a:active {
background: url(images/helpdesk/rollover.gif) 0px -80px;
}

/*Class Registration Main Navigation ---- */
#school-main a {
text-transform: uppercase;
background: url(images/school/rollover_sr.gif) no-repeat right top;
}
#school-main a {
text-transform: uppercase;
}
#school-main a:hover {
background: url(images/school/rollover_sr.gif) 0px -40px;
}
#school-main a:active {
background: url(images/school/rollover_sr.gif) 0px -80px;
}


/*
ICON SUB NAVIGATION -------------------- */

#icon-nav p {
	font: normal 100% Arial, Verdana, sans-serif;
	color: #0000CC;
	display: block;
	padding: 5px 10px 5px 20px;
	height: 15px;
	width: 600px;
	voice-family: "\"}\"";
	voice-family: inherit;
	float: right;
	text-align: right;
	margin: 0px 0px 0px 10px;
}
html>icon-nav a {
height: 15px;
width: 55px;
}
#phone {
background: url(images/phone.gif) no-repeat 0px 12px;
}
#email {
background: url(images/email.gif) no-repeat 0px 12px;
}
#form {
background: url(images/info.gif) no-repeat 0px 12px;
}
		
/*Change Sub Navigation ---- */		
#change-phone {
background: url(images/change/phone.gif) no-repeat 0px 12px;
}
#change-email {
background: url(images/change/email.gif) no-repeat 0px 12px;
}
#change-form {
background: url(images/change/info.gif) no-repeat 0px 12px;
}

/*Help Desk Sub Navigation ---- */		
#hdesk-phone {
background: url(images/helpdesk/phone.gif) no-repeat 0px 12px;
}
#hdesk-email {
background: url(images/helpdesk/email.gif) no-repeat 0px 12px;
}
#hdesk-form {
background: url(images/helpdesk/info.gif) no-repeat 0px 12px;
}

/*School Sub Navigation ---- */		
#school-phone {
background: url(images/school/phone.gif) no-repeat 0px 12px;
}
#school-email {
background: url(images/school/email.gif) no-repeat 0px 12px;
}
#school-form {
background: url(images/school/info.gif) no-repeat 0px 12px;
}




		
/* 
INTRO --------------------- */	
#intro {
margin-top: 40px; 
}

#intro p {
font-size: 85%;
line-height: 1.5em;
padding: 0 0 10px 10px;
margin: 0 0 5px 20px;
color: #333333;
}

#intro h1, h2, h3 {
color: #000000;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
padding: 0 0 3px 10px;
margin: 0 0 3px 20px;
letter-spacing: .02px;
}

#intro h1 {
font-size: 140%;
margin: 55px 0 5px 5px;
padding: 10px 0 0 5px;
font-weight: bold;
}

#intro h2 {
font-size: 100%;
}

#intro h3 {
font-size: 90%;
color: #627081;
font-weight: bold;
text-decoration: underline;
}

#intro a {
font-size: 100%;
margin: 0 0 5px 0px;
padding: 0 0 3px 0px;
}

#aboutus li {
font-size: 85%;
line-height: 1.4 em;
padding: 0 0 10px 10px;
margin: 0 0 5px 20px;
}
#target {
	float: right;
	padding-right: 5px;
	margin-right: 4px;
	width: 220px;
	height: 261px;
	background-image:url(images/dart.jpg);
	background-repeat:no-repeat;
	padding-top: 20px;
	margin-top: 50px;
}
#about {
	float: right;
	padding-right: 5px;
	margin-right: 4px;
	width: 350px;
	height: 261px;
	background-image:url(images/about.jpg);
	background-repeat:no-repeat;
	margin-top: 40px;
}

/* 
MAIN PAGE GRAPHIC NAVS --------------------- */	
#front_icon {
float: left;
width: 600px;
margin-left: 10px;
padding:0 0 10px 0;
 }
 
 #front_icon dl {
 float: left;
 margin: 10px 20px;
 padding: 0;
 display: inline; /*fixes IE/Win double margin bug */
 }
 
 #front_icon dt {
 float: right;
 width: 408px;
 margin: 0;
 padding: 0px;
 font-size: 100%;
 letter-spacing: 0.5px;
 color: #003399;
 }
 
 #front_icon dd {
 background-image: none;
 margin: 0;
 padding: 0;
 font-size: 85%;
 line-height: 1.5em;
 color: #333333;
 }
 
 #front_icon dd.img img {
 float: left;
 padding: 0 10px 0 0;
 }
 

/*
PRODUCT CONTENT --------------------- */	

/*Change Management ---- */
#change-content {
width: 425px;
padding-right: 10px;
float: left;
margin-top: 50px;
border-right: 1px solid #aaa;
}

#change-content p {
font-size: 85%;
text-align: justify;
line-height: 1.4em;
padding-left: 1.4em;
margin-top: 0;
margin-bottom: 1.5em;
}

#change-content h1, h2 {
color: #555555;
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 10px 10px;
padding: 10px 0 2px 0;
}
#change-content h1 {
font-size: 120%;
text-transform: none;
font-weight: bold;
}
#change-content h2 {
font-size: 105%;
}
#change-content h3 {
margin: 0 0 5px 0;
font-size: 95%;
color: #444444;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-left: 1.35em;
}

#change-content li {
margin: 0 0 5px 0;
font-size: 95%;
color: #444444;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
padding-left: 1.35em;
}

a.screenshots_cm {
padding: 0px;
margin: 0px;
text-align: center;
}

hd.screenshots_cm {
padding: 0px;
margin: 15px;
color:#990000;
text-align: center;
}

#screenshots {
width: 425px;
padding-right: 0px;
float: left;
margin: 20px 0 0 0;
border-right: 1px solid #aaa;
}

#screenshots p {
padding: 0px;
margin: 0px;
}

#screenshots img {
padding: 0px;
margin: 0px;
}

#screenshots td {
padding: 0px;
margin: 0px;
}

#screenshots tr {
padding: 0px;
margin: 0px;
}

#screenshots h2 {
	font-size: 95%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
}

#screenshots h1 {
font-size: 100%;
font-weight: bold;
padding-left: 1.4em;
}

#screenshots a {
padding: 0 3px 3px 3px;
margin: 0;
font-size: 85%;
}

/*Help Desk Control ---- */
#hdesk-content {
width: 425px;
padding-right: 10px;
float: left;
margin-top: 50px;
border-right: 1px solid #aaa;
}

#hdesk-content p {
font-size: 85%;
text-align: justify;
line-height: 1.4em;
padding-left: 1.4em;
margin-top: 0;
margin-bottom: 1.5em;
}

#hdesk-content h1, h2 {
color: #555555;
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 10px 10px;
padding: 10px 0 2px 0;
}
#hdesk-content h1 {
font-size: 120%;
text-transform: none;
font-weight: bold;
}
#hdesk-content h2 {
font-size: 105%;
}
#hdesk-content h3 {
margin: 0 0 5px 0;
font-size: 95%;
color: #444444;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-left: 1.35em;
}

#hdesk-content li {
font-weight: normal;
font-size: 85%;
margin-left: 1.35em;
padding-top: .5em;
}

/*School Control ---- */
#school-content {
width: 425px;
padding-right: 10px;
float: left;
margin-top: 50px;
border-right: 1px solid #aaa;
}

#school-content p {
font-size: 85%;
text-align: justify;
line-height: 1.4em;
padding-left: 1.4em;
margin-top: 0;
margin-bottom: 1.5em;
}

#school-content h1, h2 {
color: #6699CC;
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 10px 0px;
padding: 10px 0 2px 10px;
}
#school-content h1 {
font-size: 120%;
text-transform: none;
font-weight: bold;
}
#school-content h2 {
font-size: 105%;
}
#school-content h3 {
margin: 0 0 5px 0;
font-size: 95%;
color: #444444;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-left: 1.35em;
}

#school-content li {
font-weight: normal;
font-size: 85%;
margin-left: 1.35em;
padding-top: .5em;
}

dt {
font-weight: bold;
font-size: 85%;
margin-left: 1.35em;
padding-top: 1em;
}

dd {
margin-left: 15px;
padding-left:  15px;
font-size: 85%;
line-height: 1.4em;
color: #333;
background: url(images/change/dd_arrow.gif) no-repeat 0 2px;
}

/* 
SIDEBAR --------------------- */	

#sidebar {
width: 190px;
float: right;	
margin: 45px 5px 25px 0;
padding: 5px;
font-size: 90%;
line-height: 1.5em;
}

#sidebar p {
font-size: 85%;
line-height: 1.4 em;
padding-left: 1.4em;
margin-top: 0;
margin-bottom: 1em;
}

#sidebar h2 {
	font-size: 120%;
	font-weight: bold;
	display: block;
	border: 0px none #CCCCFF;
	padding: 4px;
	margin-right: 0px;
	color: #FFFFFF;
	background-color: #6699CC;
}
#sidebar h3 {
margin: 30px 0 12px 0;
padding: 3px 10px;
color: #fff;
font-size: 90%;
font-weight: bold;
border: none;
background: url(images/change/sidebar-h3-cg.jpg) repeat-x top left;
}

#sidebar img {
vertical-align: middle;
padding-left:40px;
}

/*Sidebar Change Navigation ---- */
#change-nav {
margin: 0;
padding: 0 0 20px 0px;
list-style: none;
padding-left: 0px;
}

#change-nav li {
margin-left: 10px;
padding-left: 20px;
background: url(images/change/arrow_left.gif) no-repeat center left;
}

#change-nav a {
line-height: 1.4em;
font-weight: bold;
padding: 0 12px 6px 0px;
text-decoration: none;
color: #2970C7;
}

#change-nav a.active, #change-nav a.hover {
color: #999;
}

/*Sidebar Help Desk Navigation ---- */
#hdesk-nav {
margin: 0;
padding: 0 0 20px 0px;
list-style: none;
padding-left: 0px;
}

#hdesk-nav li {
margin-left: 10px;
padding-left: 20px;
background: url(images/helpdesk/arrow_left.gif) no-repeat center left;
}

#hdesk-nav a {
line-height: 1.4em;
font-weight: bold;
padding: 0 12px 6px 0px;
text-decoration: none;
color: #993333;
}

#hdesk-nav a.active, #hdesk-nav a.hover {
color: #999;
}

/*Sidebar School Navigation ---- */
#school-nav {
margin: 0;
padding: 0 0 20px 0px;
list-style: none;
padding-left: 0px;
}

#school-nav li {
margin-left: 10px;
padding-left: 20px;
background: url(images/school/arrow_left.gif) no-repeat center left;
}

#school-nav a {
line-height: 1.4em;
font-weight: bold;
padding: 0 12px 6px 0px;
text-decoration: none;
color: #6B9186;
}

#school-nav a.active, #school-nav a.hover {
color: #999;
}



/* 
PRODUCTS --------------------- */	
.products {
clear: right;
background: #fff url(images/newsletter.gif) top right no-repeat;
float: left;
margin: 0 10px 10px 20px;
padding: 0px;
width: 220px; 
height: 100px;
voice-family: "\"}\"";
voice-family: inherit;
width: 180px;
height: 120px;
}
html>.products {
width: 180px;
height: 120px;
}

#business h2{
text-align:center;
font-size: 105%;
font-weight: bold;
}


	#business a{
	font-family:Verdana, Arial, sans-serif;
	font-size: 95%;
	text-align: left;
	padding:0px 0px 10px 20px;
	margin: 0 0 0 9px;
	background-image:url(images/fancybullet.gif);
	background-position: 0% 15%;
	background-repeat: no-repeat; 	
	display: block;
	}

	#business h3 {
	padding: 0px;
	margin: 0px;
	display: block;
	}
	
#education h2{
text-align:center;
font-size: 105%;
font-weight: bold;
}
	
	#education a{
	font-family:Verdana, Arial, sans-serif;
	font-size: 95%;
	text-align: left;
	padding:0px 0px 10px 20px;
	margin: 0 0 0 9px;
	background-image:url(images/fancybullet.gif);
	background-position: 0% 15%;
	background-repeat: no-repeat; 	
	display: block;
	}

	#education h3 {
	padding: 0px;
	margin: 0px;
	display: block;
	}


/*.products ul {
list-style: none;
margin: 0;
padding: 5px 0 5px 10px;
}

.products li{
background: url(images/fancybullet.gif) no-repeat 0 0;
padding: 0px 0 5px 20px;
margin-left: 15px;
}/* 
	
	
/* 
FEATURES --------------------- */	

#features h3 {
margin: 0 0 5px 0;
font-size: 90%;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-left:0.7em;
}

#features h4 {
margin: 5px 0 5px 0;
font-size: 90%;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-left:.7em;
}

#features p {
margin: 0 0 5px 0;
font-size: 80%;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-left:0.7em;
}

#features a {
margin: 0 0 0 0;
font-size: 100%;
color: #FF9933;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

.column {
float: left;
padding-left: 5px;
padding-right: 5px;
width: 200px;
voice-family: "\"}\"";
voice-family: inherit;
width: 205px;

}
html>.column {
width: 205px;
}

#newsletter {
padding-left: 10px;
padding-right: 15px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
text-decoration: none;
}

#newsletter img {
padding-left: 30px;
}

#newsletter h4 {
padding: 2px;
}

#newsletter ul {

padding: 0px;
margin: 0px;
}

#newsletter li {
float: left;
padding: 0px;
margin: 8px 14px;
color: #FF9933;
font-size: 80%;
list-style-type: none;
background: url(images/news_bullet.gif) no-repeat 0 50%;
}

#demo a{
font-family:Verdana, Arial, sans-serif;
font-size: 90%;
text-align: left;
padding:0px 0px 10px 20px;
margin: 0 0 0 9px;
background-image:url(images/fancybullet.gif);
background-position: 0% 15%;
background-repeat: no-repeat; 	
display: block;
}

#demo h3 {
padding: 0px;
margin: 0px;
display: block;
}


/* 
FOOTER --------------------- */	
#footer {
padding-top: 0px;
clear:left;
}

#footer p {
padding: 5px;
font: normal 9px Arial, Helvetica, sans-serif;
}

#footer ul {
list-style-type: none;
padding: 10px 0 0 0;
margin: 0;
}
#footer li {
float: left;
margin: 0px;
padding: 0px;
display: inline;
border-right: 1px solid #ccc;
}
#footer a {
font: bold 9px Arial, Helvetica, sans-serif;
text-transform: lowercase;
text-decoration: none;
color: #000000;
padding: 0px 10px 0px 10px;
/*height: 30px;
width: 115px;
voice-family: "\"}\"";
voice-family: inherit;
height: 20px;
width: 70px;*/
}
html>footer a {
height: 20px;
width: 70px;
}

#footer a:hover {
color: #FF6600;
text-decoration:underline;
}


/* 
MISC --------------------- */
#container #header #icon-nav img {
	margin-right: 5px;
	margin-top: 5px;
	padding: 5px 0px 0px;
}
#action_change {
	font: 100% Arial, Helvetica, sans-serif;
	color: #0033CC;
	text-align: right;
	display: block;
	height: 15px;
	width: 600px;
	float: right;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin: 0px 0px 25px;
}
#action_change img {
	margin: 5px 5px -2px;
}
#container #change-content table {
	margin-left: 15px;
	font: bold 10px Arial, Helvetica, sans-serif;
}