﻿/* CSS FOR TWO COLUMN WEBPAGE */

/* START: basic two column structure */


html,body{
	padding:0;
	margin:0;
	border:0;
}

img { behavior: url(iepngfix.htc) }
div, p {margin-top:0;} /* clear top margin for mozilla */

body{	
	text-align:center;
	color:#000000;
	background-color:#0d3363;
}

#wrapper{
	height:99.9%;
	min-height:100%;
	width:950px;
	border-left:0px solid #000;
	border-right:0px solid #000;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	background:url(/images/bggradient5px.jpg) repeat-y center center;
}

html>body #wrapper{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#logo{
	position:absolute;
	top:0;
	left:0px;
	width:950px;
	height:140px;
	background:#eed296;
	border:0px solid #000;
	background:url(/images/becks-webhead-1000.jpg) center center;
	color:#000000;
	z-index:100;
}

#centercol {
	width:710px;
	float:right;
	margin-top:0px;
	padding-top:187px;/*make room for logo and nav bar*/
	margin-left:0px;
}

#centercol p {
	font-family: tahoma, geneva, verdana, "sans-serif";
	text-indent:4%;
	font-weight:0;
	padding-top:0px; 
	padding-right:25px;
	padding-bottom:0px;
	padding-left:0px;
}

p.answers{
	text-indent:0;
}

#leftcol { 	/* No side padding or borders, to avoid the IE5.x box model problem */
	position:relative; /*ie needs this to show float */
	width:240px;
	float:left;
	margin-top:0px;
	margin-left:0px;
	padding-top:187px;/*needed to make room for logo*/
	padding-bottom:0px;
	margin-bottom:20px;

}

#leftcolnew { 	/* No side padding or borders, to avoid the IE5.x box model problem */
	position:relative; /*ie needs this to show float */
	width:240px;
	float:left;
	margin-top:0px;
	margin-left:0px;
	padding-top:187px;/*needed to make room for logo*/
	padding-bottom:0px;
	margin-bottom:20px;
}

#left p {
	padding-left:0px;
	padding-right:0px;
}

#footer {
	
	width:948px;
	clear:both;
	
	border-top:1px solid #eed296;
	border-bottom:1px solid #eed296;
	border-right:1px solid #eed296;
	border-left:1px solid #eed296;
	background-color:#0d3363;
	color:#eed296;
	text-align:center;
	left:0px;
	
	position:absolute;
}

* html #footer{margin-bottom:-1px} /* ie rounding bug*/

* html #footer {  /*only ie gets this style*/
	
}

#clearfooter {width:100%;height:65px;clear:both;} /* to clear footer */

html>body #minHeight{float:left;width:1000px;height:100%;margin-bottom:-44px;} /* footer height plus 2 */	/* safari wrapper */

/* END: basic two column structure */


/*ROUNDED SIDEBOX*/

 .cssbox_body, .cssbox_head .cssbox_head{ 
 background:transparent url(/images/drop-box-blue_header.jpg) no-repeat;
}

.cssbox{ 
width: 200px !important; /* intended total box width - padding-right(next) */ 
width: 210px; /* IE Win = width - padding */ 
margin: 5px 0 0 20px; /* use to position the box */
 

} 

.cssbox_head{ 
background:transparent url(/images/drop-box-blue_header.jpg) no-repeat;
background-position: top right; 
padding: 20px 0px 0px 50px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Holly Hack */ 
font-family: tahoma, geneva, verdana, "sans-serif";
font-size:1.2em;
color:#ffffff;
} 


.cssbox_body{ 
background:transparent url(/images/drop-box-blue_content.jpg) repeat-y;
background-position: bottom left; 
margin-right: 0px; /* interior-padding right */ 
padding: 15px;
font-family: tahoma, geneva, verdana, "sans-serif";
font-size:.8em;
color:#0d3363;
} 

.cssbox_footer{ 
background:transparent url(/images/drop-box-blue_footer.jpg) no-repeat;
background-position: top right; 
padding: 20px 0px 0px 55px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: 36px !important; height: 1%; /* IE Holly Hack */ 


}

