/* CSS Document_version_1.0 */

body { color: #666666; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	background: #808080 url(../images/bg_image.jpg) repeat-y 50% 0px;
	margin: 0px;
	padding: 0px;
}

/*global----------*/

h1,h2 {font-family: Arial, Helvetica, sans-serif; color: #555555; margin: 8px 0px 8px 25px;}
h1 {font-size: 150%;}
h2 {font-size: 130%; font-weight: bold;}
h3 {font: bold 90%}
/*a:link, a:visited {color :#007C64;}
a:hover { color :#6699CC;}*/

p { font-size: 11px; line-height: 1.4em; margin-top: 0px; margin-bottom: 10px; padding-left: 1.4em ;padding-right: 1em;}
img {
	border: 0px;
}

p a:link, p a:visited {
	color :#007C64; 
	padding: 0 6px 0 0;
	}
p a:hover{
	color :#6699cc; 
	padding: 0 6px 0 0;
	}
	
a.ext:link, a.ext:visited {
	color :#007C64;
	padding: 10px 10px 0 10px;
	background: url(../images/icon_link_ext.gif) no-repeat right 50%;
	display: block;
	}

a.ext:hover {
	color :#6699CC;
	padding: 10px 10px 0 10px;
	background: url(../images/icon_link_ext.gif) no-repeat right 50%;
	display: block;
	}

a.hero:link, a.hero:visited {
	color :#fff; 
	background: url(../images/arrow_white.gif) no-repeat left;
	padding: 0px 0px 0px 7px;
	width: 200 px;
	margin: 0px 0px 0px 20px;
	line-height: 150%;
	}

a.hero:hover  {
	color :#6699CC;  
	background: url(../images/arrow_white.gif) no-repeat left;
	padding: 0px 0px 0px 7px;
	width: 200 px;
	margin: 0px 0px 0px 20px;
	line-height: 150%;
	}

a.white:link, a.white:visited {
	color :#fff; 
	padding: 0 5px 0 21px; 
	background: url(../images/arrow_white.gif) no-repeat right 50%;
	}

a.white:hover  {
	color :#6699CC; 
	padding: 0 5px 0 21px; 
	background: url(../images/arrow_white.gif) no-repeat right 50%;
	}

a.whitelist:link, a.whitelist:visited {
	color :#fff; 
	}

a.whitelist:hover  {
	color :#6699CC; 
	}

a.greenlist:link, a.greenlist:visited {
	color :#007C64; 
	}

a.greenlist:hover  {
	color :#6699CC; 
	}

a.print:link, a.print:visited {
	color :#007C64;
	padding: 0 0 0 30px;
	margin: 15px 0 0 15px;
	display: block;
	background: url(../images/icn_print.gif) no-repeat left 50%;
	height: 17px;
	}

a.print:hover {
	color :#6699CC;
	padding: 0 0 0 30px;
	margin: 15px 0 0 15px;
	display: block;
	background: url(../images/icn_print.gif) no-repeat left 50%;
	height: 17px;
	}

a.send:link, a.send:visited {
	color :#007C64;
	padding: 0 0 0 30px;
	display: block;
	background: url(../images/icn_sendtofriend.gif) no-repeat left 50%;
	height: 20px;
	margin: 15px 0 0 15px;
	}

a.send:hover {
	color :#6699CC;
	padding: 0 0 0 30px;
	display: block;
	background: url(../images/icn_sendtofriend.gif) no-repeat left 50%;
	height: 20px;
	margin: 15px 0 0 15px;
	}

.spacer { clear: both;}

.linedot {
	border-bottom:1px dotted #ccc;
	margin:0 
	}
	
ul.greentight{
	margin-left: 20px;
	padding-left: 0px;
	}

ul.greentight li {
	background: url(../images/arrow_greentight.gif) no-repeat left top 50%;
	list-style: none;
	line-height: 150%;
	padding: 0 0 0 10px;
	}
	
a.greentight:link, a.greentight:visited {
	color :#007C64; 
	}

a.greentight:hover  {
	color :#6699CC; 
	}
	

#wrapper { margin: 0px auto; width: 650px;}

#masthead { height: 45px; 
	padding: 10px 0px 0px 35px; 
	border-top: 10px solid #008169; 
	background: url(../images/hdr_tagline.gif) no-repeat right 50%; 
	}
