/* 

COMMON CSS TEMPLATE FOR FOCAL POINT TEMPLATE SITES 12-2007 
This file is a blank version of the common.css file to be used in Focal Point 
websites, and is compatible with the XSL CMS version 1. A site design may require
more or different styles than those here; they are just a start. Any site will also have
a page_type.css file that will complete an possibly override the styles in common.css.

CONTENT CLASS STYLES
While this file does create some content class styles, page_type.css may override these styles
in order to accomodate size needs, etc.

CONTENT AREAS
Since the layout and formatting of content areas is determined by page type, they are not specified here. 

FUNCTIONS
This file also includes styles for the standard functions developed as part of v1 of the CMS. Functions can also add their own CSS files. */





/* @group Global Text Styles */

/* @group H styles */

/* @end */

/* @group Link styles */

a {
	text-decoration:none;
}

a img {
	border: none;
}

a:link, a:visited {
	text-decoration: none;
	color: inherit; /* note sure about this */
}

a:hover {
	text-decoration: underline;
}

/* @end */



/* @end */

/* @group Layout Styles */
/* These layout styles are likely to be common to all page types. They could still be overridden by the page_type.css, but are specified here to avoid redundancy among the page types.*/

/* @group body */

body{
	background: url(../images/t_body_bg.gif) repeat-x left top;
}

/* centers the content wrapper div */
#content {
	background-color: white;
	margin: 0px auto;
	width: 750px;
	
}


/* @end */

/* @group Top */

/*#top is the upper horizontal component of the layout, usually with the banner, 
and possibly navigation, library items, and functions like rotating ../images*/
#top { width:750px; float: left;
	border-bottom: 3px solid #228f66; border-right: 1px solid black; border-left: 1px solid black; border-top: 1px solid black;

}

/*depending on the template, banner may hold an img or a background style to display the banner image */
#banner{ float: left; width:750px; height: 152px; background-image: url(../images/t_banner.jpg);}

/* @end */


/* @group Middle */
/* #Middle is the main layout section, and will probably have child layout elements to create columns etc.*/
 
#middle { width: 750px;
 float:left; 
 background-color: white; 
 border-right: 1px solid black; 
 border-left: 1px solid black;
min-height: 400px;
_height:400px;
}
#left_column {
	float: left;
	width: 116px;
}

#right_column {
	float: left;
	width: 633px;
	_width:580px;
	background: white;
}
/* @end */

/* @group Bottom */
/*#bottom is the lowest horizontal layout area, usually containing the footer. If the 
page design has a content area in this orientation (hor. along the bottom of the page) it may need to act as the 'bottom' of the page itself if the footer is designed to hang over the background rather than within the content box.
*/
#bottom { width:750px ; float: left; border-right: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid black; 
}

/* The footer will usually hold a library item, or hard-coded text */
#footer{
	width:750px;
	float: left;
	background-color: #235937 ;
	margin-bottom: 0px;
}

/* @end */



/* @end */


/* @group Navigation */
/* While these styles will usually be used globally throughout the site, if a pagetype has an alternative nav style, it's pagetype.css will have to override the styles written here. While multipe options could be written into the CSS for nav rendering (e.g. writing both #top #nav1 and #middle #nav1) This should be done at the pagetype.css level, since that is where layout elements are finalized. 


/* ids should be applied to ul */
/* @group Nav1 */
#nav1 {
	list-style: none;
	float: left;
	width: 116px;
	padding-top:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #a9dc94;
	padding-left: 0px;
	margin-left: 0px;
} 

#nav1 li.image {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	background-color: white;
}
#nav1 li{
	margin-left: 0px;
	/*padding-top: 5px; */
	padding-bottom: 1px;
	position: relative;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12px;
	color: #228f66;}
	
#nav1 li .active {
	/*color: white;
 	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 15px;
	padding-right: 5px;
	display:block;*/	
	
	display: block;
	padding: 8px 5px 8px 15px;
	background-color: #1b7352;
	color: white;
	text-decoration: none;
}
	
#nav1 li a:link, #nav1 li a:visited{
	color: #228f66;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 15px;
	padding-right: 5px;
	display:block;
}
#nav1 li a:hover{
	display: block;
	padding-right: 5px;
	background-color: #1b7352;
	color: white;
	text-decoration: none;
} 

/* @end */