/* END: rounded sidebox */



/* SERVICE SIDEBAR */

div.servicename{
	
	padding-left:10px;
	padding-bottom:10px;
	text-align: center;
}

span.servicedate{
	color:#b48e72;
	padding-left:10px;
	padding-bottom:10px;
}


/* LEFT SIDEBAR */
.left-sidebar{
font-family: tahoma, geneva, verdana, "sans-serif";
font-size:.9em;
color:#0d3363;
} 



/*NAVIGATION CSS*/

#navigation{
	position:absolute;
	top:140px;
	left:0px;
	width:950px;
	height:1.8em;
	border-bottom:3px solid #ca9f7d;
	border-top:2px solid #d9d9d9;
	background:#e8b38a;
}

#navlinks{
padding-left:10px;
padding-top:6px;
margin:0;
	font: .9em tahoma, geneva, verdana, sans-serif;
	text-transform: uppercase;
	list-style:none;
}

#navlinks ul{
	list-style:none;
	padding:3px;
	margin:0;
}

#navlinks li{
	float:left;
	margin:0 0.5em;
}

#navlinks li a{
	height:1.8em;
	line-height:1.8em;
	float: left;
	width: 75px;
	display: block;
	border: 0.0em solid #dcdce9;
	color: #2C2926;
	text-decoration: none;
	text-align: center;
}

#navlinks li a:hover{
	height:1.8em;
	line-height:1.8em;
	float: left;
	width: 75px;
	display: block;
	border: 0.0em solid #dcdce9;
	color: #645455;
	text-decoration: underline;
	text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none;
}
/* End hide */


/*END NAVIGATION CSS*/


/* START: css for graphics and misc markup */


a { color:#0d3363;text-decoration:none; }
a:link { color:#0d3363;text-decoration:none; }
a:visited { color:#0d3363;text-decoration:none; }
a:active { color:#FFFF99; }
a:hover { color:white; }

.left-graphic { 
	border:0px; 
	border-thickness:0px; 
	border-color:#0d3363; 
	border-style:solid;
	margin-left:0px;
}

H1, H2, H3 {
	color:#0d3363;
	padding-bottom:0em;
	padding-left:0px;
	padding-top:0px;
}

.questions{
	position:relative;
	left:0px;
	top:65px;
	text-align:center;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
}

.qblock{
	font-size:0.9em;
	letter-spacing:.8px;
	line-height:100%;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
}

.maps{
	position:absolute;
	left:40px;
	font-size:0.8em;
	letter-spacing:.8px;
	text-align:;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
}

#linkimg {
	position:relative;
	text-decoration:none;
}

.mapcircle {
	position:relative;
	top:9px;
	left:5px;
	text-decoration:none;
}

#anigif {
	float:right;
	margin:0px 25px 10px 15px;
}

/* END: css for graphics and misc markup */

/* START: css for tooltips */

#tipDiv {
padding:10px;
color:#fff;
font-size:16px;
letter-spacing:.8px;
line-height:1.2;
background-color:#0d3363; 
border:1px solid #667295; 
width:400px; 
}


/* Paging for listings*/
.pagination { 
padding : 5px;
} 
.pagination ul { 
margin : 0;
padding : 0;
text-align : center;
font-size : 12px;
} 
.pagination li { 
list-style-type : none;
display : inline;
padding-bottom : 1px;
background-color:#E8B389;
} 
.pagination a, .pagination a:visited { 
padding : 5px 10px;

text-decoration : underline;
color : #2e6ab1;

} 
.pagination a:hover, .pagination a:active { 
padding : 5px 10px;
color : #000;

} 
.pagination a.currentpage { 
color : #000;
text-decoration:none;
cursor : default;
} 
.pagination a.disablelink, .pagination a.disablelink:hover { 
cursor : default;
color : #000000;
text-decoration:none;

letter-spacing : 1px;
} 

.celebration_title
{
	background:url(../images/orbit_layout/celebrating.jpg) no-repeat top center;
	height:60px;
}