@import url(nav.css);

/* @group RESET */
.jjsComment {
	color: red;
	font-size: 14px;
   	background-image: url(images/alert-TEMP.gif);
   	padding: 20px;
}
:link,:visited { text-decoration:underline; }

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
	color:#387396;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
	font-size: 1em;
   	font-weight: normal;
   	font-style: normal;
}

ul,ol {
	list-style: none;
}

fieldset,img {
	border: none;
}

caption,th {
	text-align: left;
}

table {
	border-collapse: collapse;
   	border-spacing: 0;
}

/* LAYOUT */

.clear {
	clear: both;
}

.clearer {
	clear: both;
   	display: block;
   	margin: 0;
   	padding: 0;
   	height: 0;
   	line-height: 1px;
   	font-size: 1px;
}
/* @end */
/* @group LINKS */

a, a:link, a:visited, a:hover, a:focus, a:active { border:none; }
a img,:link img,:visited img, img{ border:none; }
a:link {
	color:#0099CC;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #0066CC;
}
a:hover {
	text-decoration: underline;
	color: #006699;
}
a:active {
	text-decoration: none;
	color: #0066FF;
}


/* @end */

/* @group IMAGE EDITING */
/*
img {
	behavior: url(/global/scripts/lib/iepngfix.htc);
}

img {
	behavior: url(/global/scripts/lib/iepngfix.htc);
}
*/
.industryImage {
	float: right;
	position: relative;
	top: 32px;
	right: 50px;
	padding: 10px;
	
}
.imgbutton {
	padding: 10px 0;
}
.img-rcol2up{
	float: left;
	clear: none;
	display: block;
	width: 250px;
}
.img-rcol2up img {
	   	border: 1px solid #407b9d;

}	
.img-1colright {
	float:right;
	margin-left:10px;
}
/* @end */



/* @group body content */
#container {
	width: 100%;
   	margin: 0 auto;
   	position: relative;
}

#main {
	width: 100%;
   	position: relative;
	margin:0 auto;
   	background: #FFFFFF url(images/top-background.jpg) repeat-x center top;
}

#bodyContent {
	width:985px;
	margin: 0 auto;
	padding: 14px 0;
	position: relative;
}

#bodyContainer {
   	background: url(images/middle-background.jpg) repeat-x;
}

/* @group head content */

#searchContainer {
	left: 600px;
	top: 0;
	display: block;
	width: 239px;
	height: 31px;
	position: absolute;
   	background-image: url(images/search-bar.jpg);
}
#searchContainer input{
	position: relative;
	top: 5px;
	left: 105px;
	display: block;
}
#shopContainer {
	position: absolute;
	left: 650px;
	top: 45px;
	/*Just change the display:block to display:none to remove the links for the shopping button*/
	display: block;
	visibility: hidden;
; clip:  rect(   )
}
/* @end */
#breadcrumb {
   	text-align: right;
   	margin: 0;
   	clear: both;
   	font-size: 10px;
   	color: #686868;
}
.column {
	padding:10px;
	margin: 0;
	float: left;
	background-color: #FFFFFF;
	background-image: url(images/background-body.jpg);
	background-repeat: repeat-x;
	background-position: top;	
	border-right: 1px solid #e1e1e1;
   	border-left: 1px solid #e1e1e1;
   	border-bottom: 1px solid #e1e1e1;
}

.column.first {
	width:20%;
	margin-left: 32px;
	height: 300px;
}
.column.center {
	width: 33%;
	margin-left: 15px;
	height: 300px;
}
.column.last {
	width: 29%;
	margin-left: 15px;
	height: 300px;

}
.column.center img {
	height: auto;
}
.column.single, .column.double, .column.triple {
	width:95%;
}

/* Double Column */
.column.double .leftcol{
	width:50%;
	margin-left: 30px;
	padding-left: 0;
	float: left;
}
.column.double .leftcol.wide{
	width:50%;
}
.column.double .leftcol.narrow{
	width:30%;
	margin-left: 30px;
	float: left;
}
.column.double .rightcol{
	position: relative;
	width:40%;
	margin-left: 15px;
	margin-right: 15px;
	float: left;
}
.column.double .rightcol.narrow{
	width:30%;
	margin-right: 30px;
	float: right;
}


