/* CSS Document */

html {text-align: center;}
body {
	font-size: 75%; 
	line-height: 1.3em; 
	text-align: center; 
	font-family: Verdana, Geneva, sans-serif; 
	margin: 0; padding: 0; 
	background: #fff:
}
html>body {font-size: 12px;}

/*re-reset standard tags
---------------------------------------------------------------------------
-------------------------*/
h1 {color: #645b53; font-size: 150%; margin: .4em .4em .1em 0 ; padding: 
.4em .4em .1em 0; line-height: 1.3em;}
h2, h3, h4, h5, h6 {font-size: 100%; color: #645b53; margin: .4em .4em 
.1em 0; padding: .4em .4em .1em 0; line-height: 1.3em;}
h2 {font-size: 130%;}
h3 {font-size: 110%;}
p {margin: .4em 0; padding: .4em 0; line-height: 1.5em;}
ol, ul, dir, menu, dd, blockquote { margin-left: 3em; text-align: left;}
blockquote, dl {margin: .3em 2em; padding: .3em 2em;}
blockquote p {margin: 0; padding: 0}
dl p {margin: 0 0 .3em 0; padding: 0 0 .3em 0;}
ul {list-style-type:square; margin: 0 0 .2em 3em;  padding: .5em .5em .2em 
1em;}
ol {list-style-type:decimal; margin: 0 .5em .2em 3em; padding: .5em .5em 
.2em 1em;}
li {margin: .6em .6em 0 .6em; padding: 0 .2em; line-height: 1.2em;}
li:first-child {margin-top: 0;}
strong {color: #333333}

li h4 {margin-bottom: 0; pading-bottom: 0}
li h4 p {margin-top: -5px; padding-top: 0}

/* useful classes */
.right {float: right;}
.left {float: left;}
.clear-right {clear: right}
.clear-left {clear: right}
.clear-none {clear:none}
.text-right {text-align: right}
.text-left {text-align:left}
.valign{vertical-align:middle}
.valign-bottom{vertical-align:bottom}
.hidden {display: none}
.display_block {display: block}
.space {margin: .3em; padding: .3em;}
.space-v {margin: .3em 0; padding: .3em 0;}
.tight {margin: 0; padding: 0}
.raise20 {margin-top: -20px;}
.highlight {color: #026699; font-weight:700}
.notice {color: #993333;}
.small {font-size: .8em}
.black {color: #000}

.grid-3-image  {padding-top: 5px; border: 1px #c0bab3 solid; background: 
#f0f0e0; width: 210px; text-align:center}
.caption {margin: 0; padding: 0 0 .5em 0; color: #645b53; line-height: 
1.3em; font-size: .8em;}

.image-area  {padding: 5px; border: 1px #c0bab3 solid; background: 
#f0f0e0; text-align:center}
.right.image-area  {margin-left: 10px;}
.left.image-area  {margin-right: 10px;}

/* a set of styles, names based on content templates and elements from the 
site specification doc 
---------------------------------------------------------------------------
-------------------------*/
.press-release, .news, .meeting {position:relative; padding-top: 10px; 
padding-right: 20px}
.date, .contact, .phone, .email, .location {color: #026699;}
.teaser {font-size: 120%; font-weight: normal; padding-top: 0; 
padding-left: 2em;}
 
.news, .press-release {text-align:right} 
.news h1, .press-release h1, .news .teaser, .press-release .teaser 
{text-align: left}
.news .date, #press-release .date {margin-top: 1em; margin-bottom: 1em; 
font-weight:700; font-size: 110%}

.event {color: #000000; padding-right: 20px; border-bottom: 1px solid 
#c0bab3;}
.event h1  {font-size: 140%}
.event p {line-height: 1.2em; margin: 0; }
.event .comment {font-size: 120%; font-style:italic; font-weight: normal; 
margin-top: .25em; padding-left: 2em;}
.event .location {font-size: 120%; font-weight: 700}
.start, .end {font-weight:700; font-size: 120%;}
.event .contact {color: #000000; margin: 5px 0 0 0;}
.contact-location {color: #000000}
.event .description {margin-top: 7px; line-height: 1.5em; }

.meeting .date {text-align: left; font-weight:700; margin: .5em; padding: 
.5em;}

.glossary dt, .faq dt {margin: 1em 0 0 0; color: #026699; font-weight:700}
.glossary dd, .faq dd {padding-right: 40px; line-height: 1.5em}

/* form styles (these need work)
---------------------------------------------------------------------------
-------------------------*/
.input {
	border: 1px solid #cccc99;
	padding: 2px;
	box-shadow: inset -1px -1px 6px #cccccc;
	-moz-box-shadow: inset -1px -1px 6px #cccccc;
	-webkit-box-shadow: inset -1px -1px 6px #cccccc;
	font-size: 12px;
}
.input:hover {
	padding: 2px;
	box-shadow: inset -2px -2px 6px #cccccc;
	-moz-box-shadow: inset -2px -2px 6px #cccccc;
	-webkit-box-shadow: inset -2px -2px 6px #cccccc;
	border:solid 1px #f2bb75;
}
.focusField{
	padding: 2px;
	box-shadow: inset -2px -2px 6px #cccccc;
	-moz-box-shadow: inset -2px -2px 6px #cccccc;
	-webkit-box-shadow: inset -2px -2px 6px #cccccc;
	border:solid 1px #f2bb75;
}
.idleField{
	border: 1px solid #cccc99;
	padding: 2px;
	box-shadow: inset -1px -1px 6px #cccccc;
	-moz-box-shadow: inset -1px -1px 6px #cccccc;
	-webkit-box-shadow: inset -1px -1px 6px #cccccc;
	font-size: 12px;
}
.label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
.button {
 	font-size: 12px;
 	border: 1px solid #cccc99;
    padding: 2px 4px;
	background: #eeeeee; /* for non-css3 browsers */
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', 
endColorstr='#eeeeee'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, 
from(#ffffff), to(#eeeeee)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #eeeeee); /* for 
firefox 3.6+ */
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;	
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 0;
}
.button:hover {
    border: 1px solid #cccc99;
    padding: 2px 4px;
	background: #d1cecb; /* for non-css3 browsers */
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', 
endColorstr='#d9d6d1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, 
from(#f5f5f5), to(#d9d6d1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f5f5f5, #d9d6d1); /* for 
firefox 3.6+ */
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;	
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/* link styles
---------------------------------------------------------------------------
-------------------------*/
a {color: #026699; text-decoration: underline; padding: 2px 0;}
a:link {color: #026699; text-decoration: underline;}
a:visited {color: #014477; text-decoration: underline;}
a:hover {color: #014477; text-decoration: none;}
a:active {color: #026600; text-decoration: underline;}

/* header nav wrapper
---------------------------------------------------------------------------
-------------------------*/
#header-nav-bkg {
	width: 100%;
	border-bottom: solid 1px d9d6d1;
	background: #e7e6e5; /* for non-css3 browsers */
}
#header-nav-wrapper {
	width: 1024px; margin: 0 auto; padding: 0; 
	text-align: center;
	position:relative;
	background-image:url(http://www.esc.edu/images/bkg960in1024.png);
	background-repeat:repeat-y;
}
/* header nav
---------------------------------------------------------------------------
-------------------------*/
#header-nav {
	background:#e78200;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	padding: 0;

}
#user-log { 
	padding: 8px 0 4px 10px;
	display:inline; 
	float: left; 
	font-weight: 700; 
	font-style:italic; 
	color:#fff;
}
#user-log .small {font-weight: 400; font-style:normal; margin-left: 1.5em;}

#header-nav a {text-decoration: none; padding: 4px; border-left: 1px solid 
#f0f0e0; font-weight: 800;}
#header-nav #user-log a:link {color: #fff; margin:0; padding: 2px;}
#header-nav #user-log a:visited {color: #fff;}
#header-nav #user-log a:hover {color: #3f3933; background: #fff}
#header-nav #user-log a:active {color: #3f3933; background: #fff}

#topnav {float: right; margin:0; padding: 5px;}
#topnav ul {display: inline; position: relative;  font-size: .75em;  }
#topnav ul li {display: inline; padding: 4px;}
#header-nav #topnav a:link {color: #fff;}
#header-nav #topnav a:visited {color: #fff;}
#header-nav #topnav a:hover {color: #000; background: #fff;}
#header-nav #topnav a:active {color: #3f3933; background: #ffffff}

#search-box {position: relative; display: inline; margin: 0; padding: 0;}  

/* outer wrapper
---------------------------------------------------------------------------
-------------------------*/
#wrapper {width: 1024px; margin: 0 auto; padding: 0; text-align: center; 
position:relative}

/* container 960px width -- taken from the 960 12 column framework
---------------------------------------------------------------------------
-------------------------*/
#main-container {  
	background: #ffffff;
	border: 1px solid #c0bab3;
	border-top: none;
	box-shadow:  0 6px 12px #cccccc;
	-moz-box-shadow:  0 6px 12px #cccccc;
	-webkit-box-shadow:  0 6px 12px #cccccc; 
}

/* header with logo and slogan
---------------------------------------------------------------------------
-------------------------*/
#header {margin: 0 auto; padding: 0;}
#logo {float:left; margin: 10px 5px; padding: 10px 0 0 5px;}
#header .image-link a {text-decoration: none; border: none;}
#slogan {
	margin: 20px 10px 10px 0; padding: 20px 10px 10px 0;
	float:right;
	position: relative;
	display:block;
	text-align:right;
	color: #544b44; 
	font-size: 220%; 
	font-weight:800; 
	font-family: 
             "Book Antiqua",
             Palatino,
             "Palatino Linotype",
			 "Minion Web",
			 "Nimbus Roman No9 L",
             Caslon,
             "Times New Roman",
             Times,
             serif;
}
/* banner
---------------------------------------------------------------------------
-------------------------*/
#banner {
	padding-bottom: 10px;
	min-height: 200px;
	text-align: left; 
	background: #fff; 
	background: -webkit-gradient(radial, 50% -250, 40, 50% 50, 200, 
from(#e5e5cc), to(#ffffff)) #ffffff;
	background-image: -moz-radial-gradient(bottom 0deg, ellipse 
farthest-corner, #ffffff 64%, #e5e5cc 100%); 
	z-index: 800;
	border-bottom: 1px solid #c0bab3
}
/* midsection of the page
---------------------------------------------------------------------------
-------------------------*/
#midsection {clear: both; margin: 0; padding: 0 0 20px 0; text-align: 
left;}

/* background images to delineate columns
---------------------------------------------------------------------------
-------------------------*/
.cols	
{background-image:url(http://www.esc.edu/images/bkg_3col_960.png); 
background-repeat:repeat-y;}
.colright	
{background-image:url(http://www.esc.edu/images/bkg_colright.png); 
background-repeat:repeat-y;}	

/* breadcrumb
----------------------------------------------------------------------------------------*/
#breadcrumb {padding: 9px 6px; color: #645b53; font-weight: 800; font-size:.8em; border-bottom: solid #c0bab3 1px; text-align:left}
#breadcrumb a {font-weight: 500; padding-right: 4px; padding-left: 0; margin: 0 2px 0 0; text-decoration: none;}
#breadcrumb a:link {color: #645b53}
#breadcrumb a:visited {color: #645b53}
#breadcrumb a:hover {color: #3f3933; background: #efefec}
#breadcrumb a:active {color: #3f3933}
/*#breadcrumb a:first-child {margin-left: 0; padding-left: 0;} */
#breadcrumb span {font-size: 120%; color: #aaa299; padding-right: 1px; margin: 0 1px 0 0}
/*#breadcrumb .currentsection {padding-left: 2px;}*/

/* page heading content template
---------------------------------------------------------------------------
-------------------------*/
#page-heading  {position: relative; margin-top: 0;}

#img-area {position: relative; margin-top: 0; margin-bottom: 10px; 
z-index: 499; text-align:center; }
.img-cap-right {margin: 0 0 0 10px; float: right}  /* optional right or 
left */
.img-cap-left {margin: 0 10px 0 0; float: left} 
#img-area .caption {width:100%;} /* sets width of the image-area container 
via the "capresize" jQuery function */

#page-heading-text h2 {color: #000000;}
#page-heading-text p {font-size: 120%; font-weight: normal; 
font-style:italic;}

/* content, blocks and columns
---------------------------------------------------------------------------
-------------------------*/
.content {position: relative; padding: 5px 15px 15px;}
.content #img-area  {padding: 4px; border: 1px #c0bab3 solid; background: 
#f6f5f4}
.content #img-area .caption {margin: 0; padding: 0;}
.content .img-cap-right, .content .img-cap-left {margin-top: 10px; 
margin-bottom: 10px;} 

.block .content .left.image-area {margin-right: 5px; margin-left: -10px;}
.block .content .right.image-area {margin-left: 5px; margin-right: -10px;}

/* optional content blocks - left or right
---------------------------------------------------------------------------
-------------------------*/
.content-block {margin: 0; padding: 0; position: relative; z-index: 1010;}
.content-block h3 {font-variant:small-caps; font-size: 130%}
.content-block ul {margin-left: 1em; padding: 0;}

/* print-this
---------------------------------------------------------------------------
-------------------------*/
.print-this {margin: 0; padding: 10px; position: relative; font-size: 
.8em;}
.print-this a {color: #8d8175; text-decoration:none;}
.print-this a:hover {color: #645b53}

/* blocks
---------------------------------------------------------------------------
-------------------------*/
.block {margin: 10px 0; padding: 0; position: relative;}
.block ul {margin-left: 1em;}

h2.bkg-dark, h3.bkg-dark {
	margin: 0 0 1px 0; padding: .5em .1em .3em .6em;
	color: #fff;
	background: #999900;
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#999900', 
endColorstr='#aaaa65');
	background: -webkit-gradient(linear, left top, left bottom, 
from(#999900), to(#aaaa65)); 
	background: -moz-linear-gradient(top,  #999900,  #aaaa65);
	-webkit-border-top-left-radius: 4px;
	-khtml-border-radius-topleft: 4px;	
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-radius-topright: 4px;	
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	border-bottom: 1px solid #8d8175;
	}
h2.bkg2, h3.bkg2 {
	font-size: 120%;
	margin: 0 0 1px 0; padding: .5em 0 .4em 0;
	color: #fff;
	background: #645b53;
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#645b53', 
endColorstr='#8d8175');
	background: -webkit-gradient(linear, left top, left bottom, 
from(#645b53), to(#8d8175)); 
	background: -moz-linear-gradient(top,  #645b53,  #8d8175);
	-webkit-border-top-left-radius: 4px;
	-khtml-border-radius-topleft: 4px;	
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-radius-topright: 4px;	
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	border-bottom: 1px solid #484824;
	text-align:center;
}

/* bullets 
---------------------------------------------------------------------------
-------------------------*/
ul.bullet-empire, ul.bullet2  {margin-left: 0; padding-left: 0; 
list-style: none; position:relative;}
.bullet-empire li, .bullet2 li   {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0 0; 
}
.bullet-empire li {background-image: url(../images/bullet.gif)}
.bullet2 li {background-image: url(../images/bullet_v2.gif)}

/* left column 
---------------------------------------------------------------------------
-------------------------*/
.left-col {text-align:left; position: relative; margin-left: 1px; 
margin-right: 1px;}
.left-col .print-this {margin-top: -20px; padding-left: 20px;}
.left-col .content-block {
	border-right: 1px solid #ccc;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}
.connect.left-col {margin-top: -40px} 
  
/* middle column
---------------------------------------------------------------------------
-------------------------*/
 .mid-col {position: relative; } 
  
/* right column (optional)
---------------------------------------------------------------------------
-------------------------*/
.right-col {text-align:left; position: relative; z-index: 1000; float: 
right;}
  
/*.right-col .content-block {
	border-left: 1px solid #ccc;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
} */
/* manipulating the toip right column block to connect it to a banner 
heading
---------------------------------------------------------------------------
-------------------------*/
/*.connect.right-col {
	margin-top: 0;
	border-left: 1px solid #ccc;
	background: #ffffff; 
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7ee', 
endColorstr='#ffffff'); 
	background: -webkit-gradient(linear, left top, left bottom, 
from(#f7f7ee), to(#ffffff)); 
	background: -moz-linear-gradient(top,  #f7f7ee,  #ffffff); 
}
.connect.right-col .content-block {
	border: none;
	filter: none;
	background: none;
	-webkit-border-top-left-radius: 0;
	-khtml-border-radius-topleft: 0;	
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
}*/

/* link list -- not the local or main navigation -- can fall within a 
content block, left or right column
---------------------------------------------------------------------------
-------------------------*/
ul.link-list  {list-style-type:none; margin-top: 1em; margin-left: 0; 
margin-right: 10px; padding: 0;}
ul.link-list li {margin: 0; padding:0;  border-bottom:1px dashed #aaaaaa;}
ul.link-list li:first-child {border-top: 1px dashed #aaaaaa;;}
ul.link-list a {
	margin: 0; 
	padding: .5em 0 .5em 20px; 
	display: block; 
	text-decoration: none;
	background: #ffffff; /* for non-css3 browsers */
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', 
endColorstr='#f6f5f4'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, 
from(#ffffff), to(#f6f5f4)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #f6f5f4); /* for 
firefox 3.6+ */
}
ul.link-list a:hover {
	background: #f6f5f4; /* for non-css3 browsers */
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f5f4', 
endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, 
from(#f6f5f4), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f6f5f4,  #ffffff); /* for 
firefox 3.6+ */
}

/* footer blocks
---------------------------------------------------------------------------
-------------------------*/
#footerblocks {
	clear: both;
	text-align:left; 
	margin: 0; padding: 0;
	font-size: .8em; 
	z-index: 200;
	border-top: solid 1px #e5e5cc; /*keep for IE*/
	border-bottom: solid 1px #f0f0e0; /*keep for IE*/
}
/* clearfix IE hack */
#footerblocks:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#footerblocks {
	display: inline-block;
}
html[xmlns] #footerblocks {
	display: block;
}
* html #footerblocks {
	height: 1%;
}
/* end clearfix IE hack */

#footerblocks h4 {color: #026699; font-size: 100%; margin: .5em 0;  
padding: 0}	
#footerblocks ul {margin: 0 1em; padding: 0 4px;}
#footerblocks ul li {margin: 0 .5em; padding: .4em .2em; line-height: 
1.5em; color: #8d8175}
#footerblocks p {margin: 0; padding: .2em .5em}
#footerblocks a {color: #3f3933; padding: 1px 0; text-decoration: none;}
#footerblocks a:link {border-bottom: dotted 1px #8d8175;}
#footerblocks a:visited {border-bottom: dotted 1px #8d8175;}
#footerblocks a:hover {border-bottom: none}
#footerblocks a:active {border-bottom: dotted 2px #8d8175;} 

/* follow block
---------------------------------------------------------------------------
-------------------------*/
#follow-block {	margin-top: 20px; margin-bottom:1.5em; padding-top: 
10px; line-height: 1.9em; border-top: 1px solid #c0bab3;}
#follow-block h4 {margin-top: .5em; margin-bottom: .5em;}
#follow-block img {padding-left: 10px; text-decoration: none; border: 
none;}

/* footer
---------------------------------------------------------------------------
-------------------------*/
#footerwrapper {
	width:1024px;
	clear: both;
	margin: 0 auto;
	padding: 0;
	position:relative;
	text-align:center;
}
#footer {
	margin: 0 auto;
	padding: 10px 40px 20px 40px;
	font-size: .8em; 
	position:relative;
}
#footer a {text-decoration: none; padding: 0 3px}	
#footer a:link {color: #645b53;}
#footer a:visited {color: #645b53;}
#footer a:hover {color: #3f3933;}
#footer a:active {color: #3f3933;}
#footer .image-link a {text-decoration: none; border: none;}
.share  {margin-top: 8px}
#footer p, #footer ul li {line-height: 2em;}
#footer div {padding-bottom: .5em;}
#footer p {margin: .2em .2em 0 .2em; padding: .2em;}
#footer ul{text-align: center}
#footer li {display: inline; border-left: 1px solid #999966; margin: 0 
1em; padding: .2em .4em;}
#footer .left {text-align:left}

/* IE hack - may not be necessary, need to investigate */	
* html #footer { height:1px;}

/* border and background styles 
---------------------------------------------------------------------------
-------------------------*/
/* 4 rounded corners */
.all-four-rounded-corners {
	padding: .2em;
	border: solid #8d8175 1px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
}
/* top-left rounded corner */
.top-left-rounded-corner {
	-webkit-border-top-left-radius: 6px;
	-khtml-border-radius-topleft: 6px;	
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
}
/* top-right rounded corner */
.top-right-rounded-corner {
	-webkit-border-top-right-radius: 6px;
	-khtml-border-radius-topright: 6px;	
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
}
/* bottom-left rounded corner */
.bottom-left-rounded-corner {
	-webkit-border-bottom-left-radius: 6px;
	-khtml-border-radius-bottomleft: 6px;	
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}
/* bottom-right rounded corner */
.bottom-right-rounded-corner {
	-webkit-border-bottom-right-radius: 6px;
	-khtml-border-radius-bottomright: 6px;	
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}
/* border fades grey to transparent */	
.border-fade {
	border: 1px solid #aaaaaa;
	-webkit-border-image:  url(../images/bdr_fade_t.png) 42 40 40 40  
stretch;
	-khtml-border-image:  url(../images/bdr_fade_t.png) 42 40 40 40  
stretch;	
	-moz-border-image:  url(../images/bdr_fade_t.png) 42 40 40 40 
stretch;
	border-image: url(../images/bdr_fade_t.png) 42 40 40 40  stretch;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
}
/* border fades green to transparent */
.border-fade-gt {
	-webkit-border-image:  url(../images/bdr_fade_gt.png) 42 40 40 40  
stretch;
	-khtml-border-image:  url(../images/bdr_fade_gt.png) 42 40 40 40  
stretch;	
	-moz-border-image:  url(../images/bdr_fade_gt.png) 42 40 40 40 
stretch;
	border-image: url(../images/bdr_fade_gt.png) 42 40 40 40  stretch;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.grad-down {
	background: #f0f0e0; /* for non-css3 browsers */
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0e0', 
endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, 
from(#f0f0e0), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f0f0e0,  #ffffff); /* for 
firefox 3.6+ */
}

/* clearfix IE hack */
.grad-down:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.grad-down {
	display: inline-block;
}
html[xmlns] .grad-down {
	display: block;
}
* html .grad-down {
	height: 1%;
}
/* end clearfix IE hack */

.grad-down-light {
	background: #f7f7ee; /* for non-css3 browsers */
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7ee', 
endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, 
from(#f7f7ee), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f7f7ee,  #ffffff); /* for 
firefox 3.6+ */
}
.grad-right {
	background: #f0f0e0; /* for non-css3 browsers */
	filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0e0', 
endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left bottom, right bottom, 
from(#f0f0e0), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(left center,  #f0f0e0,  #ffffff); 
/* for firefox 3.6+ */
}
.radial-light {
	background: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 400, 
from(#ffffff), to(#d9d6d1), color-stop(100%, #d9d6d1));
	background-image: -moz-radial-gradient(center 45deg, circle 
farthest-side, #ffffff 45%, #d9d6d1 100%); 
}
.box-shadow {
	box-shadow:  0 2px 1px #cccccc;
	-moz-box-shadow:  0 2px 1px #cccccc;
	-webkit-box-shadow:  0 2px 2px #cccccc; 
}
.text-shadow {text-shadow: 0 3px 4px #c0bab3;}