BODY {
  MARGIN: 0px;
}
BODY, p, td, ul, blockquote, font { color:#000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;FONT-SIZE: 12px; }
p {margin:0 0 10px 0; padding:0 }

/* container for header area */
#headerContainer {position:relative;}

/* login/logout box in header */
#loginBox {
	position:absolute; 
	top:35px; 
	left:600px;	
	width:150px; 
	border:2px solid #330066; 
	background:#F4FAEF; 
	opacity:0.9; 
	filter:alpha(opacity:90); 
	padding:3px;
	text-align:center;
	font-weight:bold;
}

#loginBox a {color:#330066;}

/* container for main content area */
.mainContainer {width:760px; margin:10px;}

#footercontainer {margin:20px 10px 10px 0;}
#footerlinks {margin:0 auto; text-align:center; }

.headlinksep { color: #FFFFFF;  font-weight:bold;}
a img {
  border:none;	
}
A:link {COLOR: #330066;font-weight:bold; TEXT-DECORATION: underline}
A:visited {COLOR: #330033;font-weight:bold;TEXT-DECORATION: underline}
A:hover { COLOR: #330066;font-weight:bold;TEXT-DECORATION: underline}
.emaillink:link {COLOR: #FFCC33;font-weight:bold; TEXT-DECORATION: underline}
.emaillink:visited {COLOR: #FFCC33;font-weight:bold;TEXT-DECORATION: underline}
.emaillink:hover { COLOR: #FF0033;font-weight:bold;TEXT-DECORATION: underline}
.headlink:link {COLOR: #ffffff;font-weight:bold; TEXT-DECORATION: none}
.headlink:visited {COLOR: #FFFFFF;font-weight:bold;TEXT-DECORATION: none}
.headlink:hover { COLOR: #FFCC33;font-weight:bold;TEXT-DECORATION: none}
.F3BBold {FONT-SIZE: 18px; font-weight:900}

h1 { font-size: 15px; font-weight:bold; margin:8px 0px 4px 0px; }
h2 { text-align:left; background-color:#99CC66; color:#000000; font-weight:bold; font-size:14px; padding:8px 5px 8px 5px;}
h3 { font-size: 12px; font-weight:bold; margin:8px 0px 8px 0px; }

.header { font-size: 20px; font-weight:bold}
.headerTimes {FONT-FAMILY: Times, serif; font-size: 20px; font-weight:bold}
.header2 { font-size: 13px; font-weight:bold}
.header2white {COLOR: white; font-size: 13px; font-weight:bold}
.forminput {font-family:Arial, Verdana, Helvetica, sans-serif;  font-size:11px; color:black}
.popupclosewindow:link {COLOR: gray;TEXT-DECORATION: none}
.popupproductstitle:visited {font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 16px; color:black}
.popupclosewindow:hover {COLOR: purple;TEXT-DECORATION: none}
.whatsnew:link {FONT-SIZE: 11px; COLOR: #99CC33;font-weight:bold;TEXT-DECORATION: underline}
.whatsnew:visited {FONT-SIZE: 11px;COLOR: #99CC33;font-weight:bold;TEXT-DECORATION: underline}
.whatsnew:hover {FONT-SIZE: 11px;COLOR: gray;font-weight:bold;TEXT-DECORATION: underline}
F2B {FONT-SIZE: 12px;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif}

.small {font-size:11px;}
.smaller {font-size:10px;}

hr {color:#330066; height:1px;}
hr.blue {color:#330066; height:1px;}
hr.green {color:#99CC66; height:1px;}

.colheader {font-size:11px; font-weight:bold; text-decoration:underline;}
.altRow {background-color:#F2F2F2;}

.errorMessage {background-color:white; border:1px solid red; margin-bottom:10px; padding:10px; font-size:12px; margin-right:10px;}
#errorMessage {background-color:white; border:1px solid red; margin-bottom:10px; padding:10px; font-size:12px; margin-right:10px;}

.error {color:red; font-weight:bold;}
.required {color:red;}

.notificationMessage {background-color:#F4FAEF; border:1px solid #99CC66; margin-bottom:10px; padding:10px;}
#notificationMessage {background-color:#F4FAEF; border:1px solid #99CC66; margin-bottom:10px; padding:10px;}

table.formtable {background-color:#ffffcc; width:450px}

//#headerlinks { color:#FFFFFF; font-size:11px; font-weight:normal; padding: 8px 10px 8px 20px; font-family:verdana, arial;}

.headerlink:link {COLOR: #FFFFFF; font-size:11px; font-weight:normal; TEXT-DECORATION: none}
.headerlink:visited {COLOR: #FFFFFF; font-size:11px; font-weight:normal;TEXT-DECORATION: none}
.headerlink:hover { COLOR: #C0C0C0; font-size:11px; font-weight:normal;TEXT-DECORATION: none}
#signinform { width:225px; background-color:#FFFFCC; padding:8px 5px 8px 5px; text-align:left; }
#featuredlinks { background-color:#FFFFCC; padding:8px 2px 0px 2px; text-align:center; }
#featuredlinks h1 { margin:0px; padding:0px 3px 0px 3px; text-align:left; }
.featuredlink { padding:0px 3px 0px 3px; text-align:left; }


.subnavcontainer {
	padding:5px; border: 1px solid #c2c286; background-color: #ffffda;
}

.yellowbody { background-color:#FFFFCC; padding:8px 5px 8px 5px; margin:0 0 10px 0; text-align:left; clear:both; }
.yellowbodylargepad { background-color:#FFFFCC; padding:8px 15px 8px 15px; margin:0 0 0 0; text-align:left; clear:both; margin-right:10px; }
.whitebody { background-color:#FFFFFF; padding:3px 3px 3px 3px; margin:0 0 10px 0; text-align:left; }


.callout {background-color:white; border:1px solid #330066; padding:5px;}
.purpleheader { text-align:left; background-color:#330066; color:#FFFFFF; font-weight:bold; font-size:14px; padding:8px 5px 8px 5px; margin-right:10px;}
.greenheader { text-align:left; background-color:#99CC66; color:#000000; font-weight:bold; font-size:14px; padding:8px 5px 8px 5px; }
.greensubheader { font-family:verdana; text-align:left; background-color:#99CC66; color:#314918; font-size:14px; padding:5px 5px 3px 5px; border-bottom:1px solid #537C29; margin-right:10px;}

/* subhead inside content area, remove right margin (content area has margin already) */
.yellowbodylargepad .greensubheader {margin-right:0;}

.subheading { color:#000000; font-weight:bold; font-size:13px; }
.whiteheader { color:#000000; font-weight:bold; font-size:14px; padding:11px 5px 0px 5px; }
.nodecoration:link {TEXT-DECORATION: none}
.nodecoration:visited {TEXT-DECORATION: none}
.nodecoration:hover {TEXT-DECORATION: none}
.featuredHR { width:85%; height:1px; color:#330066; }


.centeredborderwrapper {border: 1px solid #330066; text-align: center; margin:0 0 10px 0; }
.centeredborderwrapper .purpleheader {margin-right:0px;}

img.floatleft { float:left; padding:0px 5px 5px 0px; margin:0; }
div.floatleft { float:left; }

img.icon {vertical-align:middle;}

.whiteborderedinset { text-align:left; width:300px; height:214px; background-color:#FFFFFF; padding:5px 15px 5px 5px; margin:0; border:2px solid #330066; }
.captionedimageright { float:right; width:135px; padding:0px 0px 5px 10px; text-align:center; }
.captionedimageleft { float:left; width:165px; padding:0px 10px 5px 0px; text-align:center; }
.clearall { clear:both; padding:0; margin:10px 0 0 0; }


.programtable {}
.programtable td {padding:3px; border-bottom:1px solid #c2c286;}
.programtable th {padding:3px; background-color:#330066; color:#FFFFFF; font-weight:bold; font-size:11px; }


.tableRow { }
.altTableRow { background-color:#99CC66; }
.altTableRow2 { background-color:#ffffda; }

table.datagrid {border-left:1px solid #C2C286; border-top:1px solid #C2C286;}
table.datagrid tr.altrow {background:#FFF;}
table.datagrid td {border-right:1px solid #C2C286; border-bottom:1px solid #C2C286;}


.bold {font-weight:bold}


/* don't show, but print */
.printonly {display:none}

/* print but don't show */
.noprint {display:block}

/* print version */
@media print {
	.printonly {display:block}
	.noprint {display:none}
	.featureboxnoprint {display:none}	
}


/**********************************************/
/*****        GENERIC FORM CLASSES        *****/
/**********************************************/

form {margin:0;}
input, select, textarea {font-size:11px; font-family:arial;} 
input[type="radio"], input[type="checkbox"] {border:0;}



/* =================== */
/* USED ON COMBO PAGES */
/* =================== */

.comboImage { margin:0 5px 5px 0; clear:both; padding:0; }
.comboName { font-size:13px; font-weight:bold; color:#663399; margin-bottom:5px; }
a.comboName:link { text-decoration:none; }
a.comboName:hover { text-decoration:none; }
a.comboName:visited { text-decoration:none; }

.comboDescription { margin-bottom:5px; }
.comboNameLarge { font-size:16px; font-weight:bold; color:#663399; margin-bottom:5px; text-align:center; }
.comboDescriptionLarge { font-size:11px; margin-bottom:5px; }
.comboKey { margin-bottom:5px; }
.comboKeyNumber { font-weight:bold; margin-right:5px; font-size:14px; color:#FF6600;}

#layoutRegion { width:136px; height:136px; padding:13px 0 0 0; margin:10px 0 0 0; background-repeat:no-repeat;color:#FF6600; font-weight:bold; font-size:12px; }
#layoutRegion .row { margin:0; padding:0; height:22px; }
#layoutRegion .row input { width:20px; height:20px; margin:0 1px 0 1px; padding:0; text-align:center; background:transparent; color:#FF6600; font-weight:bold; font-size:14px; border:0px;  }
.circleRegion { background-image:url(/images/combos/circle.gif); }
.squareRegion { background-image:url(/images/combos/square.gif); }
.moonRegion { background-image:url(/images/combos/halfmoon.gif); }
.rectRegion { background-image:url(/images/combos/rectangle.gif); }



/* "feature" box */

.featurebox {width:100%; background-color:#ffffda; border:1px solid #99CC66; margin:0; padding:0; font-size: 11px;}
.featurebox h1 {background-color:#99cc66; color:#314918; text-align:center; margin:0; padding:5px; font-size:11px; border-bottom:1px solid #537C29; text-transform:uppercase;}
.featurebox .content {padding:5px;}
.featurebox td.header, .featurebox tr.header td, .featurebox div.header {
	height:20px; background-color:#99CC66; color:#FFFFFF; margin:0; padding:0 5px 0 5px; font-size: 11px;
	border-bottom:1px solid #61195b; }
	
.featurebox input, .featurebox select, .featurebox td, .featurebox strong { margin:0; font-size: 11px; }
div.featurebox {width:auto;}
div.featurebox div.header {padding:5px 5px 0 5px;}
.featurebox .header a, .featurebox .header a:hover {color:#000000;}
.featurebox .header td {color:#000000;}
.featurebox .body {padding:5px;}


/* SIDEBAR */
.sidebarcontainer {background-color:#F4FAEF; padding: 5px; text-align:left; border:1px solid #99CC66;}
.sidebarcontainer h1 {font-size:13px; font-weight:bold; background-color:#99CC66; padding:4px; color:#333; margin:-5px -5px 10px -5px;}
.sidebarcontainer a:link, .sidebarcontainer a:visited, .sidebarcontainer a:active {color:red;}


/**********************************************/
/*****      PHOTO LIBRARY CLASSES         *****/
/**********************************************/
.photolibthumbnail {width:110px; height:110px; background-repeat:no-repeat; background-position:center center; cursor:pointer;}



/**********************************************/
/*****      CUSTOMER COMMENT CLASSES      *****/
/**********************************************/
.commentcontainer {border:1px dashed #99CC66; padding:5px; text-align:left; font-size:11px; margin:10px auto;}
.commentcontainer .comment {text-align:left;}
.commentcontainer .customercontainer {text-align:right; font-style:italic;}
.commentcontainer .customercontainer .customername {}																		
.commentcontainer .customercontainer .customerlocation {} 


/**********************************************/
/*****      CERTIFICATION STEPS           *****/
/**********************************************/

#certificationsteps {width:440px;}
#certificationsteps h1 {margin:0; font-size:16px; color:#330066;}
#certificationsteps h2 {margin:0; padding:0; font-size:14px; background:none; color:#314918;}
#certificationsteps p {margin:5px 0px; padding:0;}
#certificationsteps ul, #certificationsteps ol {margin-top:5px; margin-left:10px; padding-left:10px;}
#certificationsteps li {margin-bottom:12px; font-size:13px;}
#certificationsteps .stepnumber {font-family:arial; font-weight:bold; font-size:40pt; color:#C9E3AE; text-align:center;}

/**********************************************/
/*****             BOX CLASSES            *****/
/**********************************************/
.pwBox .pwBoxContent {border-width:0 1px; border-style: solid; border-color: #99CC66; background:#F4FAEF; padding:10px;}
.pwBox .pwBoxHeader {height:4px;overflow:hidden;background:url(/images/interface/box/topright_bg.gif) 100% 0 repeat-x;}
.pwBox .pwBoxFooter {height:4px;overflow:hidden;background:url(/images/interface/box/bottomright_bg.gif) 100% 0 no-repeat;}


/**********************************************/
/*****        LOGIN-BOX IN HEADER         *****/
/**********************************************/