@charset "utf-8";

* {margin:0; padding:0;}
.gradientH {
background: rgb(222,239,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); }

html {min-height:100%; overflow-y: scroll; }




body {
	font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	color: #666666;
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
	text-align: center; 
}
p {
	/*width:60%;*/
	text-align:center;
	font: 12px;
	color:#333333;
	}
#container {
	width: 90%;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left;
	border-left: box-shadow: -3px 3px 6px #666; -webkit-box-shadow: -2px 2px 6px #666; -khtml-box-shadow: -2px 2px 6px #666; -moz-box-shadow: -2px 2px 6px #666;
	border-right: solid 1px #666; box-shadow: -6px 6px 12px #000000; -webkit-box-shadow: -2px 2px 6px #666; -khtml-box-shadow: -2px 2px 6px #666; -moz-box-shadow: -2px 2px 6px #666;
}
#header {
	background: #aec3d5; 
	padding: 0px;
}
#header h1 {
	margin: 0; 
	padding: 10px 40px 10px; 
	text-shadow: 2px 2px #0066FF;
	
}

#header h2 {
	margin: 0; 
	padding: 10px 40px 10px; 
	text-shadow: 0px 0px #0066FF;
}

#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 400px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 5px 10px 0px 10px;
}
#sidebarContact {
	float: right; /* since this element is floated, a width must be given */
	width: 400px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}

#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 1000px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 5px 10px 0px 10px;
}
#sidebar2Contact {
	float: right; /* since this element is floated, a width must be given */
	width: 1000px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}

#mainContent {
	margin: 0 0px 0 0;
	padding: 20px 20px 20px 40px;
	
}
#mainContentWide {
	margin: 0;
	padding: 20px 40px; 
}

#footer {
	padding: 0;
	padding: 10px 30px;
	background:#3c608b;
}
#footer p {
	margin: 0; 
	padding: 10px 30px;
	color:#FFF;
}
#box {
	margin:20px 10px;
	padding:10px;
	background-color:#3c608b;
	width:300px;
	height:auto;
	float:right;
	border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
	box-shadow: -6px 6px 12px #000000;

    /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft:24px;
   	-moz-border-radius-topright:24px;
  	-moz-border-radius-bottomleft:24px;
  	-moz-border-radius-bottomright:24px;
  	-webkit-border-top-left-radius:24px;
  	-webkit-border-top-right-radius:24px;
  	-webkit-border-bottom-left-radius:24px;
  	-webkit-border-bottom-right-radius:24px;
	border-radius-topleft:24px;
   	border-radius-topright:24px;
  	border-radius-bottomleft:24px;
  	border-radius-bottomright:24px;
	border-radius: 24px 24px 24px 24px; 
}

#boxbig {
	margin:20px 10px;
	padding:10px;
	background-color:#3c608b;
	width:90%;
	height:auto;
	float:right;
	border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
	box-shadow: -6px 6px 12px #000000;

    /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft:24px;
   	-moz-border-radius-topright:24px;
  	-moz-border-radius-bottomleft:24px;
  	-moz-border-radius-bottomright:24px;
  	-webkit-border-top-left-radius:24px;
  	-webkit-border-top-right-radius:24px;
  	-webkit-border-bottom-left-radius:24px;
  	-webkit-border-bottom-right-radius:24px;
	border-radius-topleft:24px;
   	border-radius-topright:24px;
  	border-radius-bottomleft:24px;
  	border-radius-bottomright:24px;
	border-radius: 24px 24px 24px 24px; 
}

#boxred {
	margin:20px 10px;
	padding:10px;
	background-color:yellow;
	width:300px;
	height:auto;
	float:right;
	border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
	box-shadow: -6px 6px 12px #000000;

    /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft:24px;
   	-moz-border-radius-topright:24px;
  	-moz-border-radius-bottomleft:24px;
  	-moz-border-radius-bottomright:24px;
  	-webkit-border-top-left-radius:24px;
  	-webkit-border-top-right-radius:24px;
  	-webkit-border-bottom-left-radius:24px;
  	-webkit-border-bottom-right-radius:24px;
	border-radius-topleft:24px;
   	border-radius-topright:24px;
  	border-radius-bottomleft:24px;
  	border-radius-bottomright:24px;
	border-radius: 24px 24px 24px 24px; 
}

#boxwide {
	margin:50px 50px;
	padding:20px;
	background-color:#aec3d5;
	width:55%;
	height:auto;
	float:middle;
	border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
	box-shadow: -6px 6px 12px #000000;

    /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft:24px;
   	-moz-border-radius-topright:24px;
  	-moz-border-radius-bottomleft:24px;
  	-moz-border-radius-bottomright:24px;
  	-webkit-border-top-left-radius:24px;
  	-webkit-border-top-right-radius:24px;
  	-webkit-border-bottom-left-radius:24px;
  	-webkit-border-bottom-right-radius:24px;
	border-radius-topleft:24px;
   	border-radius-topright:24px;
  	border-radius-bottomleft:24px;
  	border-radius-bottomright:24px;
	border-radius: 24px 24px 24px 24px; 
}


