/* Basic structure of site */

a:focus {
outline-style: none;
}

html,body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:center;
padding:0px;
height: auto;
margin:0px;
color: #666;
font-size: 12px;
line-height: 21px;
background-image: url('../template_images/bg.jpg');
background-color: #FFF;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
}


#scroll {
width: 100%;
height: 100%;
position: absolute;
bottom: 0px;
left: 0px;
top: 0px;
right: 0px;
background: transparent;
z-index: 2;
}

#container {
width: 950px;
*width: 935px;
margin: auto auto;
background: transparent;
}

#header {
width: 950px;
height: 75px;
position: relative;
float: left;
}

#logo {
width: 280px;
float: left;
padding-left: 15px;
}


/* MENU */

#menu_holder {
float: left;
width: 640px;
background-image: url('../template_images/menu_bg.jpg'); 
background-position: center top;
background-repeat: no-repeat;
text-align: center;
}

#menu {
height: 74px;
padding-bottom: 10px;
}

/* GLOBAL NAV*/

#global_nav {
float:left;
height:74px;
padding:0px 0px 5px 20px;
margin-left: 10px;
}

#global_nav ul {
position:relative;
}

#global_nav li {
display:inline;
list-style-type:none;
}

#global_nav li a {
background:transparent url(../template_images/globalnav.gif) no-repeat scroll 0%;
float:left;
height:60px;
text-indent:0px;
}

#global_nav li.nav a {
background-position:0px 0px;
padding: 17px 25px 0px 25px;
font-weight: bold;
color: #6f784b;
}

#global_nav li.nav a:hover, #global_nav li.nav a.current {
background-position:-74px 105%;
padding: 17px 25px 0px 25px;
font-weight: bold;
color: #a9be53;
}

/* CONTENT AREA */
#content {
position: relative;
width: 950px;
height: 100%;
float: left;
text-align: left;
margin-left: 10px;
*margin-left: 0px;
_margin-left: 10px;
padding-bottom: 50px;
}

#banner {
float: left;
position: relative;
padding-left: 15px;
width: 921px;
height: 300px;
}

/* HOTSPOTS HOME */

#key_nav {
position: absolute;
left: 460px;
bottom: -30px;
width: 500px;
}

#nav_1 {
display: block;
float: left;
padding-right: 5px;
}

#nav_1 a {
text-indent: -3000px;
display: block;
width:150px;
height: 97px;
background-image: url('../template_images/outdoor_advertures.gif');
background-position: 0px -97px;
}

#nav_1 a:hover {
text-indent: -3000px;
display: block;
width:150px;
height: 95px;
background-image: url('../template_images/outdoor_advertures.gif');
background-repeat: no-repeat;
background-position: 0px 0px;
}

#nav_2 {
display: block;
float: left;
padding-right: 5px;
}

#nav_2 a {
text-indent: -3000px;
display: block;
width:150px;
height: 97px;
background-image: url('../template_images/school_programs.gif');
background-position: 0px -97px;
}

#nav_2 a:hover {
text-indent: -3000px;
display: block;
width:150px;
height: 95px;
background-image: url('../template_images/school_programs.gif');
background-repeat: no-repeat;
background-position: 0px 0px;
}

#nav_3 {
display: block;
float: left;
padding-right: 5px;
}

#nav_3 a {
text-indent: -3000px;
display: block;
width:150px;
height: 97px;
background-image: url('../template_images/equipment_hire.gif');
background-position: 0px -97px;
}

#nav_3 a:hover {
text-indent: -3000px;
display: block;
width:150px;
height: 95px;
background-image: url('../template_images/equipment_hire.gif');
background-repeat: no-repeat;
background-position: 0px 0px;
}

/* HOME */

#pce {
float: left;
padding: 35px 15px 30px 40px;
background-image: url('../template_images/content_bg.jpg');
background-position: center bottom;
background-repeat: no-repeat;
width: 900px;
}

#pce_news {
float: left;
padding: 35px 15px 30px 40px;
background-image: url('../template_images/content_bg_news.jpg');
background-position: center bottom;
background-repeat: no-repeat;
width: 900px;
}

#main {
position: relative;
float: left;
width: 573px;
}


/* SUB PAGE */

#crumb {
float: left;
font-size: 11px;
margin-left: 310px;

width: 590px;
_width: 440px;
_margin-left: 150px;
}

#pci {
float: left;
padding: 15px 15px 30px 40px;
background-image: url('../template_images/content_bg_pci.jpg');
background-position: center bottom;
background-repeat: no-repeat;
width: 900px;

}

#sidebar_l {
position: relative;
float: left;
padding-left: 0px;
width: 310px;
}

