/************* GLOBALS - basic tags ************/

body {
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 10 0px;
	padding: 0;
	text-align: center;
}	
p, td {
	font-size: 11px;
}
h1 {
	font-size: 16px;
}
h2 {
	font-size: 13px;
}
h3 {
	font-size: 11px;
}

/******** BASIC DIVS ********/

/* basic layout divs (to center/hold content) */

div#container {
	width: 768px;
	margin: 0px auto;
	text-align: left;
}
div#content {
	background: #ffffff url(../images/bg_crn/bg_slice_grad_gray_down.gif) repeat-x left top;
	width: 100%;
	clear: both;
	oveflow: hidden;
}
/*container for pods/promos (right side) */
div#highlights {
	float: left;
}

/******** WRAPPER *********/

/* wrapper with sage logo and links */

div#wrapper {
	background: #004B3A url(../images/bg_crn/bg_slice_grad_drkgrn.gif) repeat-x left top;
	text-align: right;
	margin-left: 170px;
	margin-right: 10px;
	padding-bottom: 15px;
}
div#wrapper ul {
	background: url(../images/bg_crn/crn_tr_drkgrn.gif) no-repeat top right;
    margin: 0px;
    padding: 12 10 0 0px;
    list-style: none;
    }
div#wrapper li {
	display: inline;
    margin: 0;
    padding: 0;
    }
div#wrapper a {
	padding: 2 10 0 22px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
div#wrapper a:hover {
	color: #ffffff;
	text-decoration: underline;
}
div#wrapper form {
	display: inline;
}
div#wrapper select {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
div#wrapper div#logo {
	background: url(../images/logos/sage_logo_wrapper_white_sm.png) no-repeat left top;
	float: left;
	width: 60px;
	height: 30px;
	margin: 10 0 5 5px;
}
/* rounded corner div for top */
div#wrapper div.round_left {
	background: url(../images/bg_crn/crn_tl_drkgrn.gif) no-repeat top left; 
	width: 6px;
	height: 9px;
	float: left;
}

/******** HEADER ********/

/* header with product lozenge */

div#header {
	background: url(../images/bg_crn/crn_tl_grad_gray_bodybg.gif) no-repeat left top;
	padding: 0 0 20 20px;
	height: 60px;
}


#header a img {margin-right: 100px;}


div#header ul {
	background: url(../images/bg_crn/crn_tr_grad_gray_bodybg.gif) no-repeat right top;
	text-align: right;
	padding: 10 10 0 0px;
	margin: 0;
	list-style: none;
}
div#header ul li {
	border-right: 1px solid #999999;
	display: inline;
    margin: 0;
    padding: 0;
}
div#header ul li.last {
	border: none;
}
div#header ul li.last a {
	margin-right: 0px;
}
div#header ul li a {
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	margin-right: 5px;
	margin-left: 2px;
	text-decoration: none;
}
div#header ul li a:hover {
	color: #006850;
}

/********** FOOTER *********/

/* footer on bottom of page - links match tab nav and has logo */
div#footer {
	background: #fff url(../images/bg_crn/bg_slice_grad_gray_up.gif) repeat-x left bottom;
	clear: both;
	padding-bottom: 10px;
}
div#footer p {
	clear: both;
	padding: 0 20px;
	font-size: 10px;
	color: #999;
}
div#footer p a {
	color: #008166;
}
div#footer p a:hover {
	color: #333;
}
div#footer ul {
	padding: 20 0px;
	margin: 0 10px;
	list-style: none;
	border-top: 2px solid #999;
}
div#footer ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
}
/* no seperator on last link in list */
div#footer ul li.last a {
	border: none;
}
div#footer ul li a {
	color: #008166;
	font-size: 10px;
	margin-right: 5px;
	padding-right: 10px;
	border-right: 1px solid #999;
	white-space: nowrap;
}
div#footer ul li a:hover {
	color: #999;
}
/* list for keywords and SEO */
div#footer ul#keywords {
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding: 10 0px;
}
div#footer ul#keywords li {
	margin-bottom: 10px;
}
div#footer div#logo {
	background: url(../images/logos/footer_sage_logo.gif) no-repeat center top; 
	float: right;
	width: 170px;
	height: 40px;
	margin: 20 10px;
}
div#footer hr {
	margin: 0 10px;
	height: 0px;
	color: #DBDBDB;
	border: thin solid #DBDBDB;
	display: none;
}

