/* CSS Document */

/* RESOLVES PAGE SHIFTING IN FIREFOX, SAFARI, OPERA */
html { 
	min-height: 100%; margin-bottom: 1px; 
}

div#home-box {
	width: 357px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;	
	text-align: left;	
	background-color: #ffffff;
}

div#main-box {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	text-align: left;
	background-color: #cccccc;
	/*border:1px red solid;*/ 
}

div#text {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	text-align: left;
	background-color: #cccccc;
	/*border:1px red solid;*/ 
}

div#feature {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	text-align: left;
	background-color: #cccccc;
	/*border:1px red solid;*/ 
}

/*div#photo-horizontal {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	text-align: left;
	background-color: #363535;
	border:1px red solid; 
}*/

/*div#photo-vertical {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	text-align: left;
	background-color: #363535;
	border:1px red solid; 
}*/

/*div#photo-2pix {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	text-align: left;
	background-color: #363535;
	border:1px red solid; 
}*/

body { 
	background-color: #cccccc;
	margin: 15px 0px 15px 0px;
	padding: 0; 
	font-family:  Helvetica, Arial, sans-serif;
	font-size: small;
	color: #333333;
	line-height: 1.7em;
	font-weight: normal;	
	text-align: center;
}

h1,
h2,
h3,
h4 {
	font-family:  Helvetica, Arial, sans-serif;
	margin-left: 41px;
	color: #333333;
	font-weight: bold;
}

#main-box .content h3 {
	font-family:  Helvetica, Arial, sans-serif;
	margin-left: 0px;
	margin-bottom: 0px;
	color: #333333;
	font-weight: bold;
}

h1 {font-size: 115%;}
h2 {font-size: 110%;}
h3 {font-size: 95%;}
h4 {font-size: 85%;}


/* BEGIN GENERIC BOX STYLES */

/* BEGIN NIFTY CORNERS 

Source:
http://pro.html.it/articoli/id_599/idcat_31/pag_4/pag.html

Nifty Corners are free, but no modifications to the script and/or the
CSS are allowed. This article and Nifty Corners are fully copyrighted
by HTML.it and Alessandro Fulciniti, and were published on the 6th of
April 2005 both in Italian and in English. You can contact the author
writing to a.fulciniti[at]html.it

*/

.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

/* END NIFTY CORNERS */

.nifty1 p,
.nifty2 p,
.nifty3 p,
.nifty4 p,
.nifty5 p,
.nifty6 p,
.nifty7 p
	{margin: 0px;} 

.nifty1 div,

.nifty3 div,
.nifty4 div,
.nifty5 div,
.nifty6 div,
.nifty7 div {
	display:block; border-width:0 1px;
}

/* BOX 1 - #MAIN-BOX PAGE */

.box1 {background: #fff;}


/* BOX 2 - #MAIN-BOX CALLOUTS */

.box2 {background:#fff;}


/* END GENERIC BOX STYLES */

#main-box ul {
	margin: 0px;
	padding-left: 41px;
}

#home-box .home-title {
	width: 370px;
	padding: 51px 0px 0px 0px; 
	font-family: Helvetica, sans-serif;
	font-size: 225%;
	text-align: center;
	color: #333333;
	/*border:1px red solid;*/
}

#home-box .home-icon {
	width: 240px;
	padding: 2px 0 0 61px; 	
	/*border:1px red solid;*/ 
}

#home-box .home-subhead {
	width: 370px;
	font-family: Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
	color: #333333;
	/*border:1px red solid;*/
}

/*#home-box .home-sitenav {
	width: 370px; 
	padding: 8px 0px 0px 0px;
	text-align: center; 
	border:1px green solid;
}*/

#home-box .home-footer {
	width: 370px; 
	font-size: 90%;
	padding: 8px 0px 8px 0px;
	text-align: center; 
	/*border:1px green solid;*/
}

#home-box .pipe {
	font-size: 85%;
	font-weight: normal;
	color: #cc0000;
	margin-left: 12px;
	margin-right: 12px;
}

#masthead-home {
	text-align: left;
	float: left;
	width: 250px;
}

#home-box a:link,
#home-box a:hover,
#home-box a:visited,
#home-box a:active {
	color: #cc0000;
	font-weight: normal;
	font-size: 100%;
}

#home-box a:link,
#home-box a:visited {
	color: #cc0000;
	text-decoration: none;			
}

#home-box a:hover,
#home-box a:active {
	text-decoration: underline;
}

a:link,
a:hover,
a:visited,
a:active {
	color: #CC0000;
	font-weight: normal;
	font-size: 100%;
}

