/* general */

body {
  padding: 0px;
  font-size: 12px;
  margin: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;  
}
td {
  font-size: 12px;
  line-height: 1.6em;
  color: #000000;  
}
a {
  text-decoration: underline; color: #000000
}
a:hover {
  text-decoration: underline
}
h1 {
  font-weight: bold; 
  font-size: 18px; 
  margin: 9px 0px 6px; color: #666
}
h2 {
  font-weight: bold; 
  font-size: 15px; 
  margin-top: 1.7em; 
  margin-bottom: -7px; 
  color: #666
}
h3 {
  font-weight: bold; 
  font-size: 14px; 
  margin-top: 3px; 
  color: #06c
}
h4 {
  font-weight: bold; 
  font-size: 14px; 
  margin-top: 3px; 
  color: #ff9933
}
h5 {
  font-weight: bold; 
  font-size: 18px; 
  margin: 9px 0px 6px; 
  color: #06c
}
p {
  line-height: 1.6em
}
ul li {
  padding: 0px; 
  margin: 0px 0px 3px; 
  color: #777; 
  line-height: 1.6em
}
ul {
  padding: 0px; 
  margin: 5px 5px 5px 16px; 
  vertical-align: bottom; 
}
ul li a {
  padding: 0px;
  font-size: 12px;
  margin: 0px 0px 3px;
  color: #777;
  text-decoration: underline
}
ol {
  padding: 0px; 
  margin: 5px 5px 5px 16px; 
  vertical-align: bottom;
}
ol li {
  padding: 0px; margin: 0px 10px 3px;
}
.sitemenu {
  font-weight: bold;
  width: 20px;
  color: #103b68;  
  white-space: nowrap;
  text-decoration: none
}
a.sitemenu {
  font-weight: bold;
  font-size: 10px;
  color: white;  
  white-space: nowrap;
  text-decoration: underline
}
a.sitemenu:hover {
  text-decoration: underline; color: #103b68;
}
.sitemenu-item {
  float: left;
}
.sitemenu-divider {
  font-weight: bold;
  width: 20px;
  height: 10px;
  color: #103b68;  
  white-space: nowrap;
  text-decoration: none;
  float: left;
  width: 22px;
  text-align: center
}   
a.sitefooter {
  text-decoration: none; 
}
a.sitefooter:hover {
  text-decoration: underline
}
.smalltext {  
  font-size: xx-small;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;  
  color: #000000;
  line-height: 11px;
  text-decoration: none
}
a.promo {
  text-decoration: none; color: #000000
}
a.promo:hover {
  text-decoration: underline
}
.boxtext {
  font-size: 10px; color: #006699;  
  text-decoration: none;
  font-weight: bold
}
.promotext, .promotext-last, .link-text{
  font-size: 10px;    
  line-height: 1.5em;
  color: #000000;
  text-decoration: none;
}
.promotext {
	border-bottom: 1px dotted #b299cc;
	padding-bottom: 12px;
	margin-bottom: 15px;	
}
.promotext-last span {
	margin-bottom: 7px
}
.promotext-last p span {
	color: #006699;
	font-weight: bold;	
}
.ul-message { 
  list-style: none; margin-left: 5px
}
.li-message {
  margin-bottom: 15px;
}
.span-message { 
  border: 1px solid red; 
  background-color: white; 
  padding: 5px
}
#columnleft {
  clear: none; float: left
}
#nav {
  font-weight: bold;
  font-size: 10px;
  margin-top: 10px;
  margin-bottom: 25px;
  width: 80px;  
  background-color: #d0dcdb
}
#nav ul {  
  padding: 0px 0px 0px 0px;
  font-size: 10px;
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
}
#nav ul li {  
  padding: 1px 0px 2px 0px; 
  font-size: 10px;  
  margin: 0px;
  width: 80px;  
}
#nav ul li a {
  display: block; 
  padding-left: 5px; 
  font-size: 10px; 
  text-decoration: none
}
#nav ul li a:hover {
  font-size: 10px; text-decoration: underline
}
.promoboxes-links {
  padding: 4px;
  font-weight: normal;
  font-size: 10px;  
  margin-top: 10px;  
  width: 90px;
  color: black;  
  background-color: #fef4ea
}
.promoboxes-links p {
  line-height: 1.5em;
}
.information-message {
  clear: both;  
  padding: 8px 12px 2px 12px;
  margin-top: 16px;
  margin-bottom: 16px;
  border: 1px solid #ff9933
}
#content {
  padding-left: 10px; 
  width: 760px; 
  float: left; 
}	
.vertical-image-divider {
  vertical-align: top; 
  float: left; 
  padding-right: 12px;  
  border-right: 1px dotted #b299cc;
  margin-bottom: 20px;
}
.clear {
  clear: both
}         
.promoboxes div div, #contact-column-left div div {
  margin-bottom: 12px; margin-top: 12px	
}
.promo-boxes { width: 240px; float: right; }
.promo-boxes-product { width: 150px }
.photo {}

