@charset "UTF-8";
/* CSS Document */



/* #RESET
================================================== */                        
* {
	margin: 0;
	padding: 0;
}

/* #HTML5
================================================== */
header, section, footer, aside, nav, article, figure {
	    display: block;
}

/* #CLEARFIX
================================================== */
/*From Chris Coyier CSS Tricks
http://css-tricks.com/snippets/css/clear-fix/ */
.group:after {
  content: "";
  display: table;
  clear: both;
}

/* #BASE TYPOGRAPHY
================================================== */

/*
=================================================
	Basic text sizing
=================================================
	Set your main font size for paragraph

	Reference
	62.5%  => 10px
	68.8%  => 11px
	75%    => 12px
	81.3%  => 13px
	87.5%  => 14px
	100%   => 16px
	112.5% => 18px
	125%   => 20px

*/

body {
	/*font-family: Helvetica, Arial, sans-serif;*/
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 112.5%; /* 16px */
	line-height: 1.5em;
	color: #4218B4;
	background-color:#CBD7FC;
}

/*
Using a Traditional scale: 6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72
	if base is 16:
	h1 = 48 pixels → 48 ÷ 16 = 3 em
	h2 = 36 pixels → 36 ÷ 16 = 2.25 em
	h3 = 24 pixels → 24 ÷ 16 = 1.5 em
	h4 = 21 pixels → 21 ÷ 16 = 1.3125 em
	h5 = 18 pixels → 18 ÷ 16 = 1.125 em
	h6 = 16 pixels → 16 ÷ 16 = 1 em
	xx = 14 pixels → 16 ÷ 16 = .875 em
*/
h1, h2, h3, h4, h5, h6 { margin-bottom: .2em; margin-top: .25em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 3em; line-height: 1.15em; }
h2 { font-size: 2.25em; line-height: 1.2em; }
h3 { font-size: 1.5em; line-height: 1.25em; }
h4 { font-size: 1.3125em; line-height: 1.3em; }
h5 { font-size: 1.125em; line-height: 1.35em; }
h6 { font-size: 1em; line-height: 1.4em; }

h1 {
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: .2em;
	text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
}

h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
}

/* #Paragraphs 
================================================== */
p { 
	margin-bottom: 1.25em; 
}


article p.subhead:first-of-type {
		font-size: 1.4em;
		line-height: 1.5em;
	}

article p.subhead:first-of-type:first-letter {
    font-variant: normal;
    color:#fff;
    display:block;
    float:left;
    font-size:2.9em;
    line-height:0.8em;
    margin: 0.13em 0.14em 0 0;
    text-transform:uppercase;
	padding: .25em;
	background-color: #c00;
}

article p.subhead:first-of-type:first-line {
    font-size:1em;
    font-variant:small-caps;
}



/* #Links
================================================== */
a { color: #69c; text-decoration: none;}
a:hover { color: #39c; }


/* #Lists
================================================== */
ul, ol { 
	margin: 0 0 1.25em 0; 
}

ul li ul, ul li ol, ol li ul, ol li ol {
	margin: 0; 
}

li {
	margin: 0 0 0 1.875em;
}

p+ul {
	margin-top: -1em;
}

/* ================Container row colums=================*/
.container {
	width: 98%;
	padding: 0 1%;
	margin: 0 auto;
}

.row {
	margin: 0;	
}

.column {
	float: left;
	margin: 0 0 0 2%;	/* This is the gutter */
}

H1 {
	font:Verdana, Geneva, sans-serif;
	color:	#009;
}

#container{
	width: 940px;
	margin: 40px auto;
	background: #fff;
	padding: 20px;
}