/* *****************************************************************************************

Style.css - Thi file contains the overall global styles as well as layout grid for the generic 
template of the site. Additional CSS is to be inherited on top of this for indiviual sub 
template specifics such as homepage, or articles, etc. 

I. Fonts
   i. Vector Font: Vernana, Arial 
   ii. Raster Fonts: 
      a. titles: S8p1nShAvan; 28 pt (75 horiz kerning)
      b. subtitle: Helvetica Neue; 18 pt (0 horiz kerning)
      c. button: Helvetica Neue; 18pt

II. Color Pallette
   Red: C10000
   Dark Red: 8F0000
   Green: A8C100
   Dark Green: 94AA00
   Gray: 6F6F6F
   Dark Gray: 707070
   Yellow: EFFF00
   Background: E6F0FF
   Light Gray: #DDD
   
***************************************************************************************** */


/* Base Tag Types */
html,body,form,table,td,th,div,span,p,h1,h2,h3,select,input,textarea{
	color:#828282;
	font-size:11px;
	font-family:Verdana,Arial;
}

strong{font-weight:bold;}
html,body{color:#828282} 

table,td{padding:0px;vertical-align:top}

/* Link Styles*/
a{color:#828282;text-decoration:underline}
a:hover{text-decoration:none}
a.white{color:#FFF;text-decoration:underline}
a.white:hover{text-decoration:none}
a.red{color:#C10000;text-decoration:underline}
a.red:hover{text-decoration:none}
a.green{color:#94AA00;text-decoration:underline}
a.green:hover{text-decoration:none}
a.none{text-decoration:none}
a.none:hover{text-decoration:underline}


/* Font Colors */
.redtext{color:#C10000}
.greentext{color:#94AA00}
.graytext{color:#707070}
.whitetext{color:#FFF}
.yellowtext{color:#FFF}


/* Backgound Colors */
.redarea{background-color:#C10000;color:white}
.darkredarea{background-color:#8F0000;color:white}
.greenarea{background-color:#A8C100;color:white}
.darkgreenarea{background-color:#94AA00;color:white}
.whitearea{background-color:#FFF}
.grayarea{background-color:#6F6F6F}
.lightgrayarea{background-color:#E9E8E8}


/* Font Optional Properties */
.bold{font-weight:bold}
.small{font-size:9px}
.big{font-size:16px}
.highlight{color:#f00}
.capitalize{text-transform:capitalize}
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}

.title{
	color:#C10000;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}

.alert, #alert {font-weight:bold;color:#C10000}