div.contactbox {
	border: 1px solid #c0c0c0;	
	width: 150px; 
	height: 72px; 
  	vertical-align: top; 
  	float: left;
	margin-top: 100px;	
}
div.contactbox-text {
	margin-left: 7px;	
}
.contactbox-text a {
  font-size: 10px;    
  line-height: 1.5em;
  color: #666;
  text-decoration: none; 
  vertical-align: top;
  font-weight: normal;
}
.contactbox-text a:hover {  
  text-decoration: underline;   
}

table#login, table#contact-us {
	border-collapse: collapse; 
	margin-bottom: 10px;
	width: 100%;
	border: 0;
}

/* big quotes */

.quote {	
	width: 300px;
	margin: 10px 0 20px 0;
	background: #e1e1e1 url(../images/quote_top.gif) no-repeat;
	position: relative;
}
div.quote a:link, div.quote a:visited { background: #e1e1e1 }
p.quote-body {
	color: #404040;	
	font-weight: normal;
	font-family: Georgia,"Times New Roman",serif;
	font-style: italic;
	font-size: 13px;
	line-height: 1.5em;	
	text-align: center;
	padding: 20px 10px 0 25px;
	background: url(../images/quotemark_bottom.gif) bottom right no-repeat;
	width: 250px;
}
p.quote-cite {
	color: #003663;
	font-size: 110%;
	font-weight: bold;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 30px;
	background: url(../images/quote_bottom.gif) left bottom no-repeat;
	margin-bottom: 0px;
}

/* header */

#header-main { 
  float: left;
  background-color: #879db3;
  width: 100%;  
}
#header-content {
  width: 760px		
}
#logo {  
  float: left;
  width: 300px;
  background-color: #879db3;
  padding-top: 10px;
  text-align: center;  
}
#main-menu {
  float: right;
  background-color: #879db3;
  height: 85px;
  margin-bottom: 10px; 
  margin-right: 5px;   
}
#main-menu div {
  margin-top: 45px
}
#logo img { border: 0 }

/* footer */

div#footer-main {
  border-top: 4px solid #ff9933; 
  clear: left; 
  width: 100%
}   
div#footer-content {
  padding : 7px 5px 10px 12px; 
  width: 760px; 
  float: left; 
  text-align: left
}
div#footer-links { float: right }
div#copyright { float: left }

/* home page */

#home-content {
  padding-left: 10px; 
  width: 760px; 
  background-color: white;  
  float: left;
  margin-bottom: 10px;  
}
#home-content p#intro {
  font-size: 14px; 
  padding-bottom: 5px;  
  padding-right: 10px; 
  text-align: justify; 
}
ul.features {  
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
ul.features li {
  color: #000000; 
  line-height: 1.8em;
  padding-left: 12px;
  background: transparent url(../images/promo_bullet.gif) no-repeat left 9px;
}
#flashcontent {
  background: url(../images/gradient.gif) bottom repeat-x;
  border-bottom: 7px solid white; 
}
#column-one {
  width: 240px; float: left
} 
#column-one p {
  padding-top: 0;	
  padding-bottom: 10px;
  margin-top: 10px;  
} 
 