/* rounded corner divs for bottom of footer*/
div#footer div.round_left {
	background: url(../images/bg_crn/crn_bl_grad_gray_bodybg.gif) no-repeat bottom left;
	width: 10px;
	height: 10px; 
	float: left;
	clear: both;
}
div#footer div.round_right {
	background: url(../images/bg_crn/crn_br_grad_gray_bodybg.gif) no-repeat bottom right;
	width: 10px;
	height: 10px;
	float: right;
}

/********* NAV MAIN **********/

/* main tabbed navigation */
div#nav_main {
	margin: 0 10px;
}
/* bottom border green bar and corner */
div#nav_main div#border {
	background: #004b3A url(../images/bg_crn/crn_drkgrn_navmain.gif) no-repeat left top;
	height: 7px;
	clear: both;
} 
div#nav_main ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
div#nav_main ul li {
	background: #004b3A url(../images/bg_crn/bg_right_nav.gif) no-repeat 100% -27px;
	padding: 8 0 5 0px;
	margin-left: 2px;
}
div#nav_main ul li a {
	background: url(../images/bg_crn/bg_left_nav.gif) no-repeat 0% -27px;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8 9 5 9px;
}
/* hover img is same to avoid preload another image, just shifted up to show gray */
div#nav_main ul li:hover {
	background-position: right top;
}
/* hover img is same to avoid preload another image, just shifted up to show gray */
div#nav_main ul li a:hover {
	background-position: left top;
}
/* current nav tab - indicates which section you are in */
/* need to show drkgrn by default, rather than gray */
div#nav_main ul li.current {
	background-position: right top;
}
div#nav_main ul li.current a {
	background-position: left top;
}

/**** HOVER STYLES - from original csshover.css file - dynamic drop down menus ****/
div#nav_main li {
	float: left;
	position: relative;
}

/**** FIRST MENU - pull downs off main tabs ****/

/* first menu - position and margins */
div#nav_main ul li ul {
	/* hover img dissappears because of drop down, so have to add bg image on ul */
	background: url(../images/bg_crn/bg_left_grad_drkgrn_nav.gif) no-repeat left top;
	position: absolute;
	width: 110px;
	left: 0px;
	top: 0px;
	padding-top: 27px;
	border: none;
}
div#nav_main ul li.current ul {
	background: none;
}
/* first menu - first children need top border */
div#nav_main ul li ul li:first-child {
	border-top: 1px solid #ccc;
}
/* first menu - clear backgrounds from tabs, set width, borders, etc. */
div#nav_main ul li ul li, 
div#nav_main ul li.current ul li,
div#nav_main ul li.last ul li {
	background-image: none;
	background-color: #edf2db;
	width: 100%; 
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0;
	padding: 4px;
}
/* first menu - hover is white, no bg image */
div#nav_main ul li ul li:hover, 
div#nav_main ul li.current ul li:hover {
	background-image: none;
	background-color: #fff;
}
/* no bg image on nested a:hover tag - previously set for tabs */
div#nav_main ul li ul li a:hover, 
div#nav_main ul li.current ul li a:hover {
	background: none;
}
div#nav_main ul li ul li a, 
div#nav_main ul li.current ul li a,
div#nav_main ul li.last ul li a {
	background: none;
	color: #008166;
	text-transform: none;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-weight: normal;	
}
/* first menu - hide initially */
div#nav_main ul li ul {
	display: none;
}
/* first menu - display on hover */
div#nav_main ul li:hover ul {
	display: block;
}
div#nav_main ul li ul:hover {
	display: block;
}