a:link,
a:visited {
	color: #CC0000;
	text-decoration: none;			
}

a:hover,
a:active {
	text-decoration: underline;
}

#text #content-secondary #callout .content-callout a:link,
#text #content-secondary #callout .content-callout a:hover,
#text #content-secondary #callout .content-callout a:visited,
#text #content-secondary #callout .content-callout a:active,
#main-box #content-secondary #callout .content-callout a:link,
#feature #content-secondary #callout .content-callout a:link,
#feature #content-secondary #callout .content-callout a:hover,
#feature #content-secondary #callout .content-callout a:visited,
#feature #content-secondary #callout .content-callout a:active,
#main-box #content-secondary #callout .content-callout a:link,
#main-box #content-secondary #callout .content-callout a:hover,
#main-box #content-secondary #callout .content-callout a:visited,
#main-box #content-secondary #callout .content-callout a:active {
	color: #CC0000;
	font-weight: normal;
	font-size: 95%;
	/*border:1px white solid;*/
}

#text #content-secondary #callout .content-callout a:link,
#text #content-secondary #callout .content-callout a:visited,
#feature #content-secondary #callout .content-callout a:link,
#feature #content-secondary #callout .content-callout a:visited,
#main-box #content-secondary #callout .content-callout a:link,
#main-box #content-secondary #callout .content-callout a:visited {
	color: #CC0000;
	text-decoration: none;			
}

#text #content-secondary #callout .content-callout a:hover,
#text #content-secondary #callout .content-callout a:active,
#feature #content-secondary #callout .content-callout a:hover,
#feature #content-secondary #callout .content-callout a:active,
#main-box #content-secondary #callout .content-callout a:hover,
#main-box #content-secondary #callout .content-callout a:active {
	text-decoration: underline;
}

#masthead {
	width: 370px;
	padding-left: 41px;
	float: left;
	/*border:1px red solid;*/
}

#masthead a {
	text-decoration: none;
}

.masthead-text {
	font-family: Helvetica, sans-serif;
	font-size: 225%;
	color: #333333;
	/*border:1px green solid;*/
}	

#header {
	height: 32px;
	padding-top: 70px;
	/*border:1px green solid;*/
}

#site-nav {
	width: 199px;
	text-align: left;
	float: right;
	margin-top: 5px; 
	padding-right: 18px;
	/*border:1px red solid;*/
}

.subhead {
	width: 370px;
	padding-left: 41px;
	float: left;
	font-family: Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	margin-top: 0px;
	text-align: left;
	color: #333333;
	/*border:1px red solid;*/
}

#main-box #content-primary {
	width: 410px;
	padding-top: 16px;
	text-align: left;
	float: left;
	/*border:1px red solid;*/	
}

#text #content-primary {
	width: 590px;
	padding-top: 16px;
	text-align: left;
	float: left;
	/*border:1px red solid;*/
}

#feature #content-primary {
	width: 550px;
	float: left;
	padding-top: 16px;
	text-align: left;
	/*border:1px red solid;*/	
}

#feature #content-primary p {
	color: #333333;
	width: 440px;
	margin-left: 43px;
	text-align: left;
	/*border:1px red solid;*/
}

.heavy-text {
	font-weight: bold;
}

/*#photo-horizontal #content-primary {
	width: 650px;
	padding-top: 16px;
	text-align: left;
	border:1px red solid;
}*/	

/*#photo-vertical #content-primary {
	width: 400px;
	float: left;
	padding-top: 16px;
	text-align: left;
	border:1px red solid;
}*/	

/*#photo-2pix #content-primary {
	width: 745px;
	padding-top: 16px;
	text-align: left;
	border:1px red solid;	
}*/

#main-box #content-secondary {
	width: 316px;
	padding-top: 16px;
	text-align: left;
	float: right;
	/*border:1px blue solid;*/ 
}

#text #content-secondary {
	width: 210px;
	padding-top: 16px;
	text-align: left;
	float: right;
	/*border:1px blue solid;*/
}

#feature #content-secondary {
	width: 300px;
	padding-top: 8px;
	text-align: left;
	float: right;
	/*border:1px blue solid;*/
}

/*#photo-horizontal #content-secondary {
	width: 650px;
	padding-top: 12px;
	text-align: left;
	float: right;
}*/

/*#photo-vertical #content-secondary {
	width: 310px;
	padding-top: 16px;
	margin-right: 16px;
	text-align: left;
	float: right;
	border:1px blue solid;
}*/

/*#photo-2pix #content-secondary {
	width: 700px;
	padding-top: 12px;
	text-align: left;
	float: right; 
}*/