#masthead h1{ margin: 0px; 
	padding: 0px;
	}


/*navigation tabs----------*/
#navigation { height: 21px;}
#navigation ul {
	margin: 0px 25px 0 0;
	padding: 0px;
	list-style: none;
	text-decoration: none;
	}
#navigation li {
	background: url(../images/TABS.GIF) no-repeat left top;
	display: inline;
	margin: 0px;
	padding-right:5px;
	float: right;
	text-decoration: none;
	}
#navigation a { font: bold 11px Arial, Helvetica, sans-serif; 
	text-transform: uppercase; 
	color: #333333; 
	text-decoration: none; 
	display: block; 
	padding-top: 6px; 
	height: 18px; 
	width: 112px; 
	text-align: center;
	}
#navigation a:hover { 
	background: url(../images/TABS.GIF) 0px -30px; 
	color: #FFFFFF
	}
#home #navigation .home a,
#archive #navigation .archive a,
#current #navigation .current a,
#news #navigation .news a{
	background: url(../images/TABS.GIF) 0px -30px; 
	color: #FFFFFF}


/*header gray bar----------*/
.headergraybar {
	clear: both;
	background-color: #666666;
	margin: 0 25px 0 25px;
	/*padding:2px 20px 2px 0; */
	background-image: url(../images/headlong_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 25px;
	}
.headergraybar p {
	font-size: 12px; 
	margin-top: 0px; 
	color: #FFFFFF; 
	padding: 5px 0 0px 20px;
	}

#pagetitle { 
	background: #ffffff; 
	margin: 0px 25px 0px 25px; 
	border-bottom: 1px dotted #cccccc;
	}


/*hero----------*/
#hero { 
	background: #ffffff; 
	margin: 0px 25px 0px 25px;
	}
.heroCol {
	float: left;
	width: 130px;
	height: 130px;
	margin-left: 15px;
	}
.heroColnews {
	float: left;
	width: 145px;
	height: 153px;
	}
.heroCol h3, .heroColnews h3{
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 60px;
	}
.heroCol a, .heroColnews a {
	color :#fff;
	}
.heroCol ul, .heroColnews ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.heroCol li{
	color: #FFFFFF;
	list-style-position: inherit;
	line-height: 120%;
	text-decoration: underline;
	background: url(../images/arrow_white.gif) no-repeat left center;
	margin-top: 25px;
	padding: 0 0 0 8px;
}
.heroColnews li {
	color: #FFFFFF;
	list-style-position: inherit;
	line-height: 170%;
	text-decoration: underline;
	background: url(../images/arrow_white.gif) no-repeat left center;
	margin-top: 15px;
	padding: 0 0 0 8px;
}
#heroarchive {
	background-color: #ffffff;
	background-image: url(../images/hro_frontcover_summer2006.jpg);
	background-repeat: repeat-x;
	height: 138px;
	width: 600px;
	margin: 0 25px 0 25px;
}
#heronews {
	background-color: #ffffff;
	background-image: url(../images/bg_gr_noimage.jpg);
	background-repeat: repeat-x;
	height: 153px;
	width: 600px;
	margin: 0 25px 0 25px;
	}
#herocurrent {
	background-color: #ffffff;
	background-image: url(../images/hro_currentissue.jpg);
	height: 200px;
	width: 600px;
	margin: 0px 25px 0 25px;
	background-repeat: no-repeat;
	background-attachment: inherit;
}

#herocurrent h2 {
	font-size: 165%;
	font-weight: bold;
	color: #FFFFFF;
	padding: 20px 0px 5px 0px;
	border-bottom: 1px dotted #CCCCCC;
	width: 200px;
	margin: 0 0 0 20px;
	}