/**** SECOND MENUS - to right of first menu pulldowns (if applicable) ****/

/* second menu - margins and positioning */
div#nav_main ul li ul li ul {
	background-image: none;
	visibility: hidden;
	top: -1px;
	left: 118px;
	margin: 0;
	padding: 0;
}
/* second menu - different color and not bold*/
div#nav_main ul li ul li ul li, 
div#nav_main ul li.current ul li ul li {
	background-color: #f0f1f1;
}
div#nav_main ul li ul li ul li a, 
div#nav_main ul li.current ul li ul li a {
	font-weight: normal;	
}
/* second menu - display on hover over first menu */
div#nav_main ul li ul li:hover ul {
	visibility: visible;
}

/************ NAV SECONDARY ************/

/* secondary navigation - left column */

div#nav_sec {
	width: 170px;
	float: left;
	background-color: #edf2db;
	margin: 10px;
}
/* default header2 - gradient back with no rounded corners */
div#nav_sec h2 {
	color: #ffffff;
	padding: 4 4 4 10px;
	margin: 0px;
	background: url(../images/bg_crn/bg_slice_grad_ltgrn_up.gif) repeat-x left top;
}

/* first header2 - rounded corners with gradient back */
div#nav_sec h2.round_grad {
	background: url(../images/bg_crn/bg_right_grad_ltgrn.gif) no-repeat right top;
	padding-left: 0px;
}
div#nav_sec h2.round_grad span {
	background: url(../images/bg_crn/bg_left_grad_ltgrn.gif) no-repeat left top;
	padding: 4 4 4 10px;
}

/* section highlight - header */
div#nav_sec h3 {	
	margin: 0 10px;
	padding: 4 4 4 8px;
	background-color: #f0f1f1;
	border: 1px solid #ccc;
}
div#nav_sec h3 a {
	font-weight: bold;
	color: #008166;
}
div#nav_sec a {
	color: #333;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	padding: 0px;
}
div#nav_sec a:hover, 
div#nav_sec ul.other_links a:hover {
	color: #008166;
}
div#nav_sec ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
div#nav_sec li {
	padding: 0;
	margin: 0;
	list-style: none;
}
div#nav_sec ul.border {
	background: #ffffff;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin: 0 10px;
}
div#nav_sec ul.border li {
	padding: 2 2 2 8px;
	margin-left: 8px;
	background: url(../images/arrows/arrow_black_right.gif) no-repeat 0 7px;
}
div#nav_sec ul.border li:hover {
	background: url(../images/arrows/arrow_green_right.gif) no-repeat 0 7px;
}

/* nested lists */
div#nav_sec ul.border li ul li {
	background: url(../images/arrows/arrow_gray_right.gif) no-repeat 0 7px;	
	border: none;
}
div#nav_sec ul.border li ul li:hover {
	background: url(../images/arrows/arrow_green_right.gif) no-repeat 0 7px;
}
div#nav_sec ul.border li ul li a {
	font-size: 11px;
	color: #666;
}
div#nav_sec ul.border li ul li a:hover {
	color: #008166;
}
div#nav_sec ul.border ul li ul li a, 
div#nav_sec ul.border ul li.current ul li a {
	color: #666;
	font-weight: normal;
}

/* subsection highlight - list item id=current */

