/*
 * Tartan-APS.com CSS
 */

/*
 * Overall formatting.
 */

BODY{

   font-family:   arial,verdana,sans-serif;
   font-size:     12pt;
   margin-left:   1em;
   margin-right:  1em;
   margin-top:    0;
   margin-bottom: 0;
   padding:       0;
   border:        0;
   background:    #004590;
}

A {
   color: #003366;
}

A:HOVER {
   color: #990000;
}

H1 {
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size:    24pt;
   color:        #d80;
   font-weight:  bolder;
}

H2 {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size:    12pt;
   font-weight:  bolder;
}


HR {
  border: 1px; 
  color: #004590; 
  border-style: dashed;
}

IMG {
  border: none;
}

INPUT, TEXTAREA {
   font-size:       11pt;
   font-family:     arial,verdana,sans-serif;
   border:          solid 1px #000000;
}

li {
  margin-bottom: 1ex;
}

P {
   text-align: left;
}

TD{
   font-family:  arial,verdana,sans-serif;
   font-size:    12pt;
}


/*
 * This sets the white background against the blue borders
 */
.mainbody {
   margin-bottom: 0; 
   border-color:  white;
   border-style:  solid;
   border-width:  10pt;
   background:    #fff;
   padding:       0;
}

/*
 * Some table class definitions
 */

table.design {
  width: 100%;
  background: black;
  color:      white;
}

table.design td {
  font-size: 14pt;
  text-align: left;
  
}

table.design ul {
  list-style-image: url("images/gold_bullet.png");
}

table.our_work {
	background: black;
	color: white;
}
table.our_work td {
	padding: 8px;
	font-size: 80%;
	vertical-align: top;
}

table.projects {
    background:  #f5b934;
    color: black;
}

table.projects th {
    background: black;
    color: white;
    font-weight: bold;
    padding: 0.4em;
}

table.projects td {
    background: #d8d8d8;
    color: black;
    padding: 0.4em;
}

TD.spaced{
   letter-spacing:  1px;
   line-height:     2em;
   font-family:     arial,verdana,sans-serif;
   font-size:       12pt;
   text-align:      justify;
}


/*
 * Header and Footer specific
 */

.header {
  background:        url("/Athletic_tartan_images/L2_header_bg.gif");
  background-repeat: repeat-x;
  width:             100%;
}


.footer_bg {
  background:        url("/Athletic_tartan_images/L2_footer_bg.gif");
  background-repeat: repeat-x;
}

.footer {
   color:           #fff;
   font-size:       10pt;
   text-decoration: none;
   padding:         0;
   margin-left:     auto;
   margin-right:    auto;
}

A.footer:LINK  {
   color: #fff; 
}

A.footer:VISITED {
   color: #fff;
}

A.footer:HOVER {
   color:           #f03;
   font-size:       110%;
   font-weight:     bold;
   text-decoration: underline;
}

P.footer {
  color:      #fff; 
  text-align: center;
}

/*
 * A list based menu bar
 */
.navbar {
	padding: 0 0 0.5em 0;
	line-height: 2.5em;
}
.navbar li {
	display: inline;
	padding-right: 1em;
	padding-bottom: 2.5em;
}

.navbar li a {
	background: #feb;
	font-weight: bold;
	border-style: solid;
	border-width: 0.2em;
	border-top-color: #d44; 
	border-right-color: #c33;
	border-bottom-color: #811;
	border-left-color: #b11;
	padding: 0.25em;
}

.navbar li a:link {
	color: #722;
}
.navbar li a:visited {
	color: #722;
}

.navbar li a:hover {
	background: #d83;
	color: white;
}


/*
 * Some named class formats.
 */

.article {
  font-family: Georgia, "Times New Roman", Times, serif;
  margin-left: 5%;
  margin-right: 5%;
  border: solid 1pt black;
  padding: 2.5em;
}
.article p {
  text-indent: 2em;
  line-height: 140%;

}
.bluebox {
  background: #004590; 
  color: #fff; 
  padding: 4pt; 
  font-weight: bold;
  clear: both;
}


.bodytitle {
   color:       #4A6CAF;
   font-weight: bold;
   font-size:   15pt;
}

.errorCell {
   font-size:   12pt;
   font-weight: bold;
   color:       #CC0000;
}

.fieldTitle {
   font-size:   12pt;
   font-weight: bold;
   color:       #000000;
}

.formTopic {
   color:      #000000;
   font-size:  12pt;
}

.goldbox {
  background: #f5b934;
  color:      #fff;
  padding: 4pt;
  font-weight: bold;
  clear: both;
}
.highlight {
   border:           solid 1px #000066;
   width:            150px;
   background-color: #fdf0bb;
   line-height: 18pt;
   padding:     5pt;
}

A.highlightFont{
   font-family:     Geneva, Arial, Helvetica, sans-serif; 
   color:           #000066;
   font-weight:     bold;
   text-decoration: none;
   font-size:       13pt;
}

.imagebox {
   float: left;
   border-style: none;
   margin: 2pt;
}
.borderimagebox {
   float: left;
   border-style: none;
   margin: 1em;
   border: 1pt black solid;
   padding: 1em;
}
.indent {
   margin-left: 2em;
}

.quotebox {
	width:90%; 
	margin-left :auto; 
	margin-right: auto; 
	margin-top: 2ex; 
	background: #f4f4ff; 
	padding: 1ex; 
	border: 1px dotted  #aab;
}

.sidetxtwhite {
   color:           #ffffff;
   font-size:       12pt;
   text-decoration: none;
}

.sidetxtyellow {
   color:            #f5b627;
   font-weight:      bold;
   font-size:        12pt;
   text-decoration:  none;
}

.small_title {
   color:           #000000;
   font-weight:     bold;
   font-size:       12pt;
   text-decoration: underline;
}

.spaced {
   letter-spacing:  1px;
   line-height:     2em;
   font-family:     arial,verdana,sans-serif;
   font-size:       12pt;
   text-align:      justify;
}

.txtHeaderLB {
   color:       #243455;
   font-weight: bold;
   font-size:   12pt;
}

.tartan {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;

}