/* --------------------------------------------



Name:     2 Column

Designer: Holly Valero

URL:      www.hollyworks.com

Date:     April 2007



COLORS:  

background blue: #91A8CF

almost black: #141e32

bloodred: #990000

menu backs and highlight: #617496

copyright blue: #9caac3



Page width 800px

nav vertical: 184px

content: 600+16px;



----------------------------------------------- */



/* link underlines tend to make hypertext less readable, 

   because underlines obscure the shapes of the lower halves of words */

:link,:visited { text-decoration:none }



/* no list-markers by default, since lists are used more often for semantics */

ul,ol { list-style:none }



/* avoid browser default inconsistent heading font-sizes */

/* and pre/code too */

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }



/* remove the inconsistent (among browsers) default ul,ol padding or margin  */

/* the default spacing on headings does not match nor align with 

   normal interline spacing at all, so let's get rid of it. */

/* zero out the spacing around pre, form, body, html, p, blockquote as well */

/* form elements are oddly inconsistent, and not quite CSS emulatable. */

/*  nonetheless strip their margin and padding as well */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input

{ margin:0; padding:0 }



/* whoever thought blue linked image borders were a good idea? */

a img,:link img,:visited img { border:none }



/* de-italicize address */

address { font-style:normal }



* { margin: 0; padding: 0; }



ul.b {list-style-image: url(../images/bullet.gif); margin-left:20px;}





body { margin:0; 

padding: 0 0 20px 0; 

background: #91A8CF url("../images/wallgradient.gif") repeat-x top left; 

color:#111111; 

font:85%/1.5 arial,tahoma,verdana,sans-serif;

text-align: center;   

}



a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 

a:link {color:#069} 

a:visited {color:#ff6600} 

a:hover,a:active {color:#069} 





.home {background:#8aa0c7 url(../images/homewall.gif) repeat-x;}





 

#cc {position: absolute; left: -9999px; font-size: small;}

#cc a:hover {color: #ffffff;}

.skip {display: none;}

a.skip {display: none;}

.left {float:left; padding:5px 10px;}

.right {float:right;  padding:5px 10px;}

.clear {clear:both;}

.center {margin-left: auto; margin-right: auto;}





abbr, acronym {font-style: normal; border-bottom: dotted 1px #d6d6d6; cursor: help;}



img {border:0; padding:0;}







h1 {margin-top:10px; font:130%/1.5 bold arial, tahoma, verdana, sans-serif; color:#1a3979;  background: transparent url(../images/dotblue.gif) repeat-x bottom left; padding-bottom:10px;}

h2 {margin-top:10px; font:110%/1.5 bold arial,tahoma,verdana,sans-serif; color:#1a3979; font-weight:bold; }

h3 {margin-top:10px; font:105%/1.5 bold arial,tahoma,verdana,sans-serif; color:#1a3979;}

h4 {margin-top:10px; font:100%/1.5 bold arial,tahoma,verdana,sans-serif; color:#1a3979;}

h5 {margin-top:10px; font:100%/1.5 bold arial,tahoma,verdana,sans-serif; color:#1a3979;}





#middle a:link {color: #0000cc; text-decoration: none;  font-weight:bold;}

#middle a:visited {color: #7a6a99; text-decoration: none;}

#middle a:hover {color: #eb6824; text-decoration: underline;}

#middle a:active {color: #eb6824; text-decoration: none;}









 



#container {

width:800px;

margin:0 auto;

background:#ffffff url(../images/pagewall.gif) repeat-y;

text-align: left; /* -- to left align text page --*/

}

















#containerhome {

width:820px;

margin:0 auto;

background:transparent;

text-align: left; /* -- to left align text page --*/

}





#pagetop {

width:800px;

height:100px;

background: #141e32 url(../images/pagetop.gif) no-repeat;

}







#breadcrumbs {

width:800px;

height:35px;

background: #617496;

color:#ffffff;

font: 11px/12px arial, arial,tahoma,verdana,sans-serif;

}



#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:hover {background:transparent;text-decoration:none;} 

#breadcrumbs a:link {color:#fff} 

#breadcrumbs a:visited {color:#fff} 

#breadcrumbs a:hover,a:active {color:#fff} 





.B_crumbBox {display:block; padding:10px 1px 10px 10px;} 









p {padding: 5px 0 5px 0;}



















#page {

width:800px;

margin:0;

padding:0;

color:#222222;

}





#pagehome {

width:820px;

margin:0;

padding:0;

color:#ffffff;

}







#left {

width:16px;

margin:0;

padding:0;

float:left;

overflow:hidden;

background:#ffffff;

}







#middle {

width:580px;

margin:0;

padding:0;

padding-right:20px;

float:left;

background:#ffffff;

}



#rightcanoer {

width:184px;

min-height:700px;

height:auto !important;

height:700px;

margin:0;

padding:0;

float:right;

background:transparent url(../images/capcanoer.jpg) no-repeat bottom left;

}



#rightrunner {

width:184px;

min-height:700px;

height:auto !important;

height:700px;

margin:0;

padding:0;

float:right;

background:transparent url(../images/caprunner.jpg) no-repeat bottom left;

}



#rightbiker {

width:184px;

min-height:700px;

height:auto !important;

height:700px;

margin:0;

padding:0;

float:right;

background:transparent url(../images/capbiker.jpg) no-repeat bottom left;

}



#righthiker {

width:184px;

min-height:700px;

height:auto !important;

