/* ---------->>> style 

Name:     2007
Designer: Holly Valero
URL:      www.hollyworks.com
Date:     OCT 2007

Color Key:  

Background body #ffffff
Text: #554a48

<<<-----------*/

/* ---------->>> globals <<<-----------*/


html, body {
border:0;
margin:0;
padding:0;
font-size: 100.01%;
color:#695d5b;
background-color: #efefef;}


body {
font: normal 12px/1.5em "Helvetica Neue",Helvetica, Arial,sans-serif;
text-align:center;
}


ul {list-style:none;}
a {text-decoration:none;}



/* ---------->>> floats skips alignment <<<-----------*/

.clear 		{ clear:both; }

.fl 	{ float:left;margin:4px 10px 4px 0;}
.fr	{ float:right; margin:4px 0 4px 10px; }
.float_left 	{ float:left;margin:4px 15px 4px 10px;}
.float_right	{ float:right; margin:4px 15px 4px 10px; }

.center 		{ text-align:center; }
.justify 	{ text-align:justify; }

.bold 		{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 	{ border-bottom:1px solid; }
 
.nobullet 	{ list-style:none;list-style-image:none; }

#cc {position: absolute; left: -9999px; font-size: small;}
#cc a:hover {color: #ffffff;}

 .skip {display: none;}
a.skip {display: none;}

#axs {display:none;}

/* ---------->>> links <<<-----------*/

a, a:visited {
text-decoration:none;
}

a:link { color: #C23C37;text-decoration:none; }
a:visited { color: #991400; text-decoration:none;}
a:hover { text-decoration:none; color: #C23C37; }
a:active { color: #991400; text-decoration:none; }


/* ---------->>> STRUCTURE <<<-----------*/

#container_shell {width:795px;margin:0 auto;text-align:left;}
#container_wrap {width:795px;float:left; background: #ffffff;}



#pagetopblue {width:795px; height:66px; background:#0888b3 url(http://www.tapslhi.org/elements/images/tapmasthead2.gif) no-repeat top left;}
#pagetopmaroon {width:795px; height:66px; background:#c72c2c url(http://www.tapslhi.org/elements/images/tapmastheadmaroon.gif) no-repeat top left;}
#pagetopgreen {width:795px; height:66px; background:#94c01d url(http://www.tapslhi.org/elements/images/tapmasthead4.gif) no-repeat top left;}




#pagetopblue ul, #pagetopmaroon ul, #pagetopgreen ul	{
	width: 300px;
	height: 50px;
	background:transparent;
	margin: 0;
	padding: 0;
	float: left;
}

#pagetopblue ul li, #pagetopmaroon ul li, #pagetopgreen ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#pagetopblue ul li, #pagetopblue a, #pagetopmaroon ul li, #pagetopmaroon a, #pagetopgreen ul li, #pagetopgreen a {
	height: 50px;
	display: block;
}

#pagetopblue ul li a, #pagetopmaroon ul li a, #pagetopgreen ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}
#pth {left: 0px; width: 200px;}










#pagetophome {width:795px; height:100px; background:transparent url(http://www.tapslhi.org/elements/images/tapmasthead.gif) no-repeat top left;}

#pagetophome ul	{
	width: 300px;
	height: 80px;
	background:transparent;
	margin: 0;
	padding: 0;
	float: left;
}

#pagetophome ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#pagetophome ul li, #pagetophome a {
	height: 70px;
	display: block;
}

#pagetophome ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}
#pth {left: 0px; width: 200px;}









#featurehome {width:760px; height:350px; background: #ffffff url(http://www.tapslhi.org/elements/images/featurewall.gif) no-repeat bottom left;}


.white {
color:#ffffff;
}



#homecolumns {width:760px; margin:0; margin-left:20px;}

#pagetitleblue {width:760px;height:80px; margin:0;padding:0; padding-left:35px; color:#ffffff; background-color:#0888b3;}
#pagetitlemaroon {width:760px;height:80px; margin:0;padding:0; padding-left:35px; color:#ffffff; background-color:#c72c2c;}
#pagetitlegreen {width:760px;height:80px; margin:0;padding:0; padding-left:35px; color:#ffffff; background-color:#94c01d;}


#page {width:795px;margin:0;padding:0;}



#left {width:35px;margin:0;padding:0;float:left;}

#middle { width:545px; margin:0; padding:0 15px 0 0; float:left;  background:transparent url(http://www.tapslhi.org/elements/images/vdot.gif) repeat-y top right;}



#right {width:200px;margin:0;padding:0;float:right;}

#pagebot {width:795px; height:120px; background: #ffffff url(http://www.tapslhi.org/elements/images/brandwhammies.gif) no-repeat bottom right;}
#pagebot p { padding:5px 5px; color:#968c7e; font: normal 11px/1.1em "Helvetica Neue",Helvetica, Arial,sans-serif;}

#botnavwrap {margin:0; padding:0; position:relative; width:500px; height:25px; left:180px;}

#botnav li
{
display: inline;
list-style-type: none;
padding-right: 15px;
font:13px/10px arial, helvetica, sans-serif;
}

#botnav li a:link {color:#695d5b;text-decoration:none;}
#botnav li a:visited {color:#695d5b;text-decoration:none;}
#botnav li a:hover {color:#0784bd;text-decoration:none;}
#botnav li a:active {color:#695d5b;text-decoration:none;}

.thumbnail {padding:10px 10px;}

a.white:link {color:#ffffff;}
a.white:visited {color:#ffffff;}
a.white:hover {color:#ffffff;}
a.white:active {color:#ffffff;}



 



.sidebar ul {
margin: 0;
padding:0;
border-top:0px dotted #fff;
width:180px;
margin-left:10px;
margin-bottom: 20px;
}


.sidebar li {
list-style:none;
padding: 3px 0;
border-bottom:0px dotted #fff;
color:#666;
font:normal 12px arial;
}
	
.sidebar li:hover {
background:#ffffff;
}

#right h3 {
height:23px;
width:180px;
background: transparent url(../images/widget.gif) no-repeat top left;
font: 16px/24px "Helvetica Neue", Helvetica,  Arial, sans-serif;
padding-left:10px;
color:#ffffff;
margin-top:6px;
margin-bottom:6px;
}

.sidebar li a:link {color:#695d5b;}
.sidebar li a:visited {color:#695d5b;}
.sidebar li a:hover {color:#0784bd;}
.sidebar li a:active {color:#695d5b;}

 


/* ---------->>> HTML tags <<<-----------*/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
padding:6px 0 6px 0px;
letter-spacing:-4px;
font:72px/68px arial, helvetica, sans-serif;
color:#ffffff;
font-weight:bold;
}


h1.smaller {
padding:6px 0 6px 0px;
letter-spacing:-2px;
font:48px/42px arial, helvetica, sans-serif;
color:#ffffff;
font-weight:bold;
}


h1.smaller a:link {color:#ffffff;text-decoration:none;}
h1.smaller a:visited {color:#ffffff;text-decoration:none;}
h1.smaller a:hover {color:#ffffff;text-decoration:none;}
h1.smaller a:active {color:#ffffff;text-decoration:none;}



h1.smallergray {
padding:6px 0 6px 0px;
letter-spacing:-2px;
font:36px/36px arial, helvetica, sans-serif;
color:#695d5b;
font-weight:bold;
}


.bumptype {
padding:6px 0 6px 0px;
font:16px/20px arial, helvetica, sans-serif;
color:#695d5b;
}


.redlink {
border:#c72c2c 1px solid;
background-color:#f8d2d2;
padding:4px; 
margin:10px; 
}




#pullquote {
display:block;
float:right;
width:170px;
border-top:#c72c2c 1px solid;
border-bottom:#c72c2c 3px solid;
background-color:#ffffff;
padding:8px; 
margin:20px; 
font:1.0em/1.4em "Helvetica Neue",Helvetica, Arial,sans-serif;
font-weight:bold;
color:#c72c2c;
}



#disclaimer { padding:34px 20px 10px 20px;
font:9px/10px arial, helvetica, sans-serif;
color:#bbbbbb;
}





p, ul, ol {
margin:0;
padding:0 0 10px 0;
}

ul, ol {
list-style:none;
padding:0 0 10px 40px;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}




/* ---------->>> forms <<<-----------*/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}


/* ---------->>> tables <<<-----------*/

table {
border:0;
margin:0 0 18px 0;
padding:0;
}

table tr td {
padding:2px;
}

td h2 {
font:140% Helvetica, Arial,sans-serif;
color:#554a48;
}

/* ----------->>> search <<<--------*/

#ajaxSearch_form {
position:relative;
top: 4px;
left:230px;
}


.search {
margin: 0 4px 0 15px;
text-align: left;
border:0;
}


#ajaxSearch_input {
background-color:#ffffff;
color: #554a48;
border: 1px solid #efefef;
}


#ajaxSearch_form label {
font:13px/10px arial, helvetica, sans-serif;
color:#ffffff;
}





/* ---------->>> home page color cubes <<< ---------*/





#c1 {
margin:0;
padding: 0;
border: 0;
width:210px;
height:238px;
background: transparent url(/elements/images/c1.gif) no-repeat top left;
color:#ffffff;
padding:10px 20px 0 6px;
}

#c1 h2, #c2 h2, #c3 h2 {
font:160% Arial, Helvetica, sans-serif;
color:#ffffff;
padding:10px 0 0 10px;
}


#c1 a:link, #c2 a:link, #c3 a:link {color:#ffffff; text-decoration:none;}
#c1 a:visited, #c2 a:visited, #c3 a:visited {color:#ffffff; text-decoration:none;}
#c1 a:hover, #c2 a:hover, #c3 a:hover {color:#ffffff; text-decoration:none;}
#c1 a:active, #c2 a:active, #c3 a:active {color:#ffffff; text-decoration:none;}


#c1 ul, #c2 ul, #c3 ul {padding:0; margin:0;}

#c1 ul li, #c2 ul li, #c3 ul li, #middle ul li, #page ul li { 
background: url(/elements/images/bullet.gif) left top no-repeat;
margin:0;
padding:0;
padding-left:12px;
margin-bottom:10px;
}


#c2 {
margin:0;
padding: 0;
border: 0;
width:300px;
height:238px;
background: transparent url(/elements/images/c2.gif) no-repeat top left;
color:#ffffff;
padding:10px 26px 0 6px;
}



#c3 {
margin:0;
padding: 0;
border: 0;
width:210px;
height:238px;
background: transparent url(/elements/images/c3.gif) no-repeat top left;
color:#ffffff;
padding:10px 20px 0 6px;
}

 

.bullet ul li { 
background: url(/elements/images/bullet.gif) left center no-repeat;
padding-left: 15px;
margin-bottom: 10px;
}


a:link {text-decoration:none;}
a:visited  {text-decoration:none;}
a:active {text-decoration:none;}
a:hover  {text-decoration:none;}