/* Triple Column */
.column.triple .leftcol{
	width:30%;
	margin-left: 30px;
	float: left;
}
.column.triple .centercol{
	width:30%;
	margin-left: 15px;
	float: left;
}
.column.triple .centercol.narrow{
	width:20%;
	margin-left: 15px;
	float: left;
}
.column.triple .rightcol{
	width:30%;
	margin-left: 15px;
	float: left;
}
#main .callout {
   	line-height: 18px;
   	margin-bottom: 18px;
}

.center-float {
	margin: 5px 0 0 0;
	float: right;
   	width: 80px;
   	text-align: center;
}

.fullcol{
	width:95%;
	margin-left: 30px;
	float: left;

}

p.last, ul.last, ol.last, li.last {
	_width: auto !important;
   	_float: none !important;
}

#container:after, #bodyContent:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid4col:after, .grid5col:after, .grid6col:after {
	content: ".";
   	display: block;
   	height: 0;
   	clear: both;
   	visibility: hidden;
}
.list-bullet {
	
	width: 75%;
	margin: 5px 0 0 20px;
   	list-style-type: disc;
}
h2 {
	color: white;
   	background-color: #728799;
   	padding: 5px;
   	font-size: 1.2em;
}
h3 {
	font-weight: bold;
   	padding: 5px;
   	font-size: 1.1em;
   	color: #003366;
}

/* @end */


/* @group TYPE */

body {
	font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
   	background-color: #fff;
   	color: #333;
}

a {
	color: #2971a7;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}




#main p.intro {
	font-weight: bold;
}

#main .more {
	text-align: right;
}
/*
#main ul {
	margin-bottom: 18px;
   	list-style: none outside;
}
*/
#main ol {
	margin-bottom: 18px;
   	list-style: decimal;
   	margin-left: 2.2em;
}

#main ul.square,
#main ul.circle {
	margin-left: 3em;
}

#main ul.square {
	list-style: square outside;
}

#main ul.circle {
	list-style: circle outside;
}


#main a.html {
	background: url(http://images.apple.com/global/elements/icons/globaliconhtml12x12.gif) 0 0.4em no-repeat;
   	display: block;
   	padding-left: 20px;
}

.list2cola {
	float:left;
	margin:0 20px 0 10px;
	display: block;
}
.list2colb {
	float: left;
	position:relative;
	left: 0;
	display: block;
}
.infoblock-title {
	color: #1a4565;
	display: block;
	margin: 0;
	padding: 0;
	font-weight:bold;
	font-size:1.2em;
}
.article-title {
	color: #1a4565;
	margin: 0;
	padding: 0;
	font-weight:bold;
	font-size:1.4em;
	line-height: 1.2em;
}
.img-caption {
	color: #1a4565;
	margin: 0;
	padding: 0;
	font-size:.9em;
	line-height: 1.2em;
}
p.quote {
	position: relative;
	font-style: italic;
   	padding: 5px 5px 20px 5px;
   	font-size: 1em;
   	color: #003366;
   	border-bottom: 1px solid #ccc;
}
span.quotesig{
	float: right;
	font-style: italic;
   	font-size: .9em;
   	color: #69c;
}
.itemdetail {
	background-color: #e8e8e8;width:350px;border: 1px dotted #ccc;padding:10px;
	
}
/* @end */

/* @group FOOTER */
#footerContainer {
	height:60px;
	background-repeat: repeat-x;
	border-top: 1px solid #999999;
	background-image: url(images/background-footer.jpg);
	background-position: top;
}
.column p {
	margin: 5px 5px 10px 5px;
}

#footer {
	margin: 0 auto;
	width:950px;
}
#footer #address {

	float:left;
	margin: 10px 0 0 10px;
}

#footer #contact {
	float:right;
	margin: 10px 35px 0 0;
}

/* @end */