/*
Original design: Basic Landing (v1.0 - Feb 22, 2011) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/basic-landing/
*/

* {margin:0; padding:0;}
body {
background-color:#fff; 
font:84% verdana,Georgia,"Times New Roman",serif;
font-size:1.2em; 
color:#000080; 
line-height: 1.6em;}
#header, #main, #footer {width:100%; display:block; float:left;}
.inner {width:800px;}

/* Header area */
#header {background:transparent url(images/header-bg.png) top left repeat-x;}
#header .inner {height:185px; margin:0 auto; display:block; }
#feature {width: 615px; margin:-38px 0 0 145px; padding:0; display:block; float:left; clear:both;}
#header h1 {font-size:3em; font-weight:400; color:#000080; padding:28px 0 20px; letter-spacing:-1px; text-shadow:#000 1px 1px 15px;}
#header h1 a {color:#000080;}
#header h1 a:hover {color:#fff;}
#feature h2 {font-size:1.8em; text-align:right; font-weight:400; color:#000080;}
#feature h2 a {color:#000080;}
#feature p {margin:10px; text-align:right; color:#000080;}

/* Main content area */
#main {margin:0}
#main .inner {margin:20px auto; padding-left: 20px; /*border-left: solid; border-left-width: 1px; border-left-color: #FF8040;*/}
#main h1 {font-size:2.4em; font-weight:400; color:#000080; padding:28px 0 20px; letter-spacing:-1px;}
#main h2 {font-size:1.5em; letter-spacing:-1px; font-weight:400; color:#000080; margin-top:15px; margin-bottom:15px; text-decoration:none;}
#main h3 {font-size:1.3em; letter-spacing:-1px; font-weight:400; color:#000080; margin-top:15px;}
#main h4 {font-size:1.2em; letter-spacing:-1px; font-weight:400; color:#000080; margin-top:15px;}
/*Blue box area*/
#foot-box {
	width: 675px;
    margin-top:15px;
    margin: auto;
    font-size: 0.9em;
    line-height:1.2em;
	float: center;
    color: #004080;
    padding: 10px;
 	border-style: solid;
	border-width: 1px;
    border-color: blue;
    background-color: #B5DAFF
 }
 /* 2 Column */
 .column-2 {
  float: left;
  width: 45%;
  padding: 10px
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
 /* 3 Column */
 .column {
  float: left;
  width: 30.33%;
  padding: 5px
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* Footer area */
#footer {margin-top:20px; border-top:1px dotted #ccc; font-size:0.7em;}
#footer .inner {text-align:center; padding:10px 0; margin:0 auto;}
	
/* General tags and classes */
p { margin:12px 0 12px 0;}
p.center {text-align:center;}
strong {color:#000080;}
a {color:#0000FF; font-weight:400; text-decoration:underline;}
a:hover {text-decoration:none; color:#333;}
a img {border:none;}
a.button {padding:8px 15px; background-color:#874444; color:#fff; text-shadow:#555 1px 1px 5px; font-size:1.4em; border:4px solid #eee; margin:15px auto;}
a.button:hover {background-color:#a76464; color:#fff; text-shadow:#000 1px 1px 8px; font-size:1.4em; border:4px solid #ccc;}
img.alignleft {display:inline; float:left; margin:5px 25px 5px 0;}
img.alignright {
float:right; 
margin:5px 10px 5px 10px;}
img.aligncenter {display:block; margin:10px auto;}
img.border {
background:#ccc; 
border:4px solid #eee; 
color:#333; 
padding:1px;}
hr.clear {clear:both; height:1px; visibility:hidden;}