BODY, P, TD, OL,UL, BLOCKQUOTE, A, BR {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}

H1 {font: bold 14px/16px Arial, helvetica, verdana, sans-serif; color: #006699; }
H2 {font: bold 13px/15px Arial, helvetica, verdana, sans-serif; color: #003366; }
H3 {font: bold 12px/14px Arial, helvetica, verdana, sans-serif; color: #003366; }

body {
margin : 0;
background-color: #fffefa;
color: #000;
}

img {
  border: 0;
}

 
a:link { 
  color: #CC6600;
}
 
a:visited {
  color: #996600; }

a:active
 {  color: #FF9900; }

a:hover
 {  color: #FF6600; }


.small {
	font-size: 10px; 
	line-height: 13px;
}


#container	{
	margin: 0;
	padding: 10px 30px 10px 20px;
}

#container li	{
	line-height: 1.6em;
}

.leftBorder 	{
	border-left: 2px solid #FFE5CA;
}

#imgcontainer	{
	margin: 50px 0px; padding:0px;
	text-align:center;
}

#imgcontainer2	{
	width:303px;
	margin:0px auto;
}

.footer {
	font-size: 10px;
    line-height: 13px;
	color: #333; 
	}

.footer1 {
	line-height: 12px; font-size: 10px;
	 }
 
	
.footnote {
	font-size: 10px;
	line-height: 12px;
	margin-left: 20px;
	line-height: 12px;
	margin:0px auto;
}
	
.notebox {
	background-color: #6CF;
	border: medium #006699 solid;
}		

.bluenotes {
	background-color: #6CF;
	border: medium #669 solid;
	padding: 10px;
	margin-right: 30px;
	margin-left: 0px;
}	


#bluequotes {
	background-color: #6CF;
	border: medium #669 solid;
	padding: 10px;
	margin-right: 30px;
	margin-left: 0px;
}

.bluequotes2	{
	padding-left: 80px;
	padding-right: 140px;
}	

#bluebox	{
	background-color: #6CF;
	border: medium #669 solid;
	padding: 10px;
	margin-right: 30px;
	margin-left: 0px;
}

#bluebox-quotes	{
	background-color: #6CF;
	border: medium #669 solid;
	padding: 10px;
	margin-right: 70px;
	margin-left: 60px;
}


#bluebox-quotes2	{
	background-color: #6CF;
	border: medium #669 solid;
	padding: 10px;
	margin-right: 70px;
	margin-left: 60px;
}

.quotesopen	{
	padding: 5px 30px 30px 0px;
	float: left;
}	

.quotesclose	{
	padding: 0px 0px 30px 40px;
	float: right;
}

.header {
	font-size: 14px;
	color: #ff9933;
	font-weight:bold;
}		

.icon	{
	float: left;
	padding-left: 7px;
	padding-right: 20px;
	padding-bottom: 15px;
}

.tableblue {
	background-color: #66CCFF;
	border: thin #006699 solid;
}

.tableorange1 {
	background-color: #FD9;
	border: thin #C60 solid;
}


.tableorange {
	background-color: #FD9;
	border: thin #C60 solid;
	margin-right: 30px;
	margin-left: 0;
}

#boxwhite {
	background-color: #FFF;
	border: thin #C60 solid;
	padding: 50px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 0;
}

/* For the 1st column in the whitebox - to stop it wrapping underneath icon graphic */
.whitebox-icon2	{
	padding-left: 300px;
	padding-right: 100px;
}


#boxorange {
	background-color: #FD9;
	border: thin #C60 solid;
	padding: 10px;
	margin-right: 30px;
	margin-left: 0;
}


#boxorange2 {
	background-color: #FD9;
	border: thin #C60 solid;
	padding: 10px;
	margin-right: 30px;
	margin-left: 0;
}


#boxorange3 {
	background-color: #FD9;
	border: thin #C60 solid;
	padding: 10px;
	margin-right: 30px;
	margin-left: 0;
}


#boxorange4 {
	background-color: #FD9;
	border: thin #C60 solid;
	padding: 10px;
	margin-right: 30px;
	margin-left: 0;
}


#boxorange5 {
	background-color: #FD9;
	border: thin #C60 solid;
	padding: 10px;
	margin-right: 30px;
	margin-left: 0;
}


#boxorange6 {
	background-color: #FD9;
	border: thin #C60 solid;
	padding: 10px;
	margin-right: 30px;
	margin-left: 0;
}