div#nav_sec ul.border li.current {
	background: url(../images/arrows/arrow_green_right.gif) no-repeat 0 8px;
}
div#nav_sec ul.border li.current:hover {
	background: url(../images/arrows/arrow_green_right.gif) no-repeat 0 8px;
}
div#nav_sec ul.border li.current a {
	color: #008166;
	font-weight: bold;
}
div#nav_sec ul.border li.current ul li a {
	color: #666;
	font-weight: normal;
}
div#nav_sec ul.border li.current ul li a:hover {
	color: #008166;
}
div#nav_sec ul.border li.current ul li.current {
	background: url(../images/arrows/arrow_black_right.gif) no-repeat left center;
}
div#nav_sec ul.border li.current ul li.current a {
	color: #333;
	font-weight: bold;
}
/* other links - below white box*/
div#nav_sec ul.other_links li {
	padding: 2 2 2 0px;
	margin-left: 18px;
}
div#nav_sec ul.other_links li.header {
	font-weight: bold;
	margin-left: 18px;
}
div#nav_sec ul.other_links li.header:hover {
	background: none;
}
div#nav_sec ul.other_links li.arrow {
	color: #999;
	background: url(../images/arrows/arrow_gray_right.gif) no-repeat left center;
	padding-left: 8px;
}
div#nav_sec ul.other_links li a {
	color: #999;
	background: url(../images/arrows/arrow_gray_right.gif) no-repeat left center;
	padding-left: 8px;
}
div#nav_sec ul.other_links li a:hover {
	background: url(../images/arrows/arrow_green_right.gif) no-repeat left center;
}
/* rounded corners for nav_sec */
/* top corners - outer */
div#nav_sec div.round_top  {
	background: url(../images/bg_crn/crn_bl_ltgrn.gif) no-repeat left top;
	height: 7px;
}
div#nav_sec div.round_top span {
	background: url(../images/bg_crn/crn_br_ltgrn.gif) no-repeat right top;
	width: 100%;
	height: 7px;
	float: left;
}
/* bottom corners - outer */
div#nav_sec div.round_bot  {
	background: url(../images/bg_crn/crn_bl_ltgrn.gif) no-repeat left top;
	height: 7px;
}
div#nav_sec div.round_bot span {
	background: url(../images/bg_crn/crn_br_ltgrn.gif) no-repeat right top;
	width: 100%;
	height: 7px;
	float: left;
}
/* top corners - inner */
div#nav_sec div.round_top_white  {
	background: url(../images/bg_crn/crn_tr_border_gray_ltgrn.gif) no-repeat right top;
	height: 7px;
	margin: 10 10 0 10px;
}
div#nav_sec div.round_top_white span {
	background: url(../images/bg_crn/crn_tl_border_gray_ltgrn.gif) no-repeat left top;
	width: 100%;
	height: 7px;
	float: left;
}
/* bottom corners - outer */
div#nav_sec div.round_bot_white  {
	background: url(../images/bg_crn/crn_br_border_gray_ltgrn.gif) no-repeat right bottom;
	height: 7px;
	margin: 0 10 10 10px;
}
div#nav_sec div.round_bot_white span {
	background: url(../images/bg_crn/crn_bl_border_gray_ltgrn.gif) no-repeat left bottom;
	width: 100%;
	height: 7px;
	float: left;
}

/******* MAIN CONTENT ********/

/* main content of page - center column */
div#content_main {
	width: 388px;
	float: left;
	padding: 10px 0px;
}
div#content_main h1 {
	padding: 5 5 5 10px;
	margin: 0;
}
div#content_main h2 {
	padding: 5 0 0 10px;
	margin-bottom: 10px;
	margin-top: 0;
}
div#content_main h3 {
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 10px;
}
div#content_main p {
	padding: 5 10px;
	margin-top: 0px;
	margin-bottom: 8px;
}
/* email a friend on bottom of page etc. */
div#content_main p#emailfriend {
	margin: 30 0 10 0px;
	padding: 0;
}

/**** LIST STYLES ****/

/* definition lists - titles and descriptions (like on Tier15 pages) */
dl {
	padding: 0 18px;
}
dt {
	font-weight: bold;
	background: url(../images/arrows/arrow_circle_orange.gif) no-repeat top left;
	padding: 0 0 4 22px;
}
dd {
	margin: 0 0 15 0px;
	padding: 0 0 15 22px;
	border-bottom: 1px solid #ccc;
}
dd.last {
	border-bottom: none;
}

