/*
* * See style.css for site styles.
*
* These are color guestimates, need polar colors from graphic designer.
* dk blue: #00182E
* blue: #2296BC  	
* very lt blue: #E6F8FC
* red: #982626
* green: #C2D82E
* font: #666666
* grey: #CCCCCC
*
*/

/* HTML tags */

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}

th {
	padding: 4px;
	text-align: left;	
}

td {
	padding: 5px 0 10px 10px;	
}

td img {
	border: 1px solid #2296BC;
}

hr {
	width: 100%;
    text-align: left;
    margin: 0 auto 0 0;
}




/***********************
* General column styles
************************/

/* Column/article template.css */

.column_content table {
	margin: 5px 0 0 20px;
    border: 0;  
    width: 700px;
}

.column_content table th {
	padding: 2px 0 2px 10px;
	text-align: left;
    color: #00182E; 
}

.column_content td {
    padding: 10px 10px 30px 10px;   
}

.column_content td img {
    border: 1px solid #2296BC;  
}

.column_content table.datatable {
	margin: 5px 0 0 20px;
    border: 1px solid #999999;  
    width: 700px;
}

.column_content table.datatable th {
	padding: 5px;
    border: 1px solid #CCCCCC;  
	text-align: left;
	vertical-align: text-top;
	font-style: italic;
    color: #00182E; 
}

.column_content table.datatable td {
	padding: 5px;
    border: 1px solid #CCCCCC;  
	text-align: left;
	vertical-align: text-top;
}

.column_intro {
	margin: 5px 0;
}

.column_intro h3 {
	margin: 10px 0 5px 0;
	text-transform: none;
	color: #2296BC;
}

.column_intro a .audio_link {
	padding: 0 5px;
}


/**********************
* Section styles
**********************/

.section_content {
	margin: 5px 0;
	border-top: 1px solid #CCCCCC;
	padding: 5px 5px;
}

.section_content h3 {
	margin: 0;
	padding: 5px 0;
	font-size: 1em;
	color: #000;
}

.section_content p {
	margin: 4px 0;
	padding: 4px;
}

.section_content .resource_title {
    margin-top: 10px;
    font-size: .9em;
    font-weight: bold;	
}

.misconception {
	margin: 0;
	border: 0;
	padding: 5px 0 0 4px;
	color: #000;
	font-style: italic;	
}

.bibliographic {
	margin: 0;
	border: 0;
	padding: 5px 0 0 4px;
	color: #000;
}

#regularcontributors, #technologygraphics {
	padding: 10px 0 6px 4px;
	font-size: .8em;
	font-weight: bold;	
	text-align: center;
	color: #666666;
}

/********************
* Link styles
********************/

.audio_link {
    margin: 0 0 0 5px;
    padding: 2px 25px 2px 0;
    background: transparent url('images/audio.gif') no-repeat center right;
}

.video_link {
    margin: 0 0 0 5px;
    padding: 2px 25px 2px 0;
    background: url('images/video.gif') no-repeat center right;
}

a.resource_link {
    display: block;
    padding-bottom: 4px;
}

/*********************
* Copyright
**********************/

div.copyright {
	margin: 15px 0 0 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.copyright p {
   color: #000;
   font-size: .7em;
}


