body {
     background: url("") repeat left top;
     background-attachment:fixed;
	 font-weight:400;
	 font-style:normal;
	 line-height:23px;
	 font-size:14px;
	 color:white;
	 background-color:white;
	 font-family: 'Roboto', sans-serif;

}
a {
	text-decoration:none;
	color:#ffffff;
}
h1 {
    margin:25px 40px 25px 0px;
    font-family: 'Frank Ruhl Libre', serif;
    font-size:34px;
    color:#3c3c3c;
    line-height:38px;
}
h2 {
    margin:25px 40px 25px 0px;
    font-family: 'Frank Ruhl Libre', serif;
    font-size:31px;
    color:#3c3c3c;
    line-height:38px;
}

a:hover { text-decoration:underline; }
hr {
	margin-bottom:35px;
	margin-top:35px;
	border: 0;
	height: 1;
	background-color:#cecece;
	color:#cecece;
}
table td {
	text-align:center;
	font-family: 'Roboto', sans-serif;
	 font-weight:400;
	 font-style:normal;
	 line-height:23px;
	 font-size:14px;
	 color:white;
}
*{
    margin:0;padding:0;
}
#colorBar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height:116px;
    /*background-color:#268bca;*/
        background-color:white;
            background-image: url("/images/logo2021bg.png");
    z-index:110000; 
    text-align:center;
}
#colorbar a {
    color:#268bca;
}
#navBar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 288px;
    background: url("/images/navbg.png")  repeat;
    z-index:10000; 
}
.navitem {
	margin-right:35px;
	text-align:right;
	/*border-bottom:1px gray solid;*/
	margin-left:30px;
}
.title {
	margin-top:40px;
	border-top:0px;
}

.navitem a {
	font-weight:normal;
}

.navitem a:hover {
	font-weight:normal;
	color:#fff600;
	text-decoration:none;
	
}
.navBarLogo {
	background: url(/images/logo.png)  no-repeat;
	text-align:left;
	width:288px;
	height:128px;
    margin-top: 5;
}
#logotext {
    margin:5px 0px 25px 0px;
    color:#454545;
    font-size:11px;
    line-height:14px;
    font-weight:400;
    text-align:center;
}
#contentmain {
    min-height:800px;
    background-color:white;

}
#content {
    margin-left:38px;
    margin-right:38px;
    color:black;  
    text-align:center;
}
#intro {
    max-width:1000px;
    text-align: left;
    margin-left:auto;
    margin-right:auto;
    margin-top:130px;
}
#content a {	 color:#268bca; text-decoration:underline;  }
#content a:hover { text-decoration:none; }
#contenttitle {
    margin-left:0px;
    padding-left:20px;
    color:white;  
    margin-top:64px;
    margin-bottom:30px;
    font-size:14px;
    font-weight:bold;
    color:#595959;
    font-family: 'Roboto', sans-serif;
}
#contentfooter {
    padding-left:40px;
    padding-top:30px;
    color:white;  
    margin-top:30px;
    font-size:12px;
    height:125px;
    color:black;
}
.imagerightspace {
	margin-right:15px;
}
#portItem {
	margin-bottom:45px;
    max-width: 31%;
    float:left;
    margin-right:18px;
}
.portTitle {
    color:#595959;
    font-family: 'Roboto', sans-serif;
}
.portTitlePage {
    color:#595959;
    font-family: 'Roboto', sans-serif;
    text-align: left;
}
.portImage {
	position: relative;
}
.portUrl {
}
.portDescription {
	margin-bottom:10px;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}
.portDescriptionPage {
	margin-bottom:10px;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    text-align: left;
}
#portitem:last-child {
margin-right:0px;

}
.home {
	border: 15px solid #cecece;
    max-width: 642px;
    margin-left:auto;
    margin-right:auto;
}
.explore {
	width:66px;
	height:56px;
	background-image: url("/images/explore.png");
	position:absolute;
	top:40%;
	right:-2%;
}
.mini {
	width:250px;
	margin-right:30px;
	margin-bottom:40px;
}
.miniemail {
	width:350px;
	margin-right:30px;
	margin-bottom:40px;
}

.hamburger {
	visibility:hidden;
}

/*RESPONSIVE STUFF HERE*/



@media screen and (max-width: 960px) {
	#contentmain {
		margin-left: 0px;
	}
	#content {
	    margin-left:10px;
	    margin-right:10px;
	    padding:0px 20px 30px 20px;
	    color:black;
	}
	#contenttitle {
	    margin-left:10px;
	    padding-left:20px;
	    color:white;  
	    margin-top:40px;
	    margin-bottom:30px;
	    font-size:14px;
	    font-weight:bold;
	    color:#595959;
	}
	#contentfooter {
	    margin-left:10px;
	    padding-left:20px;
	    color:white;  
	    margin-top:0px;
	    font-size:12px;
	    height:125px;
	    color:black;
	}
	.title {
		margin-top:0px;
		border-top:0px;
	}

	.portImageMobile {
		width:100%;
		max-width:672px;
	}

}

@media screen and (max-width: 835px) {
    #portItem {
        margin-bottom:45px;
        max-width: 49%;
        float:left;
        margin-right:5px;
    }
}

@media screen and (max-width: 576px) {
    #portItem {
        margin-bottom:45px;
        max-width: 99%;
        float:left;
        margin-right:5px;
    }
}