/*-- The basic stuff... --*/

html {
margin: 0;
padding: 0;
}

body {
background: #112854 url(images/background.jpg) repeat-x;
color: #000;
font: 13px/18px verdana, sans-serif;
margin: 0; padding: 0;
}

a:link {color:#00c; background: transparent; font-weight: bold; text-decoration:none; }
a:visited {color:#00c; background: transparent; font-weight: bold; text-decoration:none; }
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}



/*-- Block elements --*/

h1		{
	font: bold 24px/27px arial, sans-serif;
	color: #009;
	background: transparent;
	text-align: center;
	margin-top: 21px;
	margin-right: 6px;
	margin-bottom: 21px;
	margin-left: 6px;
}

h2		{
	font: bold 18px/21px arial, sans-serif;
	color: #009;
	background: transparent;
	text-align: left;
	margin-top: 24px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
}

h2.nolead		{
font: bold 18px/21px arial, sans-serif;
color: #009;
background: transparent;
text-align: left;
margin: 0;
margin: 0 0 6px 0;
}

h2.center		{
font: bold 18px/21px arial, sans-serif;
color: #006;
background: transparent;
text-align: center;
margin: 0 0 3px 0;
}

h2.phone		{
font: bold 21px/21px arial, sans-serif;
color: #006;
background: transparent;
text-align: center;
margin: 3px 0 0 0;
}

h3		{
font: bold 14px/14px arial, sans-serif;
color: #009;
background: transparent;
text-align: left;
margin: 18px 0 0 0;
}

p	{
margin: 0 0 6px 0;
}

p.a	{
margin: 9px 0 6px 6px;
}

p.indent	{
margin-left: 5%;
margin-right: 5%;
}

p.center	{
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
}

p.right	{
text-align: right;
margin-top: 15px;
}

p.sm	{
font: 11px/14px verdana, sans-serif;
margin: 0 0 4px 0;
}

p.sma	{
font: 11px/14px verdana, sans-serif;
margin: 9px 0 4px 0;
}

p.smcenter	{
font: 11px/14px verdana, sans-serif;
text-align: center;
margin: 0 0 0 0;
}

p.xsm	{
font: 10px/10px verdana, sans-serif;
text-align: center;
margin: 0 0 7px 0;
}

p.contactlinks	{
font: 11px/14px verdana, sans-serif;
text-align: center;
margin: 12px 0 0 0;
}

img	{
border: 0;
}

img.left {
display: block;
margin: 4px 9px 6px 0;
float: left;
}

img.right {
	display: block;
	float: right;
	margin-top: 4px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 9px;
}

img.right15 {
display: block;
margin: 15px 0 6px 9px;
float: right;
}

img.center {
display: block;
text-align: center;
margin: 0 auto 9px auto;
}

img.centera {
display: block;
text-align: center;
margin: 9px auto 9px auto;
}

img.center0 {
display: block;
text-align: center;
margin: 0;
}

img.leftcol {
display: block;
text-align: center;
margin: 0 auto 0 auto;
border-top: 4px solid #fff;
}

ol, ul {
list-style-image: url(images/bullet.gif);
margin-left: 0;
margin-bottom: 9px;
padding-left: 21px;
}

li {
margin-bottom: 4px;
}

li.littlelead {
margin-bottom: 2px;
}

li.nolead {
margin: 0;
}

span.smallcaps	{
font-variant: small-caps;
}

span.red	{
color: #c00;
background: transparent;
font-weight: bold;
}

hr	{
border: 1px solid #009;
margin-top: 27px;
}


/*-- Structural Layout Elements --*/


div#container	{
display: block;
margin: 0 auto 0 auto;
width: 985px;
color: #000;
background: #fff url(images/backdrop.gif) repeat-y;
}

div#size-chart	{
display: block;
color: #000;
background: #fff;
width: 600px;
padding: 15px;
margin: 0 auto 0 auto;
}

div#banner	{
display: block;
width: 985px;
height: 201px;
margin: 0;
padding: 0;
}

div#banner1	{
display: block;
color: #fff;
background: #2B6CB0 url(images/banner1.jpg) no-repeat;
font: 11px/15px verdana, sans-serif;
text-align: right;
width: 986px;
height: 18px;
margin: 0;
padding: 0;
}

