/* =============================================================================================
 * Power Notes
 * File: pn.css     CSS page
 * 
 * Author: s.clark
 * Copyright: (c) 2014 by S.Clark
 * Created: Oct 2014
 * Browsers tested on: FireFox, IE9, Chrome, Opera
 */

@import "reset.css";	/*--  This seems necessary to get all browsers on track --*/
@import "Tabs.css";

/* General HTML body styling */
body {
    padding: 0; 
    margin: 0; 
    background: black;
    text-align: center;
	}

p {font-family: Arial; font-size: 12pt; text-align: left; margin-left: 15px; margin-right: 15px; }
ul {font-family: Arial; font-size: 12pt; text-align: left; margin-left: 15px; margin-right: 15px;
     list-style: disc; list-style-position: inside; }
ol {font-family: Arial; font-size: 12pt; text-align: left; margin-left: 15px; margin-right: 15px; 
    list-style: decimal; list-style-position: outside; }
span {font-family: Arial; font-size: 12pt; text-align: left;}
div {font-family: Arial; font-size: 12pt; text-align: left;}
h2, h3 {text-align: left; margin-left: 15px; font-size: 18pt;}            

/* my control of 'Contact' links colors */
a.ctact:link {color:yellow;}
a.ctact:visited {color:LightGray;}  

.TitleBkColor{
	background-color: #D3D3D3;
	}

.ProjBorder{
	border-top: 0px;
	border-bottom: 0px solid blue;
	border-left: 1px solid blue;
	border-right: 1px solid blue;
	}

.imgCenter{ 
	display: block; 
	margin: 0 auto; 
	}

.But1{
	margin-top: 40%; 
	font-size: 18pt;
	border-radius: 4px;
	}
.But2{
	margin-top: 6px; 
	background-color: goldenrod; 
	height: 35px; 
	font-weight: bold;
	border-radius: 4px;
	
	}

.BottomPanel{
	margin: 0px 0px 0px 0px; 
	width: 100%; 
	height: 40%; 
	display: block; 
	border: none;
	}
.SidePanel{		/*float: left; width: 17%; height: 90%; display: block; margin-left: 5px; margin-top: 3%;*/
	float: left; 
	width: 17%; 
	height: 90%; 
	display: block; 
	margin-left: 5px; 
	margin-top: 3%;
	}
.PN{ color: #1565B2; }
.IB{ font-style: italic; font-weight: bold; color: black;}
.ver1{
	font-weight: bold;
	
}
.ver2{
	font-size: 10pt;
}		

/* My version of abreviated 960 controls
 *      i wanted a custom width for the body.
 */
.container_12{
    margin-left: auto; margin-right: auto; width: 980px;
	}
.grid_12{
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
	}
.container_12 .grid_12 {
  width: 980px;
	}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
	}