/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/



body {
font-family: Century Gothic, lucida grande, lucida sans, verdana, sans-serif;
 font-size: 14px;
        background-image: url(background.jpg);
        background-repeat: repeat-x; /** Repeats the image vertically **/
height:100%;
background-color:#c3c3c3;
}
#phone{
	position:relative;
	margin:-30px auto;
	width:922px;
	}
	#phone div{
	position:absolute;
	margin-top:-30px;
	margin-left:612px;
	margin-right:10px;
	width:300px;
	text-align:center;
	background-color:#034591;
	color:#ffffff;
	font-size:24px;
	border-radius:10px 10px 0px 0px;
	}
p
{
margin-left:0cm;
margin-top: 0em;
margin-bottom: .4em;
}

ul#list
{
margin-left:-.35cm;
margin-top: 0em;
margin-bottom: .35em;
}



h1
{
 font-family: Arial, Helvetica, sans-serif;
margin-top: 0em;
margin-bottom:0em;
} 


h2
{
 font-family: Arial, Helvetica, sans-serif;
 margin-top: .65em;
margin-bottom:0em;
}

h3
{
 font-family: Arial, Helvetica, sans-serif;
 margin-top: .65em;
margin-bottom: 0em;
}

.right
{
         float: right; /*right in our text*/
	 padding: 5px 0px 5px 10px;
}

.left
{
         float: left; /*right in our text*/
	 padding: 5px 10px 5px 0px;
}

.small
{
margin-top: .4em;
margin-bottom: .0em;
font-style:normal;
line-height:105%;
font-size:90%;
}

.smaller
{
margin-top: .4em;
margin-bottom: .0em;
font-style:normal;
line-height:105%;
font-size:80%;
}


a:link {color:red;  text-decoration:none;}      /* unvisited link */
a:visited {color:red;  text-decoration:none;}  /* visited link */
a:hover {color:red;  font-style:italic; text-decoration:underline;}  /* mouse over link */
a:active {color:red; }  /* selected link */ */




#wrapper { 
 margin: 0 auto;
 width: 922px;
 height:auto;
 min-height:100%;
}
#header {
 color: #333;
 width: 902px;
 float: left;
 padding: 10px;
 height: 162px;
 margin: 0px 0px 0px 0px;
 background: #ffffff;
}
#navigation {
 float: left;
 width: 922px;
 color: #ffffff;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 height: 330px;
}
#leftcolumn { 
 color: #333;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 685px;
 width: 168px;
 float: left;
}



#lcbox { 
 float: right;
 font:17px Arial;
 color:#262626;
 cursor:default;
 margin: 10px 0px 10px 0px;
 padding: 10px;
 height: 360px;
 width: 148px;
 display: inline;
 position: relative;
 background: #C0C0C0;
 /* background: #534C44;*/
 border:0px solid #5f5f5f;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
}


#rightcolumn { 
 float: right;
 color: #333;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
padding:10px 20px 10px 10px;
height: 685px;
width: 704px;
 display: inline;
 position: relative;
}

#quiz { 
font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
}