#main-box #content-primary .title img {	
	padding-left: 40px;
	padding-bottom: 8px;
	/*border:1px blue solid;*/
}

#main-box #content-secondary img {	
	border: none;
	/*border:1px blue solid;*/
}

#text #content-primary .title img {	
	padding-left: 40px;
	padding-bottom: 8px;
	/*border:1px blue solid;*/
}

#feature #content-primary .title img {	
	padding-left: 0px;
	padding-bottom: 8px;
	/*border:1px blue solid;*/
}

#feature #content-primary img {
	margin-left: 43px;
}

/*#photo-horizontal #content-primary .title img {	
	padding-left: 40px;
	padding-bottom: 8px;
	border:1px blue solid;
}*/

/*#photo-vertical #content-primary .title img {	
	padding-left: 40px;
	padding-bottom: 8px;
	border:1px blue solid;
}*/

/*#photo-2pix #content-primary .title img {	
	padding-left: 40px;
	padding-bottom: 8px;
	border:1px blue solid;
}*/

#main-box #content-primary .content {
	width: 350px;
	margin-left: 45px;
	/*border:1px green solid;*/
}

#text #content-primary .content {
	width: 535px;
	margin-left: 45px;
	/*border:1px green solid;*/
}

/*#feature #content-primary .content-swf {
	width: 500px;
	text-align: left;
	margin-left: 45px;
	border: 1px green solid;
}*/

/*#feature #content-secondary .content-swf p {
	padding-top:0px;
	margin-top: 0px;
	border: 1px green solid;
}*/

/*#photo-horizontal #content-primary .content-photo {
	width: 640px;
	margin-left: 45px;
	border: 1px green solid;
}*/

/*#photo-vertical #content-primary .content-photo {
	width: 350px;
	margin-left: 45px;
	border:1px green solid;
}*/

/*#photo-2pix #content-primary .content-photo-left {
	width: 325px;
	float: left;
	margin-left: 45px;
	border: 1px green solid;
}*/

#feature #content-secondary .content-container {
	width: 225px;
	margin-top: 53px;
	margin-left: 33px;
	/*border:1px blue solid;*/
}

#feature #content-secondary .content-container .content-row {
    width: 225px;
	margin-top: 0px;
	margin-bottom: 35px;
	float: left;
	/*border: 1px red solid;*/
}

#feature #content-secondary .content-container .content-row .column-left {
    float: left;
    width: 100px;
	/*border: 1px blue solid;*/	
}

#feature #content-secondary .content-container .content-row .column-right {
    float: right;
    width: 100px;
	/*border: 1px green solid;*/
}

#feature #content-secondary .content-container .content-row .column-left img {
	border: none;
}

#feature #content-secondary .content-container .content-row .column-right img {
	border: none;
}

/*#photo-vertical #content-secondary .content-photo {
	width: 300px;
	border:1px red solid;
}*/

/*#photo-horizontal #content-secondary .content-photo {
	width: 500px;
	margin-left: 45px;
	border:1px red solid;
}*/

/*#photo-2pix #content-secondary .content-photo {
	width: 500px;
	margin-left: 45px;
	border:1px red solid;
}*/

#main-box #content-primary .content img {
	float: left;
	margin-right: 12px;
	margin-bottom: 8px;
	border-style: none; 
}

#text #content-primary .content img {
	float: left;
	margin-right: 12px;
	margin-bottom: 8px;
	border-style: none; 
}

/*#feature #content-primary .content-swf img {
	float: left;
	width: 100px;
	margin-right: 12px;
	margin-bottom: 8px;
}

#photo-vertical #content-primary .content-photo img {
	float: left;
	margin-right: 12px;
	margin-bottom: 8px;
	border-style: none;  
}

#photo-horizontal #content-primary .content-photo img {
	float: left;
	margin-right: 12px;
	margin-bottom: 8px;
	border-style: none;  
}

#photo-2pix #content-primary .content-photo img {
	float: left;
	margin-right: 12px;
	margin-bottom: 8px;
	border-style: none; 
}*/

#main-box #content-primary .content p {
	padding-top: 4px;
	padding-bottom: 0px;
}

#text #content-primary .content p {
	padding-top: 0px;
	/*padding-bottom: 8px;*/
}

#feature #content-secondary .content p {
	padding-bottom: 16px;
}

#main-box #content-secondary #callout .title {	
	font-size: 115%;
	font-weight: normal;
	padding-left: 16px;
	padding-top: 8px;
	text-align: left;
	/*border:1px blue solid;*/
}

