@charset "UTF-8";


body {
	margin: 0;
	padding: 20px;
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	background-color: #000;
	position: relative;
	top: auto;
}


h1 {
    background-color: #000;
    font-family: 'Raleway', sans-serif;
    color: #FFF;
    font-size: 24px; /*160%;*/ /*!160%*/
}


h7 {
    background-color: #000;
    font-family: 'Raleway', sans-serif;
    color: #FFF;
    font-size: 30px; /*160%;*/ /*!160%*/
}

/*h1, h2, h3, h4, h5, h6, */

p {
	margin-top: 0px;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
	background-color: #000;
	font-family: 'Raleway', sans-serif;
	color: #FFF;
	font-size: 100%; /*!160%*/
}

p.padleft {
       padding-left: 25px;
       clear: left;
}


p.thick {
    font-weight: bold;
}

p.biggertext {
    font-size: 18px;
    /*max-height: 999999px;
    webkit-text-size-adjust: 100%;
    text-size-adjust: none;
    moz-text-size-adjust: none;
    ms-text-size-adjust: none;
    resize: none;*/
}

p.caption {
    font-size: 12px;
}

img {
    max-width: 100%;
    height: auto;
}

img.floatimg {
        float: left;
        padding-bottom: 25px;
}

img.floatimg2 {
    float: left;
    padding-right: 40px;
    padding-bottom: 25px;
}

img.smallimage {
    max-width: none;
}

img.works {
    padding: 10px 10px 50px 50px;
}


/*.left {*/
/*    float: left;*/
/*    padding: 0 10px 0 0;*/
/*}*/



/* Create two columns/boxes that floats next to each other */
/*.leftcolumn {
    float: left;
    width: 50%;
    padding: 20px;
}

.rightcolumn {
    float: left;
    padding: 20px;
    width: 50%;
}*/

.row {
    display: flex;
}

/* Create two equal columns that sits next to each other */
.column {
/*    flex: 50%;*/
/*    float: left;*/
    padding: 2px;
}

.column2 {
    /*    flex: 50%;*/
    /*    float: left;*/
    padding: 10px;
}

.width50 {
    width: 50%;
}

.left {
    width: 35%;
}

.right {
    width: 65%;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        width: 100%;
    }
    .column2 {
        width: 100%;
    }
    body {
	font-size: 18px;
    }
    

}

.headingcolor1 {
    color: #ff66cc;
    font-size: 20px;
}


.yearemphasis {
    color:  #99cc00;
}

.heading7 {
    color: #d9ff66;
    font-size: 20px;
}

a.toplinks:link{
    color:#b3d9ff;
    font-size: 25px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: none;
}

a.toplinks:visited{
    color:#b3d9ff;
    font-size: 25px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: none;
}


.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.centerplain {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
    color:#979A9A; /*#FFFFFF;*/
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #979A9A;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* ~~ The footer ~~ */
.footer {
	padding: 10px 0;
	position: static;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	background-color: #000;
	font-family: 'Raleway', sans-serif;
	color: #FFF;
    font-size: 14px;
	bottom: auto;
}