/* lists with arrows */
ul.arrows {
	padding: 5 15px;
	margin: 10 0px;
}
ul.arrows li {
	list-style: none;
	background: url(../images/arrows/arrow_black_right.gif) no-repeat left 5px;
	padding: 0 0 4 8px;
	margin: 0 0 0 10px;
}
/* lists of links */
ul.links {
	padding: 0 15px;
	margin: 10 0px;
}
ul.links li {
	list-style: none;
	background: url(../images/arrows/arrow_orange_right.gif) no-repeat left 4px;
	padding: 0 0 4 8px;
	margin: 0 0 0 10px;
}
ul.links li ul {
	padding-left: 0px;
}
/* folder list and nesting - tree type structure */
ul.folders {
	list-style: none;
	margin: 0px 50px 10px 50px;
	padding: 10px;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	background: #f1f0f0;
}
ul.folders li ul {
	padding-left: 20px;
	margin: 0;
}
ul.folders li ul li ul {
	padding-left: 20px;
	margin: 0;
}
ul.folders li {
	list-style: none;
	padding: 4px 0px;
}
/* folder icon default for all links */
/* also applies to second nested list, when an item is open */
ul.folders li a,
ul.folders li.open ul li a {
	background: url(../images/icons/folder.png) no-repeat left center;
	padding: 2 2 2 20px;
}
/* folder icon stops at third nested list, switch to arrow */
ul.folders li ul li ul li a {
	background-image: url(../images/arrows/arrow_green_right.gif);
	padding-left: 8px;
}
ul.folders li ul li ul li a:hover {
	background-image: url(../images/arrows/arrow_orange_right.gif);
}
/* items can have PDF icon too */
ul.folders li ul li ul li a.pdf {
	background-image: url(../images/icons/pdf.png);
	padding-left: 20px;
}
/* open folder icon for open item */
ul.folders li a.open {
	background-image: url(../images/icons/folder_open.png);
}
/* first list links are bold and larger */
ul.folders li a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #008166;
}
/* second nested list links are not bold */
ul.folders li ul li a {
	font-weight: normal;
} 
/* third nested list items (not links) are bold */
ul.folders li ul li ul li {
	font-weight: bold;
	background-color: #fff;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
} 
/* fourth nested list items are normal again */
ul.folders li ul li ul li ul li {
	font-weight: normal;
	background: none;
	border: none;
	margin-top: 0;
	padding: 3px;
}

/**** TIER STYLES ****/

/* headers on tier15 and  have background gradient */
div#tier15_header,
div#tier2_header {
	background: #ffffff url(../images/bg_crn/bg_slice_grad_gray_down_border.gif) repeat-x left top;
	margin-bottom: 10px;
}
/* tier1 needs pagetitle block to set right and left borders around title, image, and subhead */
div#tier15_header div#pagetitle {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0 10px;
}
/* both tier15 and  header (page title) are similar */
div#tier15_header h1,
div#tier2_header h1 {
	background: url(../images/bullets/bullet_sq_sagegrn.gif) no-repeat left 7px; 
	color: #666;
	padding: 3 0 0 12px;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}
/* tier15 titles have border and more space for photo underneath */
div#tier15_header h1 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 6px;
}
/* tier 2 borders are set on h1 (no need for div#pagetitle */
div#tier2_header h1 {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding-left: 22px;
	background-position: 10px 7px;
}
/* subheads below photo */
div#tier15_header h2 {
	background: #f1f0f0;
	color: #CC6600;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -.03em;
	padding: 15 100 5 25px;
	margin: 0; 
}
/* rounded corners for top and bottom */
div#tier15_header div.round_top,
div#tier2_header div.round_top {
	background: url(../images/bg_crn/crn_tr_grad_gray.gif) no-repeat right top;
	height: 7px;
}
div#tier15_header div.round_top span,
div#tier2_header div.round_top span {
	background: url(../images/bg_crn/crn_tl_grad_gray.gif) no-repeat left top;
	width: 100%;
	height: 7px;
	float: left;

}
div#tier15_header div.round_bot,
div#tier2_header div.round_bot {
	background: url(../images/bg_crn/crn_br_border_gray.gif) no-repeat right bottom;
	height: 10px;
}
div#tier15_header div.round_bot span,
div#tier2_header div.round_bot span {
	background: url(../images/bg_crn/crn_bl_border_gray.gif) no-repeat left bottom;
	width: 100%;
	height: 10px;
	float: left;
}

