@import "fontface.css";
@import "reset.css";

body {
font-family: ColaborateRegular, Arial Narrow, Arial, Helvetica, sans serif;
font-size: 16px;
font-weight: normal;
color: #000000;
background: #fff;
}



#wrapper {
position: relative;
width: 980px;
height: 1250px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}

.logo {
margin-top: 15px;
}

#menu {
font-family: ColaborateLight, Arial Narrow, Arial, Helvetica, sans serif;
font-size: .8em;
margin-top: 30px;
margin-bottom: 20px;
}

ul, li {
display: inline;
padding-right: 20px;
padding-left: 20px;
}
h1, h2{
font-size: 1.3em;
font-style: normal;
color: #00958F;
}

a:link {
color: #6A737B;
text-decoration: none;
border-bottom-color: #777;
border-bottom-width: 1px;
}

a:hover {
color: #F26531;
}

.sec1left {
width: 530px;
height: 364px;
background-color: #CCEAE9;
margin-top: 4.5%;
margin-bottom: 20px;
padding-top: 2px;
padding-bottom: 2px;
float: left;
}

.sec1left h1 {
position: relative;
margin-top: -50px;
z-index: 10;
color: #fff;
font-family: ColaborateRegular;
font-weight: normal;
font-style: normal;
font-size: 1.2em;
}

.clearFloat{
clear: both;
}

.sec1cap {
position: relative;
margin-left: 25px;
margin-top: -87px;
z-index: 100;
color: #fff;
font-size: 1.5em;
font-family: ColaborateLight;
}

.mainimage {
position: relative;
width: 500px;
height: 334px;
margin-left: auto;
margin-right: auto;
z-index: 1;
}



.opacblack {
-moz-opacity:0.5; /* Mozilla */
opacity: 0.5; /* CSS3 */
background: rgb(57, 25, 25); /* Fall-back for browsers that don't support rgba */
width: 500px;
height: 75px;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: -113px;
z-index: 5;
background-color: #000;
}

.socialicons {
position: relative;
margin-bottom: 10px;
display: inline;
float: right;
}

.sec2right h1 {
font-style: normal;
font-weight: normal;
}

.sec2right {
width: 350px;
float: right;
padding: 15px;
font-size: .8em;
line-height: 16px;
border-top: 1px;
border-top-style: solid;
border-bottom: 1px;
border-bottom-style: solid;
}

.left{
float:left;
margin-right:10px;
margin-top:5px;
margin-top: 15px;
}

.sec2right h2 {
position: relative;
color: #F26531;
font-family: ColaborateRegular;
margin-top: 12px;
font-size: 1.1em;
font-weight: normal;
font-style: normal;
line-height: 20px;
}

#cal {
position: relative;
width: 530px;
height:500px;
margin-bottom: 20px;
float: left;
}

.calHeader span {
font-family: CardoItalic;
color: #6A737B;
}

.calHeader h1 {
position: relative;
width: 530px;
text-align: center;
margin-left: auto;
margin-right: auto;
font-style: normal;
font-weight: normal;
}

.calHeader h2 {
position: relative;
text-align: center;
font-family: CardoItalic;
font-style: normal;
font-weight: normal;
font-size: 1em;
color: #6A737B;
margin-bottom: 3%;
}

.nov07 {
position: relative;
width: 250px;
margin-bottom: 35px;
float: left;
z-index: 1;
}

.nov14 {
position: relative;
width: 250px;
margin-bottom: 10%;
float: right;
z-index: 1;
}

.nov21 {
position: relative;
width: 250px;
float: left;
z-index: 1;
}

.nov28 {
position: relative;
width: 250px;
float: right;
z-index: 1;
}

#cal p {
position: relative;
width: 150px;
line-height: 20px;
margin-left: auto;
margin-right: auto;
margin-top: -100px;
z-index: 5;
border-top: solid;
border-bottom: solid;
border-width: 1px;
padding: 5px;
color: #F26531;
}

#cal span {
color: #6A737B;
}
 
.clearFloat{
clear: both;
}



footer {
	position: relative;
	height: 980px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
        z-index: 1;
}

.mags {
position: relative;
width: 200px;
margin-top: -950px;
margin-left: 30px;
z-index: 6;
float: left;
}

.mags h1 {
position: relative;
width: 256px;
margin-left: auto;
margin-right: auto;
font-style: normal;
font-weight: normal;
font-size: 1.7em;
font-family: ColaborateBoldRegular;
border-style: solid;
border-color: #F26531;
border-width: 1px;
padding: 5px;
}

form {
width: 300px;
position: relative;
float: right;
border-style: none;
z-index: 7;
margin-top: -950px;
margin-right: 300px;
}

fieldset {
border-style: none;
}

textarea {
border-style: none;
background-color: #CCEAE9;
}

input {
border-style: none;
background-color: #CCEAE9;
}

#submit {
background-color: #F26531;
width: 60px;
height: 15px;
color: #FFF;
font-family: ColaborateBoldRegular, Arial Narrow, Arial, Helvetica, sans serif;
}

#reset {
background-color: #F26531;
width: 60px;
height: 15px;
color: #FFF;
font-family: ColaborateBoldRegular, Arial Narrow, Arial, Helvetica, sans serif;
}

/* END HOME PAGE */


.sec1projects {
position: relative;
width: 410px;
padding: 15px;
background-color: #CCEAE9;
}

.sec1projects p {
width: 400px;
}

.sec1projects h1 {
font-style: normal;
font-weight: normal;
font-size: 1.7em;
}

.sec1projects h2 {
font-style: normal;
font-weight: normal;
font-size: 1.1em;
color: #F26531;
}