#column-two {
  width: 260px; float: left 
}
#column-three {
  width: 250px; float: right  
} 
#big-buttons {
  border-left: 1px dotted #b299cc; 
  border-right: 1px dotted #b299cc; 
  padding-left: 15px; 
  padding-right: 15px; 
  margin-bottom: 5px;
  line-height: 1.5em;
}
#big-button-top {
  border-bottom:  1px dotted #b299cc; 
  padding-top: 15px; 
  padding-bottom: 20px
}
#big-button-bottom {
  padding-top: 15px;
}
#big-button-bottom-text {
  padding-top: 10px;
}
#big-button-top-text, #big-button-bottom-text {
  text-align: justify;
}

/* product pages */

#product-content, #product-content-example {
  width: 465px; 
  vertical-align: top; 
  text-align: left; 
  float: left;
}
#product-content-example {
  width: 300px;
}
#links {
  width: 115px; 
  vertical-align: top; 
  float: left
}
.example-links {
  font-size: 12px; 
  font-weight: bold; 
  color: #4b4b4b
}
.promoboxes {
  width: 150px; 
  vertical-align: top; 
  float: right; 
}
.comments { 
  width: 300px; 
  vertical-align: top; 
  float: right; 
  padding-right: 10px; 
}

#table-pricing {
	border-collapse: collapse;
	width: 90%;
	border: 1px solid #036;	
}
#table-pricing tr td, #table-pricing tr th { 
 	padding: 4px;
	border-bottom: 1px solid #036;
	border-left: 1px solid #036;
}

/* login pages */
                                     
#login-content, #candidate-login-content {
  vertical-align: top; 
  float: right; 
  width: 580px; 
  clear: right
}
#login-column-left {
  vertical-align: top; 
  float: left; 
  margin-top: 10px;
}
#email, #passcode {
  width: 200px
}
#registered {
  font-size: 14px;
}

input#email, input#passcode, input#assessid {
	border: 1px solid #999999;	
}
#login-image {
	margin-bottom: -4px; 
}

table#login tr td, table#login tr th {
	padding: 7px;
	border-spacing: 0; 
}
table#login tr th {
  	white-space: nowrap;
  	width: 30%;
	text-align: right;
	font-weight: normal;
 }
 table#login tr td.spacer {
 	width: 2%;	
 } 
 table#login tr td.field {
 	width: 68%;
	text-align: left;	
 } 		

/* contact us page */
                                
#contact-content {
  vertical-align: top; 
  float: right; 
  width: 545px; 
  clear: right
}
#contact-column-left {
  vertical-align: top; 
  float: left; 
  margin-top: 10px;
}
#contact-recived-content {
  padding: 10px;
}

table#contact-us tr td {
	white-space: nowrap;
  	width: 50%;
	text-align: left;
	vertical-align: top;		
}

table#contact-us tr td p {
	padding-top: 5px;
}

div#contact-content form input, div#contact-content form select, 
div#contact-content form textarea {
	border: 1px solid #999999;	
}

/* about us page */

#about-content {
  float: left; width: 470px
}
#about-column-right {
  float: right; vertical-align: top                                            
}

/* message styles */

.tip-message {
  clear: both;
  padding: 8px 12px 8px 12px;
  margin-top: 16px;
  margin-bottom: 16px;
  border: 1px solid #ff9933;
  background-color: #ffffff;
  font-size: 11px;
  width: 90%;
}

.error-message {
  clear: both;
  padding: 8px 12px 8px 12px;
  margin-top: 16px;
  margin-bottom: 16px;
  border: 1px solid #dd3610;
  background-color: #ffebe8;
  font-size: 11px;
  width: 80%;
}  

#contact-error-message {
	width: 50%;
}