/* bottom corners on for header2 */
div#tier15_header div#pagetitle div.round_bot {
	background: #f1f0f0 url(../images/bg_crn/crn_br_ltgray.gif) no-repeat right bottom;
	height: 10px;
}
div#tier15_header div#pagetitle div.round_bot span {
	background: url(../images/bg_crn/crn_bl_ltgray.gif) no-repeat left bottom;
	width: 100%;
	height: 10px;
	float: left;
}

/* callout blocks */
/* KEY NOTE: specify background color and rounded corner images in site_specific.css */
div.callout_main {
	margin: 10 0px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
}
div#content_main div.callout_main p {
	padding: 8 15 8 20px;
	margin: 0;
}
div.callout_main div.round_top {
	height: 10px;
}
div.callout_main div.round_top span {
	width: 100%;
	height: 10px;
	float: left;
}
div.callout_main div.round_bot {
	height: 10px;
}
div.callout_main div.round_bot span {
	width: 100%;
	height: 10px;
	float: left;
}
/* secondary callouts boxes */
div.callout_sec {
	background: #f1f0f0;
	margin-bottom: 10px;
	color: #333;
	font-size: 1em;
}
div#content_main div.callout_sec p {
	padding: 8 15 8 20px;
	margin: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
div#content_main div.callout_sec ul {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0;
	padding-bottom: 5px;
}
div.callout_sec div.round_top {
	background: #f1f0f0 url(../images/bg_crn/crn_tr_ltgray_border.gif) no-repeat right top;
	height: 7px;
}
div.callout_sec div.round_top span {
	background: url(../images/bg_crn/crn_tl_ltgray_border.gif) no-repeat left top;
	width: 100%;
	height: 7px;
	float: left;
}
div.callout_sec div.round_bot {
	background: #f1f0f0 url(../images/bg_crn/crn_br_ltgray_border.gif) no-repeat right bottom;
	height: 7px;
}
div.callout_sec div.round_bot span {
	background: url(../images/bg_crn/crn_bl_ltgray_border.gif) no-repeat left bottom;
	width: 100%;
	height: 7px;
	float: left;
}


/* narrow columns can be used to split main content into 2 more columns */
div.column {
	float: left;
	margin-right: 10px;
	width: 170px; 
}

/************** PODS (MODULES) ***********/

