/* SCstyle.css  ================================================================= V 1.01 10/31/17 Cm
 * 
CSS page for the ShapeCaster guide.

0.01 creation																								12/07/13 Cm
0.02 Massive cleanup; reset added to pages														12/11/13 Cm
0.03 Changes added to complement 0.03 SCpage* cleanup											12/12/13 Cm
0.04 Changes for site integration & nav bar additions											 4/30/14 Cm
0.05 Table elements added for part pages.															 5/13/14 Cm
1.00 Production version 1.00. Use 0.05 for continued development							10/05/15 Cm

1.01 Cleanup & reformat																					10/31/17 Cm
==================================================================================================*/

/* generic elements ---------------------------------------*/
body  {
	font-family:      times, serif;
	font-size:              19.2px;	
}

img  {
	position:             relative;
	margin:                    1em;
	border:        2px solid black;
	z-index:                     2;
}

b  {
	font-size:                105%;
}

table  {
	width:                    100%;
	height:                   100%;
	border:                      0;
	text-align:             center;
	padding:                   5px;
}

th, td  {
	text-align:             center;
}

th  {
	font-size:                125%;
	font-weight:              bold;
	border:        1px solid black;
}

/* background elements ------------------------------------*/
#backBox  {
	position:             absolute;
	width:                  1000px;
	margin:                    1em;
	border:        3px solid brown;
	padding:                     0;
	background-image: url("images/SC_back_nb_m.jpg");
	}
	
#backTop  {
	top:                       0px;
	height:                  350px;
	width:                    100%;
	margin:                      0;
	border:                      0;
	z-index:                     0;
}

#backMid {
	width:                    100%;
	margin:                      0;
	border:                      0;
	z-index:                     0;
}

#backBtm  {
	height:                  350px;
	width:                    100%;
	margin:                      0;
	border:                      0;
	padding:                     0;
	z-index:                     0;
	bottom:                   -3px;
}

#btmBar  {
	position:             absolute;
	top:                     675px;
	z-index:                     1;
	width:                   950px;
}

/* content common elements --------------------------------*/
.content  {
	position:             absolute;
	top:                         0;
	left:                       2%;
	z-index:                     1;
	background-color:  transparent;
}

.superscript  {
	font-size:                 60%;
	vertical-align:          super;
	font-weight:              bold;
}

.subhead  {
	font-size:                125%;
	font-weight:              bold;
}

#text  {
	padding-right:             1em;
	z-index:                     3;
}

/* these elements are used together for page headings -----*/
#header  {
	font-size:                250%;
	font-weight:              bold;
}

#dropcap  {
	position:             relative;
	font-size:                168%;
	top:                    0.25em;
}

#italic  {
	position:             relative;
	font-size:                 67%;
	font-style:             italic;
	left:                      5em;
}

/* image common elements ----------------------------------*/
.floatR  {
	margin:        0em 0em 1em 1em;
	float:                   right;
}

.floatL  {
	margin:        0em 1em 1em 0em;
	float:                    left;
}

/*-- navbar properties ------------------------------------*/
.nav  {
	position:             absolute;
	width:                    100%;
	border-style:       solid none;
	border-width:              2px;
	border-color:            brown;
	min-height:                1em;
}

.nav a  {
	padding:               0em 1em;
	font-size:                 90%;
	text-decoration:          none;
}

.nav a:hover  {
	font-weight:              bold;
	font-size:                 86%;
}

.logo  {
	position:             absolute;
	top:                     -21px;
	left:                      43%;
	height:                   60px;
	margin:                      0;
	border:                      0;
	z-index:                     3;
}

.ltArrow  {
	font-size:                100%;
	font-weight:               900;
	float:                    left;
}

.rtArrow  {
	font-size:                100%;
	font-weight:               900;
	float:	                right;
}

.ltAnchor  {
	float:                    left;
}

.rtAnchor  {
	float:                   right;
}

#topNav  {
	position:             absolute;
	left:                       5%;
	top:                      24px;
	width:                     90%;
	z-index:                     2;
}

#bottomNav  {
	position:             absolute;
	left:                       5%;
	bottom:                   44px;
	width:                     90%;
	z-index:                     2;
}

/*---------------------------------------------------------*/