height:700px;

margin:0;

padding:0;

float:right;

background:transparent url(../images/caphiker.jpg) no-repeat bottom left;

}



#rightdiver {

width:184px;

min-height:700px;

height:auto !important;

height:700px;

margin:0;

padding:0;

float:right;

background:transparent url(../images/capdiver.jpg) no-repeat bottom left;

}



 

.classicmenu1 ul {

list-style-type:none;

margin:0;

padding: 0;

border: 0;

position:absolute;

width:185px;

}



 

.classicmenu1 li a{

background: transparent url(../images/dotblue.gif) repeat-x bottom left;

font:83%/1.5 arial,tahoma,verdana,sans-serif;

color: white;

display: block;

padding: 3px 0;

padding-left: 10px;

text-decoration: none;

}





* html .classicmenu1 li a{ /*IE only. Actual menu width minus left padding of A element (10px) */

width: 175px;

}



.classicmenu1 li a:visited, .classicmenu1 li a:active{

color: white;

}



.classicmenu1 li a:hover{

background: transparent url(../images/navroll.gif) repeat-y top left;

}













#pagebot {

width:800px;

height:35px;

background:#617496;

color:#ffffff;

font:65%/1.2 arial,tahoma,verdana,sans-serif;

text-align: center;  

}







#pagebothome {

width:820px;

height:35px;

background:transparent;

color:#ffffff;

font:65%/1.2 arial,tahoma,verdana,sans-serif;

text-align: left;  

}









#navwrap

{

position:relative;

left: 0;

top:79px;

white-space: nowrap;

}



#navwrap ul {

padding: .2em 0;

margin: 0;

list-style-type: none;

background: transparent;

color: #FFF;

width: 100%;

font:85%/1.5 arial,tahoma,verdana,sans-serif;

text-align: right;

font-weight:normal;

}



#nav li

{

display: inline;

list-style-type: none;

}



#nav a { padding: 5px 10px; 

background-color: transparent;

color: #fff;

}



#nav a:link, #navlist a:visited

{

color: #fff;

background: transparent;

text-decoration: none;

font-weight:normal;

}



#nav a:hover

{

color: #fff;

background-color: #9caac3;

text-decoration: none;

font-weight:normal;

}





#nav a:active

{

color: #fff;

background-color: #394968;

text-decoration: none;

font-weight:normal;

}





#nav #on {background: #617496}











/* -- search -- */



#searcherbox {width: 780px; height: 35px; position: relative; margin: 0 auto;}

#searcher label {display:none;}

#searcher #search {position:absolute; left: 595px; top:2px; margin:4px; width:140px; height:18px; border-top:#efefef 1px solid; border-left:#efefef 1px solid;  border-bottom:#dddddd 1px solid; border-right:#dddddd 1px solid; font-size:11px; color:#222; line-height:20px;}

#searcher .button {float: right; width:24px; height:25px;  top:2px; margin:4px;}







#axs {display:none;}





/* home */





#navwraphome	{

	width: 820px;

	height: 445px;

	border: 0;

	padding: 0;

	margin: 0;

	background: url(../images/bodyproshomebuttons.jpg) no-repeat;

}



#navhome ul	{

	width: 820px;

	height: 445px;

	background: url(../images/bodyproshomebuttons.jpg) no-repeat;

	margin: 0;

	padding: 0;

	position: absolute;

}



#navhome ul li {

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

	top: 0;

}



#navhome ul li, #navhome a {

	height: 445px;

	display: block;

}



#navhome ul li a {

	text-indent: -9999px; 

	text-decoration: none;

}





#nav1 {left: 7px; width: 167px;}

#nav2 {left: 175px; width: 210px;} 

#nav3 {left: 326px; width: 168px;}

#nav4 {left: 494px; width: 152px;} 

#nav5 {left: 650px; width: 165px;}  




#ajaxSearch_form fieldset {
	border:0;
	padding:4px 0;
	position:relative;
	margin:0 0 0 150px;
	width:300px; height:30px; 
	background:transparent;
	float:left;
}

#ajaxSearch_form { padding:0;}

#ajaxSearch_form #keywords {width: 100px; background: #f0f0f0; border:1px solid #f00;}

#ajaxSearch_intro {display:none;}

#ajaxSearch_input {
margin:0 0 0 2px;
padding:0;
width:230px;
height:20px;
float:left;
font: 11px/2.0em Arial, Helvetica, sans-serif; 
background:transparent;
border:1px solid #ddd;
border-top:1px solid #efefef;
border-left:1px solid #efefef;
color:#222222;
}

#ajaxSearch_submit {
  width: 55px;
  height:22px;
  margin: 0 0 0 5px;
  padding:0;
  border:0;
  font-size:11px;
  color:#222;
  text-decoration: none;
}

label {line-height:0;margin:0; padding:0;}


/* the box */
.ajaxSearch_result {padding:20px; margin:0; border:0; background:transparent;}

/* intro blurb */
p.ajaxSearch_resultsInfo {font-weight:normal; font-size:12px; text-indent:0; color:#222222;}   
.ajaxSearch_resultExtract p {color:#222222;}   

.ajaxSearch_highlight {font-weight:bold; border-bottom:1px dotted #dddddd;}
.ajaxSearch_resultLink {font-weight:bold; color:#448995;}
.ajaxSearch_resultLink.a:hover {font-weight:bold; color:#ff6600;}

.ajaxSearch_paging {height:10px;}