/* @group Nav2 */ 
/* this is a css dropdown menu, requires sections to have @recurse=true */
/* Sub Menu Styles */

#nav1 li ul.nav2 {
	position: absolute;
	left: 115px;
	_left: 100px; /* Set 1px less than menu width */
	top: 5px;
	display: none;
	z-index:98;
	list-style: none;
	width: 116px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
	color: white;
	background-color: #1b7352;
	border-bottom: 1px solid #1b7352;
	}

#nav1 li ul.nav2 li {
margin: 0px;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;	
border-left: 1px solid #1b7352;
border-right: 1px solid #1b7352;
border-bottom: 1px solid white;
}

#nav1 li ul.nav2 li a:link, #nav1 li ul.nav2 li a:visited { 
	border-top: 1px solid #1b7352;
	border-bottom: 1px solid #1b7352;
	color: white;
	font-size: 10px;
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
} 

#nav1 li ul.nav2 li a:hover { 
	padding-bottom: 5px;
	padding-top: 5px;
	color: #2C7D3A;
	background-color: transparent;
	text-decoration:none;
	font-size: 10px;
	background-color: white;
	border-top: 1px solid #1b7352;
	border-bottom: 1px solid #1b7352;
	display: block;

} 

ul#nav1 li:hover ul.nav2, ul#nav1 li.over ul.nav2 { display: block; } /* The magic */


/* @end */

/* @group Nav3 */

#nav3 {
	
} 
#nav3 li{
	
}
#nav3 li a:link, #nav3 li a:link{
	
}
#nav3 li a:hover{
	
} 



/* @end */



/* @end */

/* @group Library Items */
 
 #lib_estimate_request{
	float: right;
	position: relative;
	right:50px;
	_right:27px;
	top: 127px;
	width: 120px;
	/*padding-right: 27px;*/
}
 
 #lib_estimate_request li {	
	float: right;
	width: 120px;
	height: 28px;
	padding-top:0px;
	margin-left: 15px;
	padding-left: 10px;
	background: url(../images/l_contactus_left.gif) no-repeat left;
}

 #lib_estimate_request ul {
		list-style: none;
		margin: 0px;
		padding-right: px;
}

 #lib_estimate_request a {
	text-align: center;
	padding-right: 10px;
	display: block;
	background: url(../images/l_contactus_right.gif) no-repeat right top;
	line-height: 28px;
	color: white;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
}

 #lib_estimate_request a:link {
	
}

#lib_banner_link {
	width: 250px;
	float: left;
	position: relative;
	left: 300px;
	top:  30px;
	height: 120px;
	overflow: hidden;
}

#lib_banner_link a:link, #lib_banner_link a:visited {
	display: block;
	line-height: 120px;
	padding-top: 120px;
}


#lib_footer {
	padding-left: 0px;
	padding-top: 0px;
	display: table;
	_display: inline-block;
	_display: inline;
	list-style: none;
	margin-left:  auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 0px;
}


#lib_footer  li {
	display: table-cell;
	float: left;
	font-size: 12px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
		border-right: 1px solid white;
	padding-right:  10px;
	padding-left:  10px;
	margin-top: 10px;
	padding-bottom: 10px;
}

#lib_footer a:link, #lib_footer a:visited
{
	color: white;
}

#lib_footer  li.last {
	border-right: none;
	float: left;
}

#services_menu_wrapper {
	float: left;
	width:600px;
	list-style: none;
background:#efab52 url(../images/t_nav2_bg.gif);
	margin-top: 0px;
	
} 

#services_menu {
	float: right;
	position: relative;
	padding-left: 0px;
	left: 9px;
	list-style: none;
	margin-top: 0px;
	margin-bottom: 0px;

}

#services_menu li{
	float:left;
	height: 23px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	padding-top: 3px;
	margin-top: 0px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom: 0px;
	background color: #235937}
	
#services_menu li.last {
	border-right:none;
	background: url(../images/t_nav2_edge.gif) no-repeat right top;}

#services_menu li.last a:link, #services_menu li.last a:visited {
	border-right:none;
}

#services_menu li a:link, #services_menu li a:visited{
	display: block;
	color: #235937;
	padding-right: 10px;
	margin-top: 2px;
	border-right: 1px solid white;
}
#services_menu li a:hover{
	
} 

/* @end */