div#banner2	{
display: block;
width: 985px;
height: 183px;
margin: 0;
padding: 0;
}

div#banner1 a {
color: #fff;
background: transparent;
font-weight: normal;
}

div#banner1 a:active {
color: #fff;
background: transparent;
font-weight: normal;
text-decoration: underline;
}

div#banner1 a:hover {
color: #fff;
background: transparent;
font-weight: normal;
text-decoration: underline;
}

table#content	{
display: block;
width: 930px;
margin: 0 29px 0 26px;
padding: 0;
}

td#contentleft	{
width: 210px;
padding: 0 12px 0 0;
vertical-align: top;
}

td#contentcenter	{
width: 486px;
padding: 12px 12px 0 0;
vertical-align: top;
}

td#contentright	{
width: 210px;
padding: 0 0 0 0;
vertical-align: top;
}

img#inthis	{
border-top: 4px solid #fff;
}

div#contactinfo	{
display: block;
width: 186px;
margin: 9px auto 18px auto;
padding: 6px 0 9px 0;
border-top: 2px solid #009;
border-bottom: 2px solid #009;
}

div#copyright	{
	display: block;
	width: 920px;
	font: bold 11px/14px verdana, sans-serif;
	color: #ccc;
	background: #336;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}

div.sidebar		{
display: block;
width: 454px;
margin: 12px auto 12px auto;
padding: 15px;
border: 1px solid #009;
}



/*-- This is the CSS code for the tabbed navigaton table below the banner --*/


table#navbar	{
width: 960px;
height: 27px;
border: 0;
margin: 0 0 0 0;
padding: 0;
color: #fff;
background: #000083;
text-align: center;
}

td.navbar1	{
height: 27px;
vertical-align: middle;
color: #000083;
background: #fff;
font: bold 18px/18px arial, helvetica, sans-serif; 
}

td.navbar2	{
height: 27px;
vertical-align: middle;
color: #fff;
background: #000083 url(images/tab_bg.jpg) no-repeat;
font:  18px/18px arial, helvetica, sans-serif; 
}

td.navbar3	{
width: 100%;
height: 27px;
vertical-align: middle;
color: #000;
background: #000083 url(images/tab_bg.jpg) no-repeat;
font: 18px/18px arial, helvetica, sans-serif; 
}

a.navbar:link {color:#fff; background: transparent; text-decoration:none;}
a.navbar:visited {color:#fff; background: transparent; text-decoration:none;}
a.navbar:hover {color:#99f; background: transparent; text-decoration:none;}
a.navbar:active {color:#006; background: transparent; text-decoration:none;}


/*-- End NavBar code --*/


/*-- Subsection navigation --*/

div#menu	{
display: block;
width: 210px;
margin: 0 0 0 0;
}

div#menu a {
display: block;
width: 202px;
color: #fff;
background: #009 url(images/menu_a.jpg) repeat-x;
font: bold 16px/16px arial, helvetica, sans-serif; 
text-align: center;
text-decoration: none;
display: block;
padding: 7px 3px 6px 3px;
border-top: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #333;
border-left: 1px solid #999;
}

div#menu a:hover {
color: #fff;
background: #009 url(images/menu_hover.jpg) repeat-x;
text-decoration: none;
border-top: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #333;
border-left: 1px solid #999;
}

div#menu a.yourhere {
color: #fff;
background: #009 url(images/menu_here.jpg) repeat-x;
text-decoration: none;
border-top: 1px solid #333;
border-right: 1px solid #999;
border-bottom: 1px solid #ccc;
border-left: 1px solid #666;
}


div#menu a.submenu {
display: block;
color: #009;
background: #99f;
font: bold 11px/11px verdana, geneva, sans-serif; 
text-decoration: none;
text-align: left;
padding: 3px 0 3px 6px;
border-top: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #333;
border-left: 1px solid #999;
}

div#menu a.submenu:hover {
display: block;
color: #009;
background: #b5b5ff;
font: bold 11px/11px verdana, geneva, sans-serif; 
text-decoration: none;
border-top: 1px solid #333;
border-right: 1px solid #999;
border-bottom: 1px solid #ccc;
border-left: 1px solid #666;
}

