/*
Style Sheet for IASM
Table of fonts installed on each operating system
http://www.apaddedcell.com/web-fonts
("Georgia" is installed on Windows, Mac OS 10.4, and Ubuntu Linux)
http://htmlhelp.com/reference/css/
CYMK:
PMS 7498 is a very dark olive color.
The background color is 20% PMS 7498
RGB:
Dark Olive - #566612
Background - #DDE0D0
Alt Background #CED3B7
Darkish Orange #C84200
*/
body {
background-color: #9c9c9c;
/* padding: 0; */
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #111;
}
/* Affects every element */
* {
/* border: thin solid #ccc; */
}
/* The whole document (Encompasses the same as */
.wrapper {
/* border: thin solid Black; */
width: 840px;
margin:0 auto;
padding:0;
}
/* The page heading (where the IASM logo is) */
#head{
/* border: thin solid Red; */
width:688px;
padding-left:152px;
}
/* The left navigation menu */
#menu{
/* border: thin solid Blue; */
float:left;
padding-left:3px;
width:157px;
height:300px;
}
/* Green gradient + picture */
#pic{
/* border: thin solid Yellow; */
margin-left:0px;
float:left;
width:650px;
height:283px;
padding:0;
}
/* Green gradient only */
/* Index page must allow room for the movie */
#picindex{
/* border: thin solid Yellow; */
margin-left:0px;
float:left;
width:170px;
height:283px;
padding:0;
}
/* Movie */
#movie {
/* border: thin solid blue; */
margin-left:0px;
float:left;
width:480px;
height:283px;
padding:0;
}
/* For the text that is placed on the green gradient ($head_title) */
#title {
float:right;
text-align:left;
height:25px;
width:645px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bolder;
font-size:14px;
color: #70A160;
margin:255px 0 0 0;
padding-left:5px;
}
.caption {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
}
/* The white area where all the content goes */
/* Full width */
.content {
/* border: thin solid Red; */
margin-top:15px;
width: 800px;
margin-left:20px;
padding: 10px 10px;
background: #FFF;
}
/* The white area where all the content goes */
/* Right column only (To the right of the nav menu) */
.contentv {
/* border: thin solid Red; */
width: 650px;
margin-top:20px;
margin-left:160px;
margin-top:20px;
padding: 10px 10px;
/* padding-left: 170px; */
background: #FFF;
}
.content img.portrait {
padding:15px;
float:right;
}
/* Designed for use in a table cell. Then, */
.tablepar {
/* border: thin solid blue; */
margin: 0px 0px 0px 127px;
padding: .03em 0px 0px 0px;
}
/* Designed for use in a table cell. Then,
*/
.indextablepar {
/* border: thin solid blue; */
margin: 0px 0px 0px 0px;
padding: .03em 0px 0px 0px;
}
.bolditred {
font-style: italic;
color: red;
font-weight:bold;
}
.boldred {
font-style: normal;
color: red;
font-weight:bold;
}
.bolditblue {
font-style: italic;
color: blue;
font-weight:bold;
}
.boldblue {
font-style: normal;
color: blue;
font-weight:bold;
}
/* Designed to use without a table. Seems very fragile, IMO. */
#columnleft {
/* border: thin solid blue; */
float: left;
width: 590px;
margin: 0 00px 0 0px;
padding: 0 0 0 107px;
/* height:100px; */
}
#columnright{
/* border: thin solid red; */
float:right;
width: 100px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.errormsg {
/* border: thin solid red; */
color: red;
font-weight: bold;
}
p, ul, ol, h1, h2, h3, h4 {
/* Top Right Bot Left */
margin: .7em 20px 0px 20px;
padding:0px;
}
p, ul {
letter-spacing: 0.004em;
}
p {
/* border: thin solid #000000; */
/* font-size: 16px; */
line-height: 123%;
}
small {
font-size: 11px;
}
psize {
}
ul {
/* border: thin solid #000000; */
/* margin: 00px 10px 0pt 40px; */
margin-top: .1em;
margin-left: 55px;
line-height: 120%;
}
li {
/* font-size: 16px; */
}
h1 {
/* border: thin solid #000000; */
border-bottom: 1px solid #555;
margin-bottom: 15px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
font-variant: small-caps;
}
h2, h3, h4 {
/* border: thin solid #000000; */
font-family: "Times New Roman", Times, serif;
font-weight: bold;
font-variant: small-caps;
}
h1 {
font-size:27px;
color:#848C5B; /* IASM Green */
}
h2 {
font-size:20px;
color:#a24927;
}
h3 {
font-size:18px;
color:#782408; /* Light orange */
}
h4 {
font-size:17px;
color:#782408; /* Light orange */
}
/* This doesn't work. Can't do '
' */
/*
table{
border-width: 0px;
border-spacing: 0px;
border-style: hidden;
border-collapse: collapse;
}
th, td {
border-width: 0px;
border-style: hidden;
padding: 0px;
}
*/
/* To use: wrap the table with */
/*
#thinborders table, th, td, tr {
border-collapse: collapse;
border: 1px solid #555;
}
#thinborders td {
padding: 6px;
}
#thinborders th {
font-size: 18px;
line-height: 110%;
color: white;
background-color: #566612;
border: 2px solid #566612;
}
*/
.toc {
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
}
.toc.small {
font-size: smaller;
}
.ts {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
}
.tochead {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
}
.footer {
/* border: thin solid #000000; */
width: 790px;
margin-left:0px;
padding:5px;
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
/* font-family: "Arial Narrow","Helvetica-Narrow", Arial, Helvetica, sans-serif; */
font-weight: normal;
color:#333;
text-align:center;
}
h3.tagline {
margin:0;
padding:10px;
font:9pt Arial, Helvetica, sans-serif;
color:#333;
}
div.footer a {
margin:0;
padding:5px;
font:15px Arial, Helvetica, sans-serif;
/* font-variant:small-caps; */
color:#333;
}
div.footer a:hover {
color:#7f7f7f;
}
a:link {
color: #a24927;
}
a:visited {
color: #a24927;
}
a:hover {
/* color: #a24927; */
/* background-color: #a24927; */
color: #F44927;
}
a:active {
color: #F44927;
}
.caps { font-variant: small-caps; }
.center { text-align:center; }
.clear {clear: both}