@charset "UTF-8";
/* CSS Document */

.body {
	background-color: #372005;
	vertical-align: top;
	background-image: url(images/Background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.main {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333;
	background-color: #FFF;
	background-image: url(images/Canvas.jpg);
	background-repeat: repeat;
	z-index: 50;
	vertical-align: top;
}
.main-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333;
	z-index: 50;
	vertical-align: top;
	text-indent: 50px;
	padding: 40px;
	line-height: 24px;
}

/* Desktop Version */
.desktop-main-width {
     width: 1073px;
	 font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333;
	background-color: #FFF;
	background-image: url(images/Canvas.jpg);
	background-repeat: repeat;
	z-index: 50;
	vertical-align: top;
}

.navigation-mobile {
	display: none;
}



a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
}
a:hover {
	color: #0072bc;
}

a:visited {
	color: #0072bc;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
	

}

img {
	border: 0px;
	

	
}
a img {
    border: 0px;
	-webkit-box-shadow: 0px 0px 0px #000, inset 0 0 0px #38556A;
	box-shadow: 0px 0px 0px #000, inset 0 0 0px #38556A;
}

text_main {
	font-size: 14px;
	color: #000;
}

.LeftNav {
	width: 310px;
	vertical-align: top;
	text-align: left;
	height: 600px;
	float:left;
	margin-right:20px;
}

.MainArea {
	width: 675px;
	vertical-align: top;
	text-align: left;
	line-height: 1.5em;
	text-indent: 40px;
}
.MainArea2 {
	width: 675px;
	vertical-align: top;
	text-align: left;
	line-height: 1.5em;
	text-indent: 40px;
	padding: 20px 20px 20px 20px;

}

.footer1 {
	font-size: 14px;
	height: 200px;
	color: #f2dfb3;
	text-align: center;
	width: 1073px;
}

.footer1 a:link {
	color: #f2dfb3;
	text-decoration: none;
}
.footer1 a:hover {
	color: #FFF;
	text-decoration: none;
}
.transparent {
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	margin:25px;
}
.transparent_right {
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	margin:25px;
	float:right;
}
.transparent_left {
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	margin:25px;
	float:left;
}
.shadow {
	-webkit-box-shadow: 5px 5px 5px #535354, inset 0 0 0px #38556A;
	box-shadow: 5px 5px 5px #535354, inset 0 0 0px #38556A;
}
.hometext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333;
	background-color: #FFF;
	background-image: url(images/Canvas.jpg);
	background-repeat: repeat;
	z-index: 50;
	vertical-align: top;
	line-height: 1.5em;
	text-indent: 40px;
}
.mobile_slide_container {
    width: 100%;
}
ul { margin: 0; padding: 0;}
.mobile-menu-container {
  font-family:Verdana, Geneva, sans-serif;
  width: 100%;
  text-align: left;
  margin-top: 0px;
  margin-left: 0px;
  margin: 0px;
  padding: 0px;
}

.mobile-menu {
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-size: 50px;
  border-top: 1px solid #FFFFFF;
  text-align:center;
  
}
.mobile-menu ul a {
  	font-weight:bold;
	text-decoration: none;
	display: block;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #d5ad5b;
	color: #391f06;
	line-height: 200%;
	background-color:#d5ad5b;
	background-image: url(images/Nav_back.jpg);
	background-repeat:repeat;
	background-position:top;
}
.mobile-menu ul a:hover {
  background-color:#f9d614;
  background-image: url(images/Nav_back_hover.jpg);
  background-repeat:repeat;
  background-position:top;
  color: #FFF;
}
.mobile-menu li {
  display: inline;
}
.mobile-menu a {
	font-weight:bold;
	text-decoration: none;
	display: block;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #d5ad5b;
	color: #391f06;
	line-height: 200%;
	background-color:#fff6dd;
	background-repeat:repeat;
	background-position:top;
}

.Nav-button {
        background-image:url(images/Nav_back.jpg); 
		background-repeat:repeat; 
		padding-right:50px; 
		padding-top:15px; 
		padding-bottom:15px;
		text-align: right;
}



/* hack for IE 6 < to make entire block clickable */
* html #mobile-menu a {
  height: 1px; 
}

.mobile-menu a:hover {
  background-color:#f9d614;
  background-image: url(images/Nav_back_hover.jpg);
  background-repeat:repeat;
  background-position:top;
  color: #FFF;
}

.mobile-menu a:active {
  background-color:#f9d614;
  background-image: url(images/Nav_back_hover.jpg);
}