div#menu a.submenu2 {
display: block;
color: #009;
background: #b5b5ff;
font: bold 11px/11px verdana, geneva, sans-serif; 
text-align: left;
text-decoration: none;
padding: 3px 0 3px 6px;
border-top: 1px solid #333;
border-right: 1px solid #999;
border-bottom: 1px solid #ccc;
border-left: 1px solid #666;
}





/*-- CenterContent Table Settings --*/

table.wide486	{
	display: block;
	width: 486px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 9px;
	margin-left: 6;
}

table.wide366	{
display: block;
width: 366px;
margin: 0 auto 9px 60px;
text-align: center;
}

td.tablehead		{
padding: 3px 0 3px 0;
font-weight: bold;
text-align: center;
border-top: #006 2px solid;
border-bottom: #006 2px solid;
}

td.tablecell		{
text-align: center;
padding: 3px 0 3px 0;
border-bottom: #006 1px solid;
}

td.tablecell306	{
width: 306px;
text-align: center;
padding: 3px 0 3px 0;
border-bottom: #006 1px solid;
}

td.tablecell162	{
width: 162px;
text-align: center;
padding: 3px 0 3px 0;
border-bottom: #006 1px solid;
}

td.tablecell188{
width: 180px;
text-align: center;
padding: 3px 0 3px 0;
border-bottom: #006 1px solid;
}

td.tablecell90	{
width: 90px;
text-align: center;
padding: 3px 0 3px 0;
border-bottom: #006 1px solid;
}

td.tablecellleft		{
width: 396px;
text-align: left;
vertical-align: middle;
padding: 3px 0 3px 0;
border-bottom: #006 1px solid;
}

td.tablecellright		{
width: 90px;
text-align: right;
vertical-align: middle;
padding: 3px 0 3px 0;
border-bottom: #006 1px solid;
}



/*-- Form Settings --*/

td.label {
width: 180px;
color: #006;
background: transparent;
font: small-caps bold 12px/12px arial, sans-serif;
text-align: right;
padding: 3px 0 3px 0;
border-bottom: #006 1px solid;
}

td.entry {
width: 300px;
padding: 3px 0 3px 6px;
border-bottom: #006 1px solid;
}

td.input {
width: 300px;
padding: 3px 0 3px 6px;
border-bottom: #006 1px solid;
}




/*-- "Hours" Table Settings --*/

table.hours	{
display: block;
width: 186px;
margin: 0 12px 0 12px;
padding: 0;
border-top: 1px solid #009;
}

td.hoursleft	{
width: auto;
vertical-align: middle;
text-align: left;
padding: 4px 0 3px 0;
border-bottom: 1px solid #009;
}

td.hoursright	{
width: 150px;
vertical-align: middle;
text-align: right;
padding: 4px 0 3px 0;
border-bottom: 1px solid #009;
}






/*-- Icon Table Settings --*/

table.icon	{
display: block;
width: 486px;
margin: 0;
padding: 0;
border-top: 1px solid #009;
}

td.icon	{
width: 100px;
vertical-align: top;
padding: 11px 9px 6px 0;
}

td.icontext	{
width: 377px;
vertical-align: top;
padding: 6px 0 6px 0;
}



/*-- Icon2 Table Settings --*/

table.icon2	{
display: block;
width: 486px;
margin: 0;
padding: 0;
border-top: 1px solid #009;
}

td.icon2	{
width: 159px;
vertical-align: top;
padding: 11px 6px 6px 0;
}

td.icontext2	{
width: 321px;
vertical-align: top;
padding: 6px 0 6px 0;
}


/*-- Icon3 Table Settings --*/

table.icon3	{
display: block;
width: 486px;
margin: 0;
padding: 0;
border-top: 1px solid #009;
}

td.icon3	{
width: 36px;
vertical-align: top;
padding: 11px 9px 6px 0;
}

td.icontext3	{
width: 444px;
vertical-align: top;
padding: 6px 0 6px 0;
}



/*-- Training Icon Tables --*/

table.trainingicon	{
display: block;
width: 486px;
margin: 9px 0 9px 0;
}

td.trainingleft	{
width: 96px;
padding-top: 4px;
padding-right: 9px;
vertical-align: top;
}

td.trainingright	{
width: 381px;
vertical-align: top;
}

td.trainingsmleft	{
width: 48px;
padding: 6px 9px 4px 0;
border-top: 1px solid #009;
vertical-align: middle;
}