#side_menu {
padding-bottom: 20px;
background-image: url('../template_images/side_menu_spacer.gif');
background-position: center bottom;
background-repeat: no-repeat;
}

#side_menu a {color: #666;}
#side_menu a:link {color: #666;}
#side_menu a:visited {color: #666;}
#side_menu a:active {color: #666;}
#side_menu a:hover {color: #000;}

#sub_2 {
padding-left: 8px;
}

#contact_us {
padding-bottom: 100px;
}

#input {
display: inline; 
float: left;
padding-right: 5px;
}

input.contact {
width: 180px;
height: 17px;
padding: 2px 2px 3px 2px;
border: 1px solid #999;
font-size: 12px;
color: #666;
background-image: url('../template_images/input_bg.gif');
background-repeat: repeat-x;
background-position: top left;
}

#submit {
float: left;
}

/* HOTSPOTS SUB PAGES */

#key_nav_sub {
position: relative;
height: 150px;
padding: 10px 0px 40px 0px;
}

#nav_1_sub {
display: block;
float: left;
padding-bottom: 5px;
}

#nav_1_sub a {
text-indent: -3000px;
display: block;
width:281px;
height: 42px;
background-image: url('../template_images/outdoor_advertures_sub.gif');
background-position: 0px -42px;
}

#nav_1_sub a:hover {
text-indent: -3000px;
display: block;
width:281px;
height: 42px;
background-image: url('../template_images/outdoor_advertures_sub.gif');
background-repeat: no-repeat;
background-position: 0px 0px;
}

#nav_2_sub {
display: block;
float: left;
padding-bottom: 5px;
}

#nav_2_sub a {
text-indent: -3000px;
display: block;
width:281px;
height: 42px;
background-image: url('../template_images/school_programs_sub.gif');
background-position: 0px -42px;
}

#nav_2_sub a:hover {
text-indent: -3000px;
display: block;
width:281px;
height: 42px;
background-image: url('../template_images/school_programs_sub.gif');
background-repeat: no-repeat;
background-position: 0px 0px;
}

#nav_3_sub {
display: block;
float: left;
padding-bottom: 5px;
}

#nav_3_sub a {
text-indent: -3000px;
display: block;
width:281px;
height: 42px;
background-image: url('../template_images/equipment_hire_sub.gif');
background-position: 0px -42px;
}

#nav_3_sub a:hover {
text-indent: -3000px;
display: block;
width:281px;
height: 42px;
background-image: url('../template_images/equipment_hire_sub.gif');
background-repeat: no-repeat;
background-position: 0px 0px;
}


/* NEWS */

#sidebar_r {
position: relative;
float: left;
padding-left: 30px;
width: 275px;
}

.item_holder{width: 100%; float: left;}

.news_img {
position: relative;
display: block;
float: left;
width: 68px;
height: 90px;
}

.news_item{
position: relative;
display: inline;
float: right;
width: 200px;

}

/* FOOTER */

#footer {
height: 40px;
width: 100%;
background: transparent;
float: left;
text-align: center;
}

#footer_content {
margin: auto auto;
padding-top: 15px;
width: 900px;
text-align: center;
font-size: 11px;
}

#left {
float: left;
}

#right {
float: right;
}

/* HELP */

/****Help****/

#top10 {width: 270px; }

#help_search {
	color: #666666;	
	width: 100%;
	float: left;
	
}

#help_body{width: 100%; float: left; padding-bottom: 150px;}

#form_holder{height: 30px; width: 100%; float: left;}

#form_holder form div {height: 30px; float: left; width: auto; width: 100px; text-align: left;}

#form_holder form div.search2 {height: 30px; float: left; width: auto; width: 50px; text-align: left;}

.help_category {width: 100%; float: left; height: auto; margin-bottom: 8px;}

.help_icon {float: left; width: 60px; height: 60px; margin-bottom: 5px; margin-right: 5px; border: 0px !important;}

.help_icon img {border: 0px !important;}