#herocurrent img {
	float: right;
	}
	
#herocurrent h3 {
	font-size:11px;
	font-weight:bold;
	width: 200px;
	color:#CCCCCC;
	margin: 0 0 0 20px;
}
	
#herocurrent h4 {
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	width: 200px;
	color:#CCCCCC;
	margin: 0 0 0 20px;
}

	
/* sendtofriend----------- */
#sendtofriend {
	width: 600px;
	height: 25px;
	background: #007C64 url(../images/headlong_btm.gif) no-repeat bottom left;
	padding: 0;
	margin: 0px 25px 0 25px;
	clear: both;
		}
#sendtofriend p {

		font-size: 11px;
		color: #fff;
		padding:5px 15px 0 0;
		margin: 0;
		text-align: right;
		}
#sendtofriend p a {
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		background: url(../images/sendtofriend_button.gif) no-repeat center right;
		padding: 2px 20px 2px 0;
		}
		
#sendtofriendblank {
	width: 600px;
	height: 25px;
	background: #007C64 url(../images/headlong_btm.gif) no-repeat bottom left;
	padding: 0;
	margin: 0px 25px 0 25px;
	clear: both;
		}


/*content----------*/
#contentbox {
	background: #ffffff;
	margin: 0px 25px 0px 25px
	}
.contentside {
	float: left;
	width:301px;
	}
.contentsidesmall {
	float: left;
	width:190px;
	margin-top: 10px;
	}


/*current_issue*/

.contentsidesmall_rev {
	float: right;
	width:180px;
	background: url(../images/bg_greenbarshort.gif) no-repeat center top;
	margin-top: 10px;
	}
.contentsidesmall_rev h3 {
	font-size: 15px;
	color: #FFFFFF;
	margin-top: 8px;
	margin-left: 15px;
	}

ul.green{
	margin-left: 20px;
	padding-left: 0px;
	}

ul.green li {
	background: url(../images/arrow_green.gif) no-repeat left 50%;
	list-style: none;
	line-height: 300%;
	padding: 0 0 0 10px;
	}

.headshort_side {
	width: 180px;
	background-image: url(../images/bg_greenbarshort.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left center;
	height: 33px;
		}
.headshort_side h3 {
	font-size: 130%;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 5px;
		}

.column h1 {
	font-size: 130%;
}
.column p {
	padding: 0px;
	}


/*headerbar full green*/
.headlong {
	margin: 5px 25px 0px 25px;
	background: #007C64 url(../images/headlong_btm.gif) no-repeat bottom left;
	width: 600px;
	}
.headlong h3 {
		font-size: 12px;
		color: #fff;
		padding: 8px 0 8px 17px;
		margin: 0;
		background: url(../images/headlong_top.gif) no-repeat top left;
		}



/*green callout*/
#div box {
	background: #007C64;
	border-bottom: 1px dotted #666666;
	padding-bottom: 5px;
	background-position: left top;
	background-repeat: no-repeat;
	}
.headshort {
		width: 301px;
		background: #007C64 url(../images/headshort_btm.gif) no-repeat bottom left;
		margin: 10px 0 5px 0;
		}

.headshort h3 {
		font-size: 15px;
		line-height: 18px;
		color: #fff;
		padding: 7px 0 7px 17px;
		margin: 0;
		background: url(../images/headshort_top.gif) no-repeat top left;
		}
.headshort h2 {
		font-size: 13px;
		line-height: 18px;
		color: #fff;
		padding: 7px 0 7px 17px;
		margin: 0;
		background: url(../images/headshort_top.gif) no-repeat top left;
}
.content {
		width: 301px;
		background: #007C64 url(../images/headshort_btm.gif) no-repeat bottom left;
		margin-top: 5px;
		}

	
.content div {
		color: #fff;
		padding: 16px 0 15px 0;
		margin: 0;
		background: url(../images/headshort_top.gif) no-repeat top left;
		}
		
.content div p {
		font-size: 11px;
		line-height: 14px;
		padding: 0 5px 15px 21px;
		margin: 0;
		}
		