td.trainingsmright	{
width: 192px;
padding: 6px 9px 4px 0;
border-top: 1px solid #009;
vertical-align: middle;
}


table.coursefees	{
width: 381px;
margin: 9px 0 9px 0;
}

td.coursefees	{
text-align: center;
width: 190px;
padding: 4px 0 2px 0;
border-top: 1px solid #009;
vertical-align: middle;
}

td.coursefees2	{
text-align: center;
width: 90px;
padding: 4px 0 2px 0;
border-top: 1px solid #009;
vertical-align: middle;
}

span.coursefeeheader	{
font: bold 11px/11px verdana, sans-serif;
}


/*-- Comparison Table Settings --*/

td.comparison0 {
padding: 12px 0 3px 0;
text-align:center;
}

td.comparison {
color: #000;
background: #ccf;
padding: 3px;
text-align:center;
border-top: #036 1px solid;
}

td.comparison1 {
color: #000;
background: #ccc;
padding: 3px;
text-align:center;
border-top: #036 1px solid;
}

td.comparison2 {
color: #000;
background: transparent;
padding: 3px;
text-align:center;
border-top: #036 1px solid;
}


/*-- The following definitions pertain to the right-hand column tables in the Travel section --*/

table.wide185 {
width: 185px;
margin: 12px 0 12px 12px;
}

td.travel1 {
color: #009;
background: transparent;
font: bold 14px/14px arial, sans-serif;
text-align: left;
vertical-align: top;
padding: 12px 0 6px 0;
border-bottom: #009 2px solid;
}

td.travel2 {
color: #006;
background: #a5b7e4;
font: bold 10px/10px verdana, sans-serif;
text-align: right;
vertical-align: top;
width: 51px;
padding: 6px 6px 6px 3px;
border-bottom: #003 1px solid;
}

td.travel3 {
color: #000;
background: #dee4f1;
font: 9px/12px verdana, sans-serif;
text-align: left;
vertical-align: top;
width: 117px;
padding: 6px 3px 6px 6px;
border-bottom: #003 1px solid;
}

td.travel4 {
width: 35%;
color: #006;
background: #a5b7e4;
font-weight: bold;
text-align: right;
vertical-align: top;
padding: 6px 6px 6px 3px;
border-top: #003 2px solid;
}

td.travel5 {
width: 65%;
color: #000;
background: #dee4f1;
text-align: left;
vertical-align: top;
padding: 6px 3px 6px 6px;
border-top: #003 2px solid;
}



/*-- The following definitions pertain to the Pinnacle size chart and similar tables --*/

table.sizechart {
width: 100%;
margin: 0 auto 0 auto;
}

td.sizechart-td  {
color: #000;
background: transparent;
font: 11px/11px verdana, sans-serif;
text-align: center;
vertical-align: middle;
padding: 3px 3px 3px 3px;
border-top: #009 1px solid;
}



/*-- The following definitions pertain to the Pinnacle part number and similar tables --*/

table.partnos {
margin: 0;
}

td.partnos-th  {
color: #000;
background: transparent;
font: bold 10px/10px verdana, sans-serif;
text-align: center;
vertical-align: middle;
padding: 3px 3px 3px 3px;
border-top: #009 1px solid;
}

td.partnos-td1  {
width: 78px;
color: #000;
background: transparent;
font: bold 11px/11px verdana, sans-serif;
text-align: center;
vertical-align: middle;
padding: 3px 3px 3px 3px;
border-top: #009 1px solid;
}

td.partnos-td2  {
width: 99px;
color: #000;
background: transparent;
font: 11px/11px verdana, sans-serif;
text-align: center;
vertical-align: middle;
padding: 3px 3px 3px 3px;
border-top: #009 1px solid;
}

/*-- The following definitions pertain to the Pinnacle PayPal/size-charet area and similar tables --*/

table.orderform {
widtbL 486px;
margin: 0 0 9px 0;
padding-top: 9px;
border-top: 2px solid #009;
}

td.orderform-td1  {
width: 198px;
text-align: center;
vertical-align: top;
padding: 0 36px 0 0;
}

td.orderform-td2  {
width: 249px;
text-align: center;
vertical-align: middle;
padding: 15;
}