#boxorangeList {
	background-color: #FD9;
	border: medium solid #C60;
	padding: 50px;
	margin: 30px;
}


#boxCompass {
	background-color: #FFDD99;
	border: thin #CC6600 solid;
	background-image: url(../selfDirect/images/selfdirect02.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 20px;
	margin-right: 30px;
	margin-left: 10%;
}


.tablebrown {
	background-color: #fc6;
	border: thin #CC6600 solid;
}

.brownbox-icon {
	background-color: #fc6;
	border: thin #C60 solid;
	padding: 10px 10px 10px 0;
	margin-right: 30px;
	margin-left: 0;
}

#brownbox-icon1 {
	background-color: #fc6;
	border: thin #C60 solid;
	padding: 10px 10px 10px 0;
	margin-right: 30px;
	margin-left: 0;
}

/* For the text in the brownbox - to stop it wrapping underneath icon graphic */
.brownbox-icon2	{
	padding-left: 92px;
}

/* For boxes where text starts, followed by icon with text beside!*/
.brownbox-icon3	{
	padding-left: 7px;
}

#brownbox {
	background-color: #fc6;
	border: thin #C00 solid;
	padding: 10px;
	margin-right: 30px;
	margin-left: 0;
}

#flashbox	{
	padding: 10px 10px 10px 0;
	margin-right: 30px;
	margin-left: 0;
}

/* for flash object to right of icon */
.flashbox2	{
	padding-left: 10px;
	}
	
/* Styles for PROCRASTINATION page */

#proc-container	{
	margin: 1em 5%;
	padding: 0;
}

#leftcol	{
	float: left;
	width: 200px;
	margin-left: 20px;
}

#leftcol p	{
	margin-top: 0;

}
	

#rightcol	{
	margin: 1em 2em 0 400px;
}
/*
.procrastination	{
	margin-left: 300px;
}

.floatleft-proc	{
	padding-left: 50px;
	float: left;
}
*/
#clearbox-icon1 {
	padding: 10px 10px 10px 0;
	margin-right: 30px;
	margin-left: 0;
}

.floatleft	{
	float: left;
}

.clearbox-icon2	{
	padding-left: 92px;
}

tr.orange {
	background-color: #FFCC66;
}

tr.blue {
	background-color: #66CCFF;
}

td.clear {
	background-color: #FFF;
}

.tableclear {
     border: 1px #0099cc solid; border-color: #0099cc; color: #666666;
}

.tableclear2 {
     border: 1px #0099cc solid; border-color: #0099cc;
}

.tdbg {
	background-image: url(../images/nav/navspace1.gif) ;
	background-position: left top;
	background-repeat: repeat-y;


}

p.orange {
	background-color: #FC6;
	padding: 10px;
	margin-right: 30px;
}

p.orangeborder {
	background-color: #FC6;
	border: thin #C00 solid;
	padding: 10px;
	margin-right: 30px;
}


.orangeText {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #CC3300;
}

p.blue {
	background-color: #06C;
	padding: 10px;
	margin-right: 30px;
}


.blueText {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #0066CC;
}
.blueText2 {
	font-weight: bold;
	color: #0066CC;
}

.orangeText2 {
	font-weight: bold;
	color: #CC3300;
}


.greentext1 {
	font-style: normal;
	font-weight: 500;
	color: #060;
}

.purpletext1 {
	font-style: normal;
	font-weight: 500;
	color: #306;
}

.greentext2 {
	font-style: normal;
	font-weight: bold;
	color: #060;
}

.purpletext2 {
	font-style: normal;
	font-weight: bold;
	color: #306;
}

.blacktext2 {
	font-style: normal;
	font-weight: bold;
	color: #000;
}

.MarginRight {
	margin-right: 20px;
}

.notesGraphic	{
	border: 0;
	margin:0px auto;
	height: 400px;
	width: 344px;	

}
/*Styles for selfDirect09 page*/
	.showLink {
		float:right;
		margin-right:2em;
	}
	
	div.collapse {
		padding-left: 2em;
		padding-bottom:1.5em;
	}
	
	div.collapse p {
		margin-top:0px;
		margin-bottom:0px;
	}
	div.collapse h3 {
		margin-bottom:0em;;
	}
	
	h2.collapse {
		background-color:#eef6ff;
		border-color:#FF0000;
		border-bottom:1px;
		border-bottom-style:solid;
		border-bottom-color:#ccddee;
		margin-top:0px;
		margin-bottom:0px;
		padding-bottom:0.5em;
		padding-top:0.5em;
		padding-left: 1em;
	}