#box img {padding:20px;}
#boxred img {padding:20px;}
#boxwide img {padding:20px;}


#box p {color:#FFF; font-size:1.4em; font-style:italic; padding-bottom:20px;}
#box p.title {color:#FFF; font-size:1.2em; font-style:normal;}
#box h3 {color:#FFF;}

#boxbig p {color:#FFF; font-size:1.4em; font-style:italic; padding-bottom:20px;}
#boxbig p.title {color:#FFF; font-size:1.2em; font-style:normal;}
#boxbig h3 {color:#FFF;}

#boxred p {color:red; font-size:1.4em; font-style:italic; padding-bottom:20px;}
#boxred p.title {color:red; font-size:1.2em; font-style:normal;}
#boxred h3 {color:red;}

#boxwide p {color:#FFF; font-size:1.4em; font-style:italic; padding-bottom:20px;}
#boxwide p.title {color:#FFF; font-size:1.2em; font-style:normal;}
#boxwide h3 {color:#FFF;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Links */
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #9CF;
}
#footer a:hover {
	border-bottom: 1px dotted #9CF;
	background-color:grey;
	color:black;
}
a:link, a:visited {
	text-decoration: none;
	color: #0788C3;
}
a:hover {
	border-bottom: 1px dotted #0788C3;
}
a:link.more-link, a:visited.more-link {
	padding-bottom: 2px;
	font-weight: bold;
	color: #0788C3;
	border-bottom: 1px dotted #0788C3;
}
a:hover.more-link {
	text-decoration: none;
}

/* Headers */
h1, h2, h3, h4 {
	font: bold 1em/1.5em Georgia, 'Times New Roman', Times, serif;
	color: #555;
	padding-bottom:20px;
}
h1 { font-size: 3.6em; font-weight: normal;}
h2 { font-size: 1.8em; font-weight: normal; }
h3 { font-size: 1.6em; font-weight: normal; letter-spacing: -0.5px; padding-top: 10px; }
h3.form { font-size: 1.7em; font-weight: normal; text-transform:none; letter-spacing: -0.5px; }
h4 { font-size: 1.4em; }

/* Lists */
ul, ol {
	margin: 10px 20px;
	padding: 10px 20px;
}
ul { list-style: square; font-size:1em; font-weight:bold; color:#ffffff; }
ol { list-style: decimal; }
li {padding-bottom:10px;}

dt {
  font-weight: bold;
  color: #1980AF;	
}
dd {
  padding-left: 20px; 
}

p, dl { margin:0px; }
p.copyright {text-align:right; float:right;}

img <padding-top:15px;}

/* form */

form {margin:20px; border:#3c608b 2px solid; padding:10px 20px;}

.formfield {
		border: #aec3d5 1px solid; font-family:'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; font-size: 14px; color:#676767; background-color:#ffffff; padding:2px; margin-bottom:10px;}
		
.formbutton {
		border: #999999 1px solid; font-family:'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; font-weight:bold; font-size: 12px; background-color: #3c608b; color: #ffffff; padding:4px;}


/* Images */
img {border:none;}

img.logo { 
	position:relative;
	top:-60px;
	left:10px;
	border:none;
}

img  {   padding: 10px;
}

img.silhouette {
	position:relative;
	top:10px;
	left:10px;
	z-index:1000;
	border:none;}


img.float-right {
  	margin: 20px 10px;
	float:right;
	width:300px;
}
img.float-left {
  	margin: 5px 10px 10px 0px;
	float:left;
}

/* menu */

#menu {
	background-color:#3c608b;
	width:100%;
	height:auto;
}

.tabs{
overflow: hidden;
position:relative;
}

.tabs ul{
margin: 0;
padding: 0; /*offset of tabs relative to browser left edge*/
list-style-type: none;
float:right;
}


.tabs li{
display: inline;
margin: 0;
}

.tabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 3px 10px; /*padding inside each tab*/
color: white;

box-shadow: -2px 2px 1px #4444ff;
background: #0099ff; /*background of tabs (default state)*/
}

.tabs li a:visited{
color: white;
}

.tabs li a:hover, .tabs li.selected a{
background:black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color:red;
border:none;
}

@media only screen and (max-width:800px) {
  /* For tablets: */
  .main {
    width: 80%;
    padding: 0;
  }
  .right {
    width: 100%;
  }
}
@media only screen and (max-width:500px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
  }
}