.content div ul {
		list-style: none;
		padding: 0 0 10px 21px;
		margin: 0;
		}

/*orange callout*/
#div box1 {background: ##9E5200;}

.headshort1 {
		width: 301px;
		background: #9E5200 url(../images/headshort_btm.gif) no-repeat bottom left;
		margin: 10px 0 5px 0;
		}
.headshort1 h3 {
		font-size: 15px;
		line-height: 18px;
		color: #fff;
		padding: 7px 0 7px 17px;
		margin: 0;
		background: url(../images/headshort_top.gif) no-repeat top left;
		}
.headshort1 h2 {
		font-size: 13px;
		line-height: 18px;
		color: #fff;
		padding: 7px 0 7px 17px;
		margin: 0;
		background: url(../images/headshort_top.gif) no-repeat top left;
}
.content1 {
		width: 301px;
		background: #9E5200 url(../images/headshort_btm.gif) no-repeat bottom left;
		margin-top: 5px;
		}

	
.content1 div {
		color: #fff;
		padding: 16px 0 15px 0;
		margin: 0;
		background: url(../images/headshort_top.gif) no-repeat top left;
		}
		
.content1 div p {
		font-size: 11px;
		line-height: 12px;
		padding: 0 5px 15px 21px;
		margin: 0;
		}
		
.content1 divul {
		list-style: none;
		}
		

/*maincontent*/

#contentmain{
	float: right;
	width: 280px;
	margin-top: 10px;
}

#contentmain_wide{
	float: right;
	width: 400px;
	margin-top: 10px; 
}
#contentmain_wide_rev{
	float: left;
	width: 400px;
	margin-top: 10px;
	border-right: 3px solid #007C64;
}

#contentmain_wide_rev img{
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 3px;
	margin-left: 5px;
}

#contentmain_wide_rev .greenbold{
	font-size:13px;
	font-weight:bold;
	color:#007C64;
}

#contentmain_wide_rev .italic{
	font-style:oblique;
}

#contentmain_wide_rev .headline{
	font-size:15px;
	font-weight:bold;
	color:#007C64;
	text-transform: uppercase;
	margin-top: 10px;
	line-height: 1.4em;
	padding-left: 1em;
}


	
#contentmain dt {
	font-size:12px;
	line-height:1.3em;
	font-weight:bold;
	color:#333333;
	text-transform: uppercase;
	margin-top: 5px;
	}
	
#contentmain dd,#contentmain_wide dd {
	margin:5px 5px 10px 0px;
	color:#666;
	font-size:11px;
	line-height:1.3em;
	}

#contentmain dd a, #contentmain dt a a:link {
	color :#007C64; 
	padding: 0 6px 0 0; 
	background: url(../images/arrow_green.gif) no-repeat right center;
	}
	
#contentmain dd a:hover, #contentmain dt a:hover a:link {color :#69c; 
	padding: 0 6px 0 0; 
	background: url(../images/arrow_green.gif) no-repeat right center;
	}
	
#contentmain dl {
	border-bottom:1px dotted #ccc;
	margin:0 
	}



/*footer*/

#footer{
	width: 600px;
	text-align: center;
	border-top: 15px solid #666666;
	margin: 30px 25px 0 25px;
	clear: both;
	background: url(../images/SAGE_logo.gif) no-repeat right center;
	height: 60px;
}
#footer p {
	color: #999999;
	font-size: 8pt;
	margin-top: 20px;
	text-align: left;
}



/*form*/

#formwrapper { margin: 0px auto; width: 325px;}

form {
    margin:  0.5em auto;
    width:  85%;
}

fieldset {
    /* background-color:  #c06;*/
   padding: 1em;
}

label {
    display:  block;
    font-weight:  bold;
}

input {
    margin:  0 0 .1em 0;
}

legend {
    font-size:  1.4em;
    font-weight:  bold;
}

fieldset fieldset {
    background-color:  #efefef;
    margin: 0;
}

fieldset fieldset legend {
    font-size:  1.2em;
}