#help a {
	color: #666666;
	padding-left:2px;
}
table.help_search {
	font-size: 12px;
	width: 50%;
	padding-bottom: 10px;
}
a.help_addresslink:link     {color: #CC0000; font-size: 12px; text-decoration: none; }
a.help_addresslink:visited  {color: #CC0000; font-size: 12px; text-decoration: none}
a.help_addresslink:active   {color: #CC0000; font-size: 12px; text-decoration: none}
a.help_addresslink:hover    {color: #87898D; font-size: 12px; text-decoration: underline}
td.help_section {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
	font-size:12px;
	padding: 0 0 5px 10px;
}
.help_question {
    font-weight: normal;
    color: #666666;
    padding: 15px 0px 15px 50px;
	width: 430px;
	background: url('../template_images/help_question.jpg') no-repeat top left;
	float: left;
	margin-bottom: 8px;
}

.section_title {
    font-weight: bold;
    color: #666666;
    padding: 3px 0px 3px 0px;
	width: 480px;
	float: left;
	font-size: 14px;
	border-bottom: 1px dotted #e3e3e3;
	margin-bottom: 10px;
}

.help_answer {
    font-style: normal;
    color: #666666;
	font-size:12px;
    float: left;
	padding: 15px 0px 40px 50px;
	width: 430px;
	background: url('../template_images/help_answer.jpg') no-repeat top left;
	line-height: 16px;
	margin-bottom: 8px;
}

.help_answer p {line-height: 16px;}

#top_ten{width: 630px; float: left; padding-bottom: 20px;}

.top_ten_q{width: 100%; float: left; padding: 3px 0px 3px 0px;}

td.help_topten_header {
    font-weight: bold;
    color: #CC0000;
	font-size:11px;
	text-indent:18px;
	padding-left: 20px;
}   
#filerow {}
#filerowalt {
    background: #F8F8F8;
	margin-left:25px;	
}
td.info {
   font-size: 12px;
   background: #FFFFFF;
   padding:0;
   vertical-align: top;
} 
table.help_search {
    font-size: 12px;
    width: 73%;
	font-family:Arial, Helvetica, sans-serif;
    padding:0;
}

.button_holder {width: 280px; float: right; clear: both; height: 25px; padding: 5px;}


.help_txt {
	font: normal 13px Arial;
	padding:0 20px 0 0;
	color:#4F5559;
	margin:0;
	float:left;
}
input.field {
   font-size: 10px;
   color: #000000;
   border: 1px solid #666666;
   float:left;
}

input.field {
   font-size: 10px;
   color: #000000;
   border: 1px solid #666666;
   float:left;
   width: 150px;
}

.b {
	font-size: 10px;
}
/*common*/  

#location{text-transform: lowercase; color: #FFF; font-size: 10px; text-align: right; padding: 3px; position: absolute; right: 0px; width: 100%; margin-top: -5px; *margin-top: -15px;}

span.location{text-transform: lowercase; color: #FFF; font-size: 10px; text-align: right; padding: 3px; position: absolute; right: 0px; width: 100%; margin-top: -5px; *margin-top: -15px;}


span.location a {
    color: #FFF;
}

a               {color: #FF6600; text-decoration: none}
a:link          {color: #FF6600; text-decoration: none}
a:active        {color: #FF6600; text-decoration: none}
a:visited       {color: #FF6600; text-decoration: none}
a:hover         {color: #ED9C20; text-decoration: none}

table           {font-size: 12px;color: #000000}
td              {font-size: 12px;color: #000000} 

div             {margin: 0px;padding: 0px}

p               {font-size: 12px;color: #666;margin: 0px; padding: 5px 0px 10px 0px; text-align: left; line-height: 21px;}

img             {border: 0px}    

form            {margin: 0px;padding:0px}
select          {font-size: 10px;color: #000000}
textarea        {font-size: 12px;color: #333; font-family: Arial, Helvetica, sans-serif;}



h1              {font-size: 22px;
                color: #885C17;
                font-weight: normal;
				margin-bottom: 3px;}

h2              {font-size: 18px; 
				color: #333;
                font-weight: normal;
				margin-bottom: 3px;}

h3              {font-size: 16px;
                color: #666;
                font-weight: normal;
				line-height: 21px;
				margin-bottom: 8px;}



hr  {
    border-width: 0px;
    color: #DECEB4;
    background: #E3E3E3;
    height: 1px;
}

.b {
   font-weight: bold;
}

.top {
   vertical-align: top
}

.mid {
vertical-align: middle
}

.bot {
    vertical-align: bottom;
}    

.center {
    text-align: center;
    margin: 0px auto 0px auto
}

.right {
    text-align: right;
    margin: 0px 0px 0px auto;
	padding-right: 10px;
}

.left {
    text-align: left;
    margin: 0px auto 0px 0px
}

 ul {
    list-style-image: url('../template_images/bullet.gif');
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 15px;
}

* html ul {
    margin: 0px 0px 10px 5px;
    padding: 0px;
}

li {
	font-size: 12px;
	line-height: 21px;
}

ol {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 14px
}

* html ol {
    margin: 0px 0px 10px 16px;
    padding: 0px;
}

html>body li {
    padding: 0px;
    margin: 0px;
	list-style-type: none;
}

.clear {width: 100%; float: left; clear:both; border-top: 1px dotted #e3e3e3;}

/*Newly Added*/
.footer_by {color: #FF6600; text-decoration: none}