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

Style.css - This 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
	
  Dark Gray: 343434
  Med Gray: 7C7C7B
  Light Gray: B3BABD
  Turqoise: 16B3C1
   
***************************************************************************************** */


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

strong,label{font-weight:bold;}
fieldset{
	margin-top:10px;
	margin-bottom:10px;
}
html,body{color:#343434} 

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

h1{
	font-size:16px;
	color:343434;
	font-weight:bold;
}

h2{
	font-size:12px;
	color:343434;
	font-weight:bold;
}

p{
	margin-top:10px;
	margin-bottom:10px;
}

em{
	font-style:italic;
}

/* Link Styles*/
a{color:#16B3C1;text-decoration:underline}
a:hover{text-decoration:none}
a.white{color:#FFF;text-decoration:underline}
a.white:hover{text-decoration:none}
a.none{text-decoration:none}
a.none:hover{text-decoration:underline}


/* Font Colors */
.whitetext{color:#FFF}


/* Backgound Colors */
.whitearea{background-color:#FFF}
.grayarea{background-color:#6F6F6F}


/* 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:#16B3C1;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}

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


/* LISTS ********************************** */

ul {margin-bottom:10px;margin-top:10px}
ol {margin-bottom:10px;margin-top:10px}

li{	
	background: url(/assets/images/inf_bullet.gif);
	background-repeat:no-repeat;
	white-space:nowrap;
	padding-left:15px;	
	margin-bottom:3px;
}

li a{color:#16B3C1;font-weight:bold;text-decoration:underline}
li a:hover{text-decoration:none}


/* MISC *********************************** */

.newline{clear:both}

.hbar{
	background-color:#908F8F;
	height:1px;
	clear:both;
	margin-top:5px;
	margin-bottom:15px;
	overflow:hidden;   			/*MSIE Hack*/
}

.vbar{
	background-color:#908F8F;
	width:1px;
	clear:both;
	overflow:hidden;   			/*MSIE Hack*/
}

.vgutter{
	clear:both;
	height:20px;
	margin-bottom:15px;
}

.hgutter{width:10px;}

.left{
	text-align:left;
	display:block;
	position:relative;
	float:left;
}

.right{
	text-align:right;
	display:block;
	position:relative;
	float:right;
}