.vocationImages {
  width:25%;
  float:left;
  margin-right:20px;
  margin-bottom:20px;
}
.redHeading {
  color:#FF0000;
  font-size:18px;
  font-weight:bold;  
}
.ImageChangeShadow {
  	-webkit-box-shadow: 5px 5px 5px #535354, inset 0 0 0px #38556A;
	box-shadow: 5px 5px 5px #535354, inset 0 0 0px #38556A;
	margin:20px;
}
.ImageChangeShadow_right {
  	-webkit-box-shadow: 5px 5px 5px #535354, inset 0 0 0px #38556A;
	box-shadow: 5px 5px 5px #535354, inset 0 0 0px #38556A;
	margin:20px;
	float:right;
}
.ImageChangeShadow_left {
  	-webkit-box-shadow: 5px 5px 5px #535354, inset 0 0 0px #38556A;
	box-shadow: 5px 5px 5px #535354, inset 0 0 0px #38556A;
	margin:20px;
	float:left;
}
.ImageChange {

}
.imageContainer {

}

/* Mobile Version */
@media only screen and (min-width : 768px) and (max-width: 1100px) {
    /* For mobile phones: */
    [class*="desktop-main-width"] {
        width: 100%;
		font-family: Georgia, "Times New Roman", Times, serif;
	    font-size: 40px;
    }
	[class*="navigation1"] {
        display: none;
    }
	[class*="navigation-mobile"] {
        display: block;
    }
	[class*="main-text"] {
        font-family: Georgia, "Times New Roman", Times, serif;
	    font-size: 40px;
	    color: #333;
	    background-color: #FFF;
	    background-image: url(images/Canvas.jpg);
	    background-repeat: repeat;
	    z-index: 50;
	    vertical-align: top;
		line-height: 60px;
		padding: 50px;
    }
	[class*="footer1"] {
        font-family: Georgia, "Times New Roman", Times, serif;
	    font-size: 30px;
	    z-index: 50;
		width: 100%;
	    vertical-align: top;
		color: #f2dfb3;
	    text-align: center;
    }
	[class*="vocationImages"] {
        width:100%;
        float:left;
        margin-right:20px;
		margin-left:20px
        margin-bottom:20px;
    }
	[class*="redHeading"] {
        color:#FF0000;
        font-size:40px;
        font-weight:bold;  
    }
	[class*="ImageChangeShadow"] {
		width:100%;
    }
	[class*="ImageChangeShadow_right"] {
		width:100%;
		margin:25px;
    }
	[class*="ImageChangeShadow_left"] {
		width:100%;
		margin:25px;
    }
	[class*="ImageChange"] {
		width:100%;
    }
	[class*="transparent"] {
		width:80%;
		opacity:0.4;
	    filter:alpha(opacity=40); /* For IE8 and earlier */
    }
	[class*="transparent_right"] {
		width:100%;
		opacity:0.4;
	    filter:alpha(opacity=40); /* For IE8 and earlier */
    }
	[class*="transparent_left"] {
		width:100%;
		opacity:0.4;
	    filter:alpha(opacity=40); /* For IE8 and earlier */
    }
	[class*="imageContainer"] {
		width:100%;
    }
}

@media only screen and (max-width : 767px) {    
    /* For mobile phones: */
    [class*="desktop-main-width"] {
        width: 100%;
		font-family: Georgia, "Times New Roman", Times, serif;
	    font-size: 25px;
    }
	[class*="navigation1"] {
        display: none;
    }
	[class*="navigation-mobile"] {
        display: block;
    }
	[class*="main-text"] {
        font-family: Georgia, "Times New Roman", Times, serif;
	    font-size: 20px;
	    color: #333;
	    background-color: #FFF;
	    background-image: url(images/Canvas.jpg);
	    background-repeat: repeat;
	    z-index: 50;
	    vertical-align: top;
		line-height: 30px;
		padding: 20px;
    }
	[class*="footer1"] {
        font-family: Georgia, "Times New Roman", Times, serif;
	    font-size: 20px;
		width: 100%;
	    z-index: 50;
	    vertical-align: top;
		color: #f2dfb3;
	    text-align: center;
    }
	[class*="mobile-menu"] {
        margin: 0px;
        padding: 0px;
        list-style: none;
        font-size: 20px;
        border-top: 1px solid #FFFFFF;
        text-align:center;
    }
	[class*="vocationImages"] {
        width:100%;
        float:left;
        margin-right:20px;
		margin-left:20px
        margin-bottom:20px;
    }
	[class*="redHeading"] {
        color:#FF0000;
        font-size:20px;
        font-weight:bold;  
    }
	[class*="ImageChangeShadow"] {
		width:40%;
    }
	[class*="ImageChangeShadow_right"] {
		width:40%;
		float:right;
		margin:25px;
    }
	[class*="ImageChangeShadow_left"] {
		width:40%;
		float:left;
		margin:25px;
    }
	[class*="ImageChange"] {
		width:60%;
    }
	[class*="transparent"] {
		width:60%;
		opacity:0.4;
	    filter:alpha(opacity=40); /* For IE8 and earlier */
    }
	[class*="transparent_right"] {
		width:60%;
		opacity:0.4;
	    filter:alpha(opacity=40); /* For IE8 and earlier */
		float:right;
    }
	[class*="transparent_left"] {
		width:60%;
		opacity:0.4;
	    filter:alpha(opacity=40); /* For IE8 and earlier */
		float:left;
    }
	[class*="imageContainer"] {
		width:100%;
    }
}