#text #content-secondary #callout .title img {	
	padding-top: 8px;
	padding-left: 72px;
	padding-bottom: 8px;
	/*border:1px blue solid;*/
}

#feature #content-secondary #callout .title img {	
	padding-top: 8px;
	padding-left: 72px;
	padding-bottom: 8px;
	/*border:1px blue solid;*/
}

#main-box #content-secondary #callout {
	width: 275px;
	float: left;
	margin-top: 24px;
	text-align: left;
	/*border: 1px white solid;*/
}

#text #content-secondary #callout {
	width: 275px;
	float: left;
	margin-top: 24px;
	text-align: left;
	/*border: 1px white solid;*/
}

#feature #content-secondary #callout {
	width: 275px;
	float: left;
	margin-top: 24px;
	text-align: left;
	/*border: 1px white solid;*/
}

#main-box #content-secondary #callout .content-callout {
	width: 250px;
	margin-left: 16px;
	margin-top: 12px;
	text-align: left;
	/*border:1px green solid;*/
}

#text #content-secondary #callout .content-callout {
	width: 250px;
	margin-left: 16px;
	margin-top: 12px;
	text-align: left;
	/*border:1px green solid;*/
}

#main-box #content-secondary #callout .content-callout img {
	float: left;
	width: 50px;
	margin-right: 12px;
	margin-bottom: 0px;
}

#text #content-secondary #callout .content-callout img {
	float: left;
	width: 50px;
	margin-right: 12px;
	margin-bottom: 8px;
}

#main-box #content-secondary #callout .content-callout p {
	margin-top: 8px;
	padding-bottom: 4px;
	/*border:1px green solid;*/
}

#text #content-secondary #callout .content-callout p {
	margin-top: 8px;
	/*border:1px green solid;*/
}

#main-box #content-secondary #callout .content-callout p.last-paragraph-spacing {
	padding-bottom: 12px;
	/*border:1px green solid;*/
}

#text #content-secondary #callout .content-callout p.last-paragraph-spacing {
	padding-bottom: 12px;
	/*border:1px green solid;*/
}

/*#feature #content-secondary .content p.last-paragraph-spacing {
	padding-bottom: 12px;
	border:1px green solid;
}*/

/* STYLE ADDED FOR CONTACT FORM */

#main-box .content #feedback {
	margin-top: 8px;
	/*border: 1px red solid;*/
}	

#main-box .content #feedback-thx {
	width: 726px;
	text-align: center;
	margin-top: 8px;
	/*border: 1px green solid;*/
}

/*#main-box .content #feedback-thx p {
	width: 726px;
	text-align: center;
	margin-top: 8px;
	font-size: 225%;
	border: 1px green solid;
}*/

#main-box .content #feedback .input, label {
    display: block;
	width: 100px;
	float: left;
	margin-bottom: 10px;
}

#main-box .content #feedback label {
	/*font-family: verdana, sans-serif;
	color: #CCCCCC;*/
	text-align: left;
	width: 100px;
}

#main-box .content #feedback br {
	clear: left;
}

/*#main-box .content #feedback p {
	text-align: center;
}*/

/*#main-box .content #feedback label {
	font-size: 110%;
}*/

#main-box .content .submit-button {
	margin-top: 8px;
	margin-left: 205px;
	margin-bottom: 48px;
	}

/* END STYLES FOR CONTACT FORM */

#home-box #footer {
	width: 200px;
	font-family: Helvetica, Arial, sans-serif;
	margin-left: 100px;
	color: #ffffff;
	padding: 0px 0 16px 8px;
	font-size: 80%;
	font-weight: normal;
	/*border:1px white solid;*/
}

#photo-2pix #footer,
#photo-vertical #footer,
#photo-horizontal #footer,
#feature #footer,
#text #footer,
#main-box #footer {
	clear: both;
	width: 859px;
	padding-left: 41px;
	padding-top: 32px;
	padding-bottom: 16px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
	font-size: 90%;
	font-weight: normal;
	/*border: 1px white solid;*/
}


.greater-than {
	padding-left: 6px;
	padding-right: 6px;
}

.pipe {
	font-size: 85%;
	font-weight: normal;
	color: #FF0000;
	margin-left: 12px;
	margin-right: 12px;
}

#breadcrumbs {
	padding-bottom: 10px;
	padding-left: 40px;
	/*border:1px white solid;*/
}

/*#photo-2pix #content-secondary .content-photo .highlight,
#photo-vertical #content-secondary .content-photo .highlight,
#photo-horizontal #content-secondary .content-photo .highlight {
	font-size: 120%;
	color: #cccccc; 
}*/