/* CranCorp CSS */

/* Global properties ======================================================== */
* { margin:0; padding:0;}     /* turns off extra spacing around paragraphs*/

html{
height:100%;				/* Force vertical scrollbars in Moz + Opera to prevent 'jumping' */
margin-bottom:1px;
overflow-y:scroll;			/* this line is for IE */
}



.Main {background-color: white;  margin-left: auto; margin-right: auto; }

a:link, a:visited, a:active {	color:#003366;	text-decoration:none;}
a:hover { 	color: #000000;	text-decoration:none;}

body {	background: #fae7cc;	background-attachment: scroll;}

h1{
	color: #003366;
	font-weight:bold;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 26px;
	text-align: center;
	padding-bottom: 18px; 
	padding-top: 5px;
}
h2{
	color: #003366;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size: 22px;
	line-height: 22px;
}
h3{
	color: #003366;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style: normal;
	font-size: 26px;
	text-align: center;
	padding-top: 15px;

}

img.center {					/* This is to center an image for all browsers */
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.imgR {float: right; margin-left: 15px;}
.imgL {float: left; margin-right: 15px;}

ul {	margin-top: 0px;	 }
ul li {	margin-left: 30px;	 }

#CopyrightArea {
	max-width: 1000px;
    text-align: center;
    margin-top: 13px;
    margin-bottom: 13px;
	}

#fadeshow1 {float: right; margin-left: 15px;}
#slideonly {float: left; margin-right: 15px;}
#imgR {float: right; margin-left: 15px;}

.BannerBk{	background-color:#cfa941;}
.BannerBk2{	background-color:#d6b77b;}
.BannerBk3{	background-color:#fae7cc;}
.BannerBk4{	background-color:#555555;}
.BannerBk5{	background-color:#513426;}
.BannerBkBlue{	background-color:#003366;}



.BodyText {
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	vertical-align: top;
	display: inline; 
	margin: 0px;
}

.BorderBlue {border-width: thin; border-color: #003366; border-style: solid;}
.BorderBlueT {border-top-width: thin; border-top-color: #003366; border-style: solid;}

.BorderGray {	border-style: solid;	border-width: thin; border-color: #555555;}
.BorderGraySides {
	border-top-style: hidden;
	border-bottom-style: hidden;
	border-left-style: solid;
	border-right-style: solid;
	border-left-width: thin; border-left-color: #555555;
	border-right-width: thin; border-right-color: #555555;
}
.BorderGrayBottomSides {
	border-top-style: hidden;
	border-bottom-style: thin; border-bottom-color: #555555;
	border-left-style: solid;
	border-right-style: solid;
	border-left-width: thin; border-left-color: #555555;
	border-right-width: thin; border-right-color: #555555;
}
.BorderGrayBottom {
	border-top-style: hidden;
	border-bottom-style: thin; border-bottom-color: #555555;
	border-left-style: solid;
	border-right-style: solid;
	border-left-width: hidden; 
	border-right-width: hidden; 
}
.Centered {margin: auto; }
.CenterContents {text-align: center;}
.ColorBlue {color: #003366;}
.ContentsL {text-align: left;}
.ContentsR {text-align: right;}
.Divider{	background-color:#003366;}
.Divider2{	background-color:#555555; height: 5px;}
.FloatR {float: right;}
.FloatL {float: left;}
.PadL {padding-left: 15px;}
.PadR {padding-right: 15px;}

.Copyright{
	color:#003366;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
.Link_Copyright {
	color:#003366;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
.Link_Copyright:hover {	color:#ffffff;}

.Link_Nav {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 16px;
	font-weight:bold;
	text-decoration:none;
	margin-left: 30px;
	vertical-align: middle; 
}
.Link_Nav:hover {
 	color: #ffffff;
}
.Logo {padding-top: 5px;}

.NavButtonC { background-image: url(images/nav-button2.png); background-repeat: no-repeat;}
.NavButtonB { background-image: url(images/buttonBrown.png); background-repeat: no-repeat;}
.NavButtonS { background-image: url(images/buttonSilver4.png); background-repeat: no-repeat;}

.VertTop {vertical-align: top;}
.VertBottom {vertical-align: bottom;}
.VertMid {vertical-align: mid;}


/* MOBILE OPTIMIZATION *************************************** */
img { max-width: 100%; height: auto; } 
.MobileOpt img {height: auto;}

/* FOR SPECIFIED VIEWPORT */ 
@media all and (min-width: 1000px) {
    .Main {width: 1000px;}
    .BodyTable { width: 960px;}
    .Copyright, .Link_Copyright {font-size: 16px;}
	.MobileShow {display: none;}
	.MobileHide {display: inline;}	
}

/* medium devices */ 
@media all and (max-width: 999px) {
    .Main {width: 100%; }
    .BodyTable { width: auto;  }
    .BodyTable img, .BodyText img {max-width: 30%; }
    .BodyTable {padding: 13px;}
    img.Logo {max-width: 100%!important;}
    img.ALE {max-width: 95%!important;}
    .FloatR {margin-right: 12px;}
    .FloatL {margin-left: 12px;}
    .Copyright, .Link_Copyright {font-size: 14px;}
	.MobileHide {display: none;}
	.MobileShow {display: inline;}
}

/* small devices */ 
@media all and (max-width: 749px) {

}

/* very small devices ONLY HAVE A FEW DIFFERENCES to override the above */ 
@media all and (max-width: 480px) { 

}

/* VERY small devices ONLY HAVE A FEW DIFFERENCES to override the above */ 
@media all and (max-width: 320px) {

}