/* Physical Mind - April 2008 */ 

/* General styles
------------------------------------------------------------------------------------------------------ */
body {
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#61513E;
	background-color:#ffffff;
}

a:link, a:visited {
	color:#0033CC;
	text-decoration:none;
	border-bottom:1px dashed #7cabd1;
}

a:hover, a:active {
	color:#993300;
	text-decoration:none;
	border-bottom:1px dashed #577892;
}

strong {
font-weight:bold;
}

em {
	font-style:normal;
}

p {
	margin:7px 0 7px 0;
	padding:0;
	line-height:17px;
	color: #666666;
	white-space: normal;
}

h1, h2, h3, h4 {
font-weight:normal;
color:#AA6414;
}

h1 {
margin:0 0 6px 0;
padding:0;
font-size:28px;
}

h2 {
margin:0 0 6px 0;
padding:0;
font-size:21px;
}

h3 {
margin:0 0 6px 0;
padding:0;
font-size:19px;
}

h4 {
margin:0 0 6px 0;
padding:0;
font-size:15px;
}

blockquote {
margin:10px 15px 10px 15px;
padding:10px 20px 6px 20px;
background-color:#F3F0EC;
border-top:1px dashed #D9CFBE;
border-bottom:1px dashed #D9CFBE;
background-image:url(img/blockquote-bg.jpg);
background-position:left;
background-repeat:repeat-y;
}

blockquote p {
font-size:17px;
font-style:italic;
color:#867F72;
}

/* Basic lists
------------------------------------------------------------------------------------------------------ */
ul, ol {
line-height:18px;
}

ul {
margin:0 0 10px 25px;
padding:0;
list-style-type:disc;
}

ul li {
margin:0;
padding:0;
}

ul li ul {
list-style-type:circle;
}

ol {
margin:0 0 10px 30px;
padding:0;
list-style-type:decimal;
}

ol li {
margin:0;
padding:0;
}

ol li ol {
list-style-type:lower-roman;
}

/* Images
------------------------------------------------------------------------------------------------------ */
img {
margin:3px;
padding:3px;
border:1px solid #F2EDE3;
}

.rightImg { /*-------// right-floated images //-------*/
float:right;
margin:3px 3px 10px 15px;
}

.leftImg { /*-------// left-floated images //-------*/
float:left;
margin:3px 15px 10px 3px;
}

/* Outer left column that contains the main vertical navigation and anything else
------------------------------------------------------------------------------------------------------ */
#leftColumn {
float:left;
margin:0;
padding:0;
width:257px;
height:700px;
background-image:url(img/left-column-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}

#leftColumn img {
margin:0;
padding:0;
border:none;
}

.printOnly { /*-------// to keep the print-only image from appearing on page //-------*/
display:none;
}

/* Individual boxes that hold each spotlight in the left column, beneath the main navigation
------------------------------------------------------------------------------------------------------ */
.leftColumnSpot {
margin:0 0 10px 20px;
padding:6px;
width:225px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.leftColumnSpot p {
line-height:12px;
}

/* DIV that holds the links and positions them on the paper background
------------------------------------------------------------------------------------------------------ */
#mainNav {
margin:190px 0 0 35px;
padding:0;
width:160px;
height:260px; /*-------// here to maintain vertical spacing between nav background and other content //-------*/
}

/* Styles for main navigation text links
------------------------------------------------------------------------------------------------------ */
#mainNav ul {
margin:0;
padding:0;
list-style-type:none;
}

#mainNav ul li {
margin:0 0 6px 0;
padding:0;
list-style-type:none;
}

#mainNav ul li a:link, #mainNav ul li a:visited {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:17px;
color:#A53B01;
text-decoration:none;
border-bottom:none;
padding-left:0;
}

#mainNav ul li a:hover, #mainNav ul li a:active {
color:#000000;
padding-left:3px; /*-------// Added padding creates the small movement on mouse-over //-------*/
}

/* Header DIV
------------------------------------------------------------------------------------------------------ */
#header {
margin:0 0 0 260px;
padding:0;
height:175px;
text-align:right;
}

#header img, #header a:link, #header a:visited, #header a:hover, #header a:active {
margin:0;
padding:0;
border:none;
}

/* Tagline or breadcrumb links DIV beneath the header area
------------------------------------------------------------------------------------------------------ */
#tagline {
margin:0 20px 0 280px;
padding:0;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
vertical-align:middle;
}

#tagline p {
margin:0;
padding:0 20px 0 0;
}

/* DIV containing the body copy
------------------------------------------------------------------------------------------------------ */
#mainBody {
	margin:10px 150px 30px 280px;
	padding:0;
	max-width: 600px;
}

.backTop {
margin:15px 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:right;
}

/* Left-floated DIVs for side-by-side boxes within #mainBody if needed
------------------------------------------------------------------------------------------------------ */
.indexBodyBox {
float:left;
margin:20px 4px 30px 4px;
padding:8px;
width:45%;
background-color:#F6F3F1;
border-top:1px solid #D0CAC5;
border-bottom:1px solid #D0CAC5;
font-size:11px;
}

/* Right-floated sidebar DIV
------------------------------------------------------------------------------------------------------ */
#rightSidebar {
float:right;
margin:0 0 10px 15px;
padding:8px;
width:150px;
background-color:#F3F0EC;
border-left:1px dashed #D9CFBE;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}

#rightSidebar p {
line-height:13px;
}

/* Footer DIV
------------------------------------------------------------------------------------------------------ */
#footer {
clear:both;
margin:20px 150px 40px 280px;
padding:0;
font-size:11px;
color:#cccccc;
text-align:center;
}

/* Workaround for parent DIV to clear floated child DIV
------------------------------------------------------------------------------------------------------ */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}