.box {
	width:922px;
	height:auto;
	min-height:100%;
	background:#FFF;
	margin:70px auto;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=10);  
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect8:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Slideshow jQuery Cycle Plugin (http://jquery.malsup.com/cycle/)
 * http://forum.jquery.com/topic/cycle-malsup-question
 * ===============================================*/

#container {width: 500px;}

#container {position: relative;}

.slideshow 
{
	height: 330px; 
	width: 922px; 
	margin: auto
}

.slideshow img 
{ 
	padding: 0px; 
	border: 0px solid #ccc; 
}

.image_container 
{
	position:relative; z-index:-1;
}

.caption 
{
	position:absolute; 
	top:35px; 
	right:0px; 
	background-color:#004990; 
	filter:alpha(opacity=80); /* For IE8 and earlier */
	background:rgba(0, 72, 144, .8); 
	padding:10px; 
	width:360px; 
	border-radius: 5px 5px 5px 5px; 
	font-style:italic; 
	font-size:200%; 
	font-family:Arial,Helvetica,sans-serif; }


/*==================================================
 * Old Banner Floating Box - keep for older browser compatibility issues
 * ===============================================*/


div.background
  {
  width:922px;
  height:320px;
  background:url(banner.jpg);
  }
div.transbox
  {
  width:400px;
  height:110px;
  float: right;
  margin:40px 0px;
  background-color:#4D1D77;
  opacity:0.75;
  filter:alpha(opacity=75); /* For IE8 and earlier */
  }

div.transbox p
  {
  margin:8px 10px;
  font-family:"Arial";
  color:#ffffff;
  }

@media screen and (max-width: 767px) {
   body{
	   width:100%;
	    margin:0px;
 padding:0px;
	   background-image:none;
	   } 
	#header {
       display:none;
    }
	#mobileheader{
		display:block;
		}
	.box {
width:100%;
padding:0px;
	height:auto;
	background:#FFF;
	margin:70px 0px;
	filter: none; 
	border:solid 1px black; 
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:0;
    border-radius:0;
}
.effect8:after
{
	right:0;
    left:auto;
    -webkit-transform:skew(0deg) rotate(0deg);
       -moz-transform:skew(0deg) rotate(0deg);
        -ms-transform:skew(0deg) rotate(0deg);
         -o-transform:skew(0deg) rotate(0deg);
            transform:skew(0deg) rotate(0deg);
}
#wrapper { 
 width: 100%;
}	
.mobilenoshow{
display:none;}
#phone{
	position:relative;
	margin:-30px auto;
	width:80%;
	}
	#phone div{
	position:absolute;
	margin:-30px auto 0px auto;
	width:99%;
	padding:3px;
	text-align:center;
	background-color:#034591;
	color:#ffffff;
	font-size:22px;
	border-radius:10px 10px 0px 0px;
	}
	
	#wrapper{
	 width: 100%;
	  margin:0px;
 padding:0px;
	 }
	 #navigation{
	 width:100%;
	 }
#navigation{
width:100%;
height:auto;
}
#container{
margin:0 0 0 0px;
padding:0 0 0 0;
width:100%;
height:auto;

}

.slideshow 
{
	width: 100%; 
	margin: auto;
}

.image_container 
{
	position:relative; z-index:-1;
}

.image_container img 
{ 
width:100% !important;
	padding: 0px; 
	border: 0px solid #ccc; 
}
.caption{
display:none;
}


	 #homedivs{
	 width:100%;
	 }
	 #lasthomediv{
	 width:100%;
	 }
	
#leftcolumn{
position:relative;
margin-top:0px;
margin-left:0px;
padding-left:0px;
width:100%;
height:auto;
min-height:100%;
}

#css3menu1{
	width:150px;
	margin-left:0px;
	}
	ul#css3menu1 ul{
		padding:0px 0px 0px 0px;}
		ul#css3menu1 a{
			font:bold 12px Arial;
	}
	#topdocimg{
		width:155px;}
	#lcbox{
		margin-top:-5px !important;
		height:400px;
		margin-left:0px;
		padding:4px;
		overflow:visible;}
		#lcbox img{
			max-width:140px;}
#rightcolumn{
position:relative;
margin-top:0px;
margin-bottom:40px;
height:auto;
width:96%;
padding-left:2%;
padding-right:2%;}

#footer{
width:99%;
height:auto;
background-color:#000000;
padding-bottom:20px;
}
#footerleft,#footercenter,#footerright{
position:relative;
width:90%;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-bottom:5px;
}
	#map{
	position:relative;
	float:left;
	width:98%;
	padding-left:1%;
	padding-right:1%;}
	 }
@media screen and (min-width: 768px) {
   #mobileheader{
       display:none;
    }
    #header{
    display:block;
    }
     #homedivs{
	 width:position:relative;
	 float:left;
	 width:33%;
	 }
	 #lasthomediv{
	 position:relative;
	 float:left;
	 width:100%;
	 }
	 #footer {
 float: left;
 width: 902px;
 color: #ffffff;
 padding: 10px;
 margin: 0px 0px 0px 0px;
 height: 40px;
 background: #000000;
}
#footerleft{
position:relative;
float:left;
width:33%;
max-width:300px;
padding:0px;
text-align:left;
}
#footercenter{
position:relative;
float:left;
width:33%;
margin-top:-10px;
max-width:250px;
padding:10px;
text-align:center;
}
#footerright{
position:relative;
float:left;
width:33%;
max-width:300px;
padding:10px;
text-align:right;
}
	#map{
	position:relative;
	float:left;
	width:48%;
	}
	#topdocimg{
		width: 161px;
    margin: -41px 0 0;}
}