/* CSS Document */


* {
margin: 0;
padding: 0;
}
body{
	font-size: 62.5%;
	background-color: #ff9900;
	background-repeat: repeat-x;
	padding-top: 1em;
	background-image: url(images/tintac-bgd.gif);
}
#wrapper {
	width: 80em;
	max-width:100%;
	min-width: 800px;
	margin: 0 auto 0;
	text-align:left;
	background: #fff repeat-y 23% top;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660033;
	padding: 1px;
	width: 150px;
	margin-top: 4px;
	margin-left: 10px;
	background-color: #CCCC99;
	display: block;
}
#wrapper2 {
background: url() repeat-y 77% 0;
}

#mainNav{
width:18.4em;
max-width:23%;
float:left;
}
#threeCollLayout #content{
width:52em;
max-width:75%;
float:right;
}
#threeCollLayout #mainContent{
	float: left;
	width:40em;
max width:50%;
padding-bottom:3em;
	padding-top:2.5em;
	margin:0 0 2em 20em;
}
#threeCollLayout #wrapper{
width: 80em;
	max-width:100%;
	min-width: 720px;
	margin: 0 auto 0;
	text-align:left;
	background: #FFF url(images/fauxone.gif) repeat-y 23% top;
}
#threeCollLayout #wrapper2{
background: url(images/fauxtwo.gif) repeat-y 77% 0;
}
#secondaryContent{
width:18em;
max-width:25%;
float:left;
padding-top: 2.5em;
padding-bottom:3em;
margin: 0 0 2em 1.5em;
}
#secondaryContent h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
}
#secondaryContent h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
}
#secondaryContent h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
#secondaryContent h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#secondaryContent p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
#secondaryContent h1, #secondaryContent h2, #secondaryContent h3, #secondaryContent p{
padding-left: 15px;
padding-right:20px;
}


#tertiaryContent{
	float:left;
	width:17em;
	max-width:25%;
	padding-top: 1em;
	padding-left:0em;
	margin: 1em 0 1em 0em;
}
#twoCollLayout #tertiaryContent{
	float:left;
	width:17em;
	max-width:25%;
	padding-top: 5em;
	padding-left:0em;
	margin: 5em 0 2em 0em;
}
#tertiaryContent h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	text-align: left;
}
#tertiaryContent h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #993300;
	
}
#tertiaryContent h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #993300;
}
#tertiaryContent h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #993300;
}
#tertiaryContent p, li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
}
#tertiaryContent li{
	background: url(/images/tintacbullet.jpg) no-repeat 10px 10px;
	padding-left: 30px;
	padding-bottom:10px;
	padding-top:10px;
}
#tertiaryContent h1, #tertiaryContent h2, #tertiaryContent h3, #tertiaryContent h4, #tertiaryContent p{
padding-left: 15px;
padding-right:0em;
padding-bottom:5px;
	padding-top:5px;
}
#tertiaryContent i{
padding-right: 10px;
}

#tertiaryContent img{
width:90%;
float: left;
padding-left: 10px;
padding-right:0px;

}
#twoCollLayout #mainContent{
	float: right;
	width:59em;
max width:68%;
	padding-bottom:3em;
	padding-top:3em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2em;
}

#twoCollLayout #wrapper{
	width: 80em;
	max-width:100%;
	min-width: 800px;
	margin: 0 auto 0;
	text-align:left;
	padding-top: 0px;
	background: #fff repeat-y 23% top;
}
#twoCollLayout #wrapperbags{
width: 80em;
	max-width:100%;
	min-width: 800px;
	margin: 0 auto 0;
	text-align:left;
	padding-top: 0px;
	background: #FFF url(images/fauxone.gif) repeat-y 23% top;
}
#twoCollLayout #mainContent img{
width: 58.3em;
float: left;
padding-left: 0;
padding-right: 0.8em;
padding-bottom: 0.7em;
}

#twoCollLayout #pic img{
width: 96%;
float: left;
}
#twoCollLayout #pic2 img{
width: 47.3%;
float: left;
}
#twoCollLayout #pic5 img{
width: 66%;
float: left;
}
#twoCollLayout #pic6 img{
width: 66%;
float: left;
}
#twoCollLayout #pic7 img{
width: 28.3%;
float: left;
}
#twoCollLayout #piclogo img{
width: 28.3%;
float: left;
}
#twoCollLayout #pic3 img{
width: 100px;
float: left;
}
#twoCollLayout #pic4 img{
width: 100px;
float: left;
}
#content{
	width:95%;
	max-width:95%;
	float:left;
	background-position: top;
}


ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#mainContent{
	width:80em;
	max-width:80%;
	padding-bottom:3em;
	float:right;
	padding-top: 3em;
	padding-left: 0px;
	padding-right:0px;
	margin: 0;
}
#twoCollLayout #mainContent h1, #twoCollLayout #mainContent h2, #twoCollLayout  {
	padding-right: 30px;
	padding-left: 0px;
	padding-top:10px;
	padding-bottom: 10px;
}
#mainContent h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-weight: bold;
}
#mainContent h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #993333;
}
#mainContent h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #996600;
}
#mainContent h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #993333;
}
#mainContent p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;

}
#twoCollLayout #mainContent p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	padding-right:1.5em;
	padding-bottom:0.7em;

}