/* pods (modules) on right and/or left*/
div.pod {
	background-color:#edf2db;
	margin: 10px;
	width: 170px;
}
div.pod h3 {
	background: #c7d095;
	color: #333;
	padding: 0 10 10 10px;
	margin-top: 0px;
	margin-bottom: 2px;
	font-weight: bold;
}
div.pod p {
	font-size: 10px;
	color: #666;
	padding: 10 10 0 10px;
	margin-top: 0px;
	margin-bottom: 4px;
}
div.pod p a.arrow {
	background: url(../images/arrows/arrow_black_right.gif) no-repeat left center;
	color: #333;
	font-size: 11px;
	padding-left: 8px;
}
div.pod p a.arrow:hover {
	color: #008166;
	background: url(../images/arrows/arrow_green_right.gif) no-repeat left center;
}
/* tables within pods */
div.pod table {
	background-color: #fff;
	margin: 0 10px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
div.pod td {
	padding: 3px;
	font-size: 11px;
}
/* default lists (quick links) */
div.pod ul {
	background: #fff;
	margin: 0 10px;
	padding: 0px;
	list-style: none;
}
/* remove bullets on all list items - regardless of ul level */
div.pod li {
	list-style: none;
}
div.pod ul li {
	background: url(../images/bg_crn/bg_slice_grad_gray_down.gif) repeat-x left top;
	padding: 9 0 9 8px;
	margin: 0px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
div.pod ul li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
}
div.pod ul li a:hover {
	color: #008166;
}
/* first and last items in list - no border or background */
/* supported by IE7 and FireFox */
div.pod ul li:first-child {
	background-position: left -10px;
	border-top: none;
	margin-top: 0px;
	padding-top: 0px;
}
div.pod ul li:last-child {
	border-bottom: none;
	padding-bottom: 5px;
}

/* other links list (related links, etc.) */
div.pod ul.other_links {
	background: none;
	margin: 10 10 0 10px;
}
div.pod ul.other_links li,
div.pod ul.other_links li:first-child {
	background: url(../images/arrows/arrow_black_right.gif) no-repeat left 6px;
	padding: 2 0 2 8px;
	margin: 0 0 0 10px;
	border: none;
}
div.pod ul.other_links li:hover,
div.pod ul.other_links li:first-child:hover {
	background: url(../images/arrows/arrow_green_right.gif) no-repeat left 6px;
}
div.pod ul.other_links li.arrow {
	background: url(../images/arrows/arrow_black_right.gif) no-repeat left center;
	padding-left: 8px;
	margin-left: 10px;
}
div.pod ul.other_links li a {
	text-transform: none;
	padding: 0;
	margin: 8 0 0 0px;
	font-weight: normal;
}

/* default header2 within pod - gradient back */
div.pod h2 {
	background: #edf2db url(../images/bg_crn/bg_slice_grad_ltgrn_up.gif) repeat-x left top;
	color: #fff;
	padding: 4 4 4 10px;
	margin-top: 10px;
	margin-bottom: 0px;
}

/* first header2 within pod - rounded corners with gradient back */
div.pod h2.round_grad {
	background: url(../images/bg_crn/bg_right_grad_ltgrn.gif) no-repeat right top;
	padding-left: 0px;
	margin: 0px;
}
div.pod h2.round_grad span {
	background: url(../images/bg_crn/bg_left_grad_ltgrn.gif) no-repeat left top;
	padding: 4 4 4 10px;
}

/***** rounded corners for top and bottom of pods *****/

/* round corners match background of pod - light green */
div.pod div.round_top {
	background: #c7d095 url(../images/bg_crn/crn_tl_ltgrn.gif) no-repeat left top;
	height: 7px;
}
div.pod div.round_top span {
	background: url(../images/bg_crn/crn_tr_ltgrn.gif) no-repeat right top;
	width: 100%;
	height: 7px;
	float: left;
}
div.pod div.round_bot  {
	background: url(../images/bg_crn/crn_bl_ltgrn.gif) no-repeat left top;
	height: 7px;
}
div.pod div.round_bot span {
	background: url(../images/bg_crn/crn_br_ltgrn.gif) no-repeat right top;
	width: 100%;
	height: 7px;
	float: left;
}

/* round corners _medgrn are medium green (like gradient header2) - for h3 and/or paragraphs */
div.pod div.round_top_medgrn  {
	background: #c7d095 url(../images/bg_crn/crn_tl_medgrn.gif) no-repeat left top;
	height: 7px;
}
div.pod div.round_top_medgrn span {
	background: url(../images/bg_crn/crn_tr_medgrn.gif) no-repeat right top;
	width: 100%;
	height: 7px;
	float: left;
}
div.pod div.round_bot_medgrn  {
	background: url(../images/bg_crn/crn_bl_medgrn.gif) no-repeat left top;
	height: 7px;
}
div.pod div.round_bot_medgrn span {
	background: url(../images/bg_crn/crn_br_medgrn.gif) no-repeat right top;
	width: 100%;
	height: 7px;
	float: left;
}

/* round corners (with gradient) for lists within pods */
div.pod div.round_top_grad  {
	background: url(../images/bg_crn/crn_tr_grad_gray_ltgrn.gif) no-repeat right top;
	width: 150px;
	height: 14px;
	margin-left: 10px;
	margin-top: 10px;
}
div.pod div.round_top_grad span {
	background: url(../images/bg_crn/crn_tl_grad_gray_ltgrn.gif) no-repeat left top;
	width: 100%;
	height: 14px;
	float: left;
}

/* rounded corners (with border only) for lists within pods */
div.pod div.round_top_white  {
	background: url(../images/bg_crn/crn_tr_border_gray_ltgrn.gif) no-repeat right top;
	width: 150px;
	height: 7px;
	margin-left: 10px;
	margin-top: 10px;
}
div.pod div.round_top_white span {
	background: url(../images/bg_crn/crn_tl_border_gray_ltgrn.gif) no-repeat left top;
	width: 100%;
	height: 7px;
	float: left;
}
div.pod div.round_bot_white  {
	background: url(../images/bg_crn/crn_br_border_gray_ltgrn.gif) no-repeat right bottom;
	width: 150px;
	height: 7px;
	margin-left: 10px;
}
div.pod div.round_bot_white span {
	background: url(../images/bg_crn/crn_bl_border_gray_ltgrn.gif) no-repeat left bottom;
	width: 100%;
	height: 7px;
	float: left;
}

/* sandbox areas for promos, events or other highlights */
/* RIGHT NOW ARE JUST IMAGES - TO DO: make styles for blocks */

div.sandbox {
	width: 170px;
	text-align: center;
	background: #ffffff;
	margin-left: 10px;
}
div.sandbox img {
	margin-bottom: 10px;
	margin-top: 0px;
	border: none;
}

/******** OTHER STYLES ********/

/* icons for navigation or links - can apply to any tag - <a, <li, <span, etc..*/
.calc {
	background: url(../images/icons/calc.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.cart {
	background: url(../images/icons/cart.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.contact {
	background: url(../images/icons/phone.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.demo {
	background: url(../images/icons/demo.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.doc {
	background: url(../images/icons/docs.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.downloads {
	background: url(../images/icons/cd.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.folder {
	background: url(../images/icons/folder.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.folder_open {
	background: url(../images/icons/folder_open.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.globe {
	background: url(../images/icons/web.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.home {
	background: url(../images/icons/home.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.info {
	background: url(../images/icons/info.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.mail {
	background: url(../images/icons/mail.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.mail_send {
	background: url(../images/icons/mail_send.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.network {
	background: url(../images/icons/network.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.opts {
	background: url(../images/icons/options.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.pay {
	background: url(../images/icons/docs.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.pdf {
	background: url(../images/icons/pdf.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.record {
	background: url(../images/icons/record.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.record_add {
	background: url(../images/icons/record_add.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.sitemap {
	background: url(../images/icons/site_map.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.search {
	background: url(../images/icons/search.png) no-repeat left center;
	padding: 2 2 2 22px;
}
.user {
	background: url(../images/icons/user.png) no-repeat left center;
	padding: 2 2 2 22px;
}

/* to clear floats, can be applied to any tag (div, li, p, etc.) */
.clear {
	clear: both;
}
/* any item can be floated left (img, p, div, etc.) */
.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
/* any item can be floated right (img, p, div, etc.) */
.right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
/* float any div/box or other style right or left */
.right_wide {
	width: 248px;
	float: right;
}
.left_wide {
	width: 248px;
	float: left;
}
.right_narrow {
	width: 140px;
	float: right;
}
.left_narrow {
	width: 140px;
	float: left;
}
.demo_link {
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	color:#008166;
	text-decoration:underline;
	}
.demo_link a, demo_link a:link {
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	color:#008166;
	text-decoration:underline;
	}
.demo_link a:hover {
	color:#999999;
	text-decoration:underline;
	}