/* SVA IMPACT DESIGN FOR SOCIAL CHANGE----------------------- */

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

body{
	font: 12px/18px arial, verdana, sans-serif;
	text-align:center;
	background-color: #ff3333;
	background-image:url('../images/bg.jpg');
	color: #000;
	}
A:link{
	text-decoration: none;
	color: #ff3333;
	}
A:hover{
	text-decoration: underline;
	color: #ff6600;
	}
A:visited{
	text-decoration: none;
	color: #999;
	}
A:active{
	text-decoration: none;
	}
p {	
	margin: 0 0 10px 0;
	padding: 0;
	}
p.intro {	
	font-size: 16px;
	line-height: 24px;	
	color: #666;
	}
.rightlink{	
	text-align: right;
	padding: 0;
	margin: 0;
	}
p.padright {	
	padding-right: 10px;
	}
.newsitem p {margin: 0; padding: 0;}

#footer p{
	padding: 0; 
	margin: 0;
	}
h1 {
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: 0 0 10px 0px;
	font: bold 22px/24px georgia, palatino, times new roman, new york, serif;	
	color: #ff3333;
	}
h2 {	
	font: bold 16px/22px georgia, palatino, times new roman, new york, serif;	
	color: #990033;
	padding: 10px 0 10px 0px;
	margin: 0;
	}
h2.rightcorner {	
	background: url('../images/tr.gif') top right no-repeat;
	top: -1px;
	right: -1px;
	padding: 10px 0 10px 10px;
	position: relative;
	}
h2.topborder {	
	background: url('../images/corner_top.gif') top right no-repeat;
	padding: 10px 0 10px 10px;
	position: relative;
	}
h2.hairline{
	padding-top: 1em;
	border-top: 1px solid #d9cbc3; /* light gray */
	}
h3, .follow {
	margin: 0 0 10px 0px;
	font: normal 16px/18px georgia, palatino, times new roman, new york, serif;	
	color: #ff3333;
	}
.newsitem h3 {margin: 0 0 .25em 0; padding: 0;}
h3.facname {margin-bottom: 0}
h4 {
	text-transform: uppercase;
	margin: 0;
	font-size: 10px;
	}
h4.spaceabove {padding-top: 20px;}
hr {
	border: none 0; 
	border-top: 1px solid #FF8539;
	height: 1px;
	margin: 1em auto 1em 0;
	}
.ruleabove {
	padding-top: 1em;
	border-top: 5px solid #d9cbc3; /* light gray */
	}
.subcaps {
	text-transform: uppercase;
	margin: 0;
	font-size: 10px;
	color: #666
	}
.question {
	text-transform: uppercase;
	margin: 0;
	font-size: 10px;
	border-top: 1px dotted #000;
	padding-top: 1em;
	color: #990033;
	}
.bold {font-weight: bold;}	
.follow {padding-right: .5em}
.graytext {font-weight: bold; color: #666;}

/* DIVS------------------------- */

#container{
	text-align:left;
	width:950px;margin:30px auto 0 auto;
	background:#FFF url('../images/bg_white.gif') repeat-y 0px 10px;
	}
#contentmain{
	float:left;
	width:590px;
	margin: 20px 30px 0 30px;
	}
#contentside{
	float:right;
	width:260px;
	margin: 20px 40px 0 0;
	}
#contentsidenav{
	float:right;
	width:245px;
	margin: 20px 40px 0 0;
	padding-left: 10px;
	border-left: 5px #d9cbc3 solid;
	}
#contentspan{
	float:left;
	margin: 20px 40px 0 30px;
	}
#header{margin-bottom: 0px;}

#navcontainer{
	float:left; 
	margin: 10px 0 0 20px;
	}
#animation {
	clear: both;
	padding: 20px;
	}
#footer{
	clear:both;
	border-top: 10px #d9cbc3 solid;
	margin: 0px 30px 0 20px;
	font: 10px/12px arial, verdana, sans-serif;
	color: #999;
	height:50px;
	}
#signoff{
	position: relative;
	float: left;
	background-color: #FFF;
	padding: 10px 0;
	}
#social{
	position: relative;
	background-color: #FFF;
	float: right;
	padding: 10px 0;
	}
#bevel {
	margin-bottom: 30px;
	clear: both;
	}
.cornerbox {
	border: 1px solid #d9cbc3;
	padding: 0px;
	margin-bottom: 20px;
	}
.newsitem {
	margin: 10px;
	padding-bottom: 10px;
	border-bottom: 10px #d9cbc3 solid;
}
/* LISTS------------------------- */ 
ul { list-style-image: url(../images/bullet.gif); } 
#navlist{
	margin: 0;
	padding: 0 0 16px 10px;
	border-bottom: 10px solid #d9cbc3; /* light gray */
	}

#navlist ul, #navlist li{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#navlist a:link, #navlist a:visited{
	float: left;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 15px 4px 15px;
	text-decoration: none;
	color: #990033; /* dark red */
	}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover{
	border-bottom: 10px solid #ff3333;
	padding-bottom: 2px;
	margin-bottom: 0;
	background: transparent;
	color: #ff3333; /* bright red */
	}
	
/*Fat Erik's Pipelist for the footer*/
#footernav
	{
	list-style: none;
	padding: 0;
	margin: 0;
	}

#footernav li
	{
	display: inline;
	padding: 0;
	margin: 0;
	}

#footernav li:before { content: "/ "; }
#footernav li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #footernav li
	{
	border-left: 1px solid black;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
	}

/*Win IE browsers - hide from Mac IE\*/
* html #footernav { height: 1%; }

* html #footernav li
	{
	display: block;
	float: left;
	}

/*End hide*/
/*Mac IE 5*/
* html #footernav li:first-child { border-left: 0; }

/*sidebar sidenav */
ul.sidenav li{
	list-style-image: none;
	}
ul.sidenav {
	list-style-type: none;
	margin: 0 0px 0px 0px;
	padding: 0px;
	}
#contentsidenav ul li { 
	font-size: 12px;
	line-height: 24px;
	}
#contentsidenav ul li a {
	display: block;
	background: left center no-repeat;
	text-align: left;
	text-decoration: none;
	padding: 0 0px 0px 10px;
	}
#contentsidenav ul li a:hover {
	background: url(../images/bullet_arrow.gif) left center no-repeat;
	color: #FD5741;
	}
#contentsidenav ul li a.on {
	background: url(../images/bullet_arrow.gif) left center no-repeat;
	color: #000;
	font-weight: bold;
	}	



/* IMAGES---------------------- */
img{border: 0;}

img.logo {
	margin-top: -20px;
	margin-left: -10px;
	float: left;
	}
img.svahed {
	margin-top: -10px;
	float: left;
	}
img.inset {
	float: left;
	padding: 0 10px 20px 10px
	}
img.photolg {
	float: left;
	padding: 0 10px 10px 0px
	}
img.mission {
	margin-bottom: 20px;
	}	
img.right {
	float: right;
	}
.socialimg {padding-right: .5em;}