#mainContent img{
width:90%;
float: right;

}
#introContent{
	width:56em;
	max-width:69%;
	padding-bottom:3em;
	float:right;
	padding-top: 3em;
	margin: 0 0 2em 0em;
}
#introContent h1, #introContent h2, #introContent h3, #introContent p{
padding-right: 4em;
padding-left: 15px;
}
#introContent h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 3em;
}
#introContent h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	color: #993333;
}
#introContent h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	color: #ffffff;
	background-color: #FFFFFF;
	text-align: left;
	display: inline;
	margin-top: 200px;
	text-indent: 100px;
}
#paperbag h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	color: #ffffff;
	text-align: left;
	display: block;
	margin-top: 200px;
	text-indent: 100px;
}
#introContent p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.35em;
}
#introContent img{
width:80%;
float: left;
max-width:400px;
padding:2%;

}
#introTertiaryContent{
	float:left;
	width:18em;
	max-width:25%;
	padding-top: 5em;
	padding-left:2em;
	margin: 5em 0 2em 0em;
	border-right-width: 1px;
	border-right-style: solid;
}
#introTertiaryContent h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
}
#introTertiaryContent h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #993300;
}
#introTertiaryContent p, li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#introTertiaryContent li{
	background: url(/images/tintacbullet.jpg) no-repeat 10px top;
	padding-left: 30px;
	padding-right:20px;
	padding-bottom:1em;
}
#introTertiaryContent h1, #introTertiaryContent h3, #introTertiaryContent p{
padding-left: 20px;
padding-right:1.5em;
}
#introTertiaryContent i{
padding-right: 20px;
}

#introTertiaryContent img{
width:80%;
float: right;
padding-left: 20px;
padding-right:20px;

}

#branding{
height:80px;
background: #000000 repeat-x;
}
#branding h1, #branding h2, #branding p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	left: -9000px;
	position: absolute;
}


#sidemast{
float: right;
top:0;
right:0;
z-index: 1;
width:59px;
height:80px;
background: url(/images/sidemast-smaller2.gif) no-repeat right;
}
#mainmast{
	float:left;
	top:0;
	left:0;
	z-index: 2;
	width:471px;
	height:80px;
	background-image: url(/images/mainmast-smaller3.jpg);
	background-repeat: no-repeat;
}
#footer{
	clear:both;
	background-color: #ff9900;
}

 
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
	padding-left: 0.5em;
	float: left;
	text-align: left;
}
#footer p a:link, #footer p a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #666666;
	padding-left: 0.5em;
	float: left;
	text-align: left;
	text-decoration:none;
}
#footer2{
	clear:both;
	background-color: #ff9900;
}
#footer2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
	padding-left: 0.5em;
	float: left;
	text-align: left;
}
#footer2 p a:link, #footer p a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #666666;
	padding-left: 0.5em;
	float: left;
	text-align: left;
	text-decoration:none;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash #twoCollLayout #mainContent{
	float: right;
	width:59em;
max width:68%;
	padding-bottom:3em;
	padding-top:3em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2em;
}
.sIFR-hasFlash #threeCollLayout #mainContent{
	float: left;
	width:40em;
max width:50%;
padding-bottom:0em;
	padding-top:3em;
	margin:0 0 2em 20em;
}
.sIFR-hasFlash #mainContent h1, #mainContent h2, #mainContent h3 {
padding-right: 0px;
padding-left: 0px;
}
.sIFR-hasFlash #mainContent h1 {
	visibility: hidden;
	font-size: 1.9em;
	color: #000000;
	
}
.sIFR-hasFlash #mainContent h2 {
	visibility: hidden;
	font-size: 1.9em;
	color: #000000;
	
}
.sIFR-hasFlash #mainContent h3 {
	visibility: hidden;
	font-size: 36px;
	color: #000000;
}

.sIFR-hasFlash #introContent h1 {
	visibility: hidden;
	font-size: 36px;
	color: #000000;
}
.sIFR-hasFlash #introContent h3 {
	visibility: hidden;
	font-size: 20px;
	color: #ffffff;

}
.sIFR-hasFlash #tertiaryContent h1, #tertiaryContent h2, #tertiaryContent h3, tertiaryContent h4 {
padding-left: 15px;
padding-right: 0em;
padding-bottom:5px;
	padding-top:5px;
}
.sIFR-hasFlash #tertiaryContent h1 {
	visibility: hidden;
	font-size: 1.7em;
	color: #000000;
	clear: none;
	
}
.sIFR-hasFlash #tertiaryContent h2 {
	visibility: hidden;
	font-size: 1.5em;
	color: #000000;
	clear: none;
	
}
.sIFR-hasFlash #tertiaryContent h3 {
	visibility: hidden;
	font-size: 1.2em;
	color: #000000;
	clear: none;
}
.sIFR-hasFlash #tertiaryContent h4 {
	visibility: hidden;
	font-size: 1.1em;
	color: #000000;
	clear: none;

}

.sIFR-hasFlash #secondaryContent h1, #secondaryContent h3, #secondaryContent h4 {
padding-left: 15px;
padding-right: 1.5em;

}
.sIFR-hasFlash #secondaryContent h2 {
padding-left: 15px;
padding-right: 1.5em;

}
.sIFR-hasFlash #secondaryContent h1 {
visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	clear: none;
}
.sIFR-hasFlash #secondaryContent h2 {
visibility: hidden;
	font-size: 1.7em;
	color: #000000;
	clear: none;
}
.sIFR-hasFlash #secondaryContent h3 {
visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	clear: none;
}
.sIFR-hasFlash #secondaryContent h4 {
visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	clear: none;
}
.sIFR-hasFlash h1 {
	visibility: hidden;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
	
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
	
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
.category {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
  }
.categoryheader {
    font-weight:bold;
    color:black;
  }
.categorydescription {
    font-size: 1.3em;
  }
  #mainContent .linktitle {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	line-height: 1.8em;
	color: #CC3300;
  }
  #mainContent .linkdescr {
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	color: #333333;
  }
  #mainContent .linkurl {
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #663333;
  }
  #tertiaryContent .linkreturn {
  font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #663333;
  }