﻿
/* Timothy Framework - www.timothyframework.com */
/* This work is licensed under the MIT License - http://www.opensource.org/licenses/mit-license.php */


/* Color Legend */


/* Reset */



/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  //CSS
  
}

html, body { margin: 0; padding: 0; border: 0;  ;
				background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:middle;
	background: transparent;
	}

img 	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: middle;
	background: transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }
	
input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}

article, aside, dialog, figure, footer, header, hgroup, nav, section { 
	display:block; }

h1, h2, h3, h4, h5, h6, p, li, ul, blockquote, td, th, a, caption, em, strong, strike { 
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 120%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: white;
	
	}

ol, ul { list-style: none; }


/* Global */

html 	{	}
body	{ background-color: #D7D7D7}



/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #0B0B4A; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 5; }


@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    overflow-x:hidden;
  }

}



/* Text Elements */

p           	{ color:#000; font-size:12px; line-height:150%;  }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }
p .top			{vertical-align:text-top; }

a           	{   }
a:link			{ color:  #0066CC;  }
a:visited		{ color: #0066CC;  }
a:active		{ color: #000;  }
a:focus			{ color: #666;  }
a:hover     	{ color:  #006600  }

blockquote  	{ color:#000; font-size:12px; }

strong      	{ font-weight: bold; }
em		      	{ font-style: italic; }

/* images */



/* Lists */

ul          	{   }
ol          	{ list-style-type:decimal; }

ul li		    { color:#fff; font-size:16px; }
ol li	     	{ color: #FFFFFF; font-size:12px; }

dl          	{  	}
dt       		{  	}
dd          	{ 	}



/* Tables */

table       	{ width:100%; }

tr				{	}
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th          	{ font-weight: bold; }
thead, th    	{ background: #ccc; }

tbody			{   }

th,td,caption 	{ 	}
caption 		{ 	}

tfoot       	{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption     	{ background: #efefef; }



/* Containers */

#top	 			{ width:100%; overflow:hidden; background-color: black; border-bottom:4px; border-bottom-color:green  }
#top p				{margin:-50px 40px 0px 0px; float: right;font-size:18px;vertical-align:middle; color: #E1B500;}

#top h2				{color: #2F99F0; font-size:25px; margin:75px 0px 0px 475px;font-family:'Montserrat', sans-serif; letter-spacing:4px;}

#wrapper 			{ width:100%; text-align:center;overflow:hidden;   }


#logo				{ margin:15px 50px 0px 30px; float:left;} 
#logo a:link		{color:#3366CC}



#social-media		{ float:right; margin:5px 400px 0px 0px; }
#social-media p		{ color:#FFFFFF; font-size:16px; font:font-familymenu;   margin: 0px 20px 0px 0px; vertical-align:bottom  }
#social-media ul li	{display:inline; float:right } 
#social-madia img	{ width:24px; height:24px; vertical-align:bottom }
#social-media a:link { color: #FF6600; }
#social-media a:hover {color:#E2D74B}


#topnav 			{ width:100%; margin 0px 0px 0px 500px;}
#topnav ul			{  text-align:center;text-indent:850px margin:0px 0px 0px 00px; background-color: #333333;border-TOP:2px solid; color: #000099;  border-bottom: 2PX solid;} 					
#topnav ul li		{display:inline-block; margin:0x 0px 0px 500px;text-align:center; } 
#topnav ul li a		{ margin:5px 0px 5px 0px;  text-align:center; font-size:18px;display: flex;align-items:center;justify-content: center; width:100% }
#topnav li			{ border-right: 2px solid rgb(69, 69, 69); padding:0px 25px 0px 25px; /* white border with opacity 50% */  }}
#menu li:last-child {border-right:none;}
#topnav li:last-child {border-right:none;}
#slideborder		{ width:100%; }




#topnav a:link 		{color:  #2F99F0;}
#topnav a:visited	{color: #2F99F0 }
#topnav a:hover		{color:  #F4E159; }
#slider				{margin:0px 0px 0px 0px; background: black; border-top:4px; border-top-color:green}


#contact-content 	{ background-color:#FFFFFF; float:left;margin:0px 0px 0px 0px; }	
#contact-content H1 {  margin:0px 0px 0px 0px; font-size:30px; color: black float:left; width:1900px; 
						border-bottom:0px #cccccc solid; padding:20px 0; background-color:#FFFFFF }

#contact-content p	{float:left; background-color:#FFFFFF; margin:0 350 0 0px; }
#contact-form		{width:1900px;background-color:#FFFFFF; float:left }							
#contact datepicker {font-size: 200%;} 
#content 			{ float:left;  width:700px; padding:10px; margin-top: 0em; margin-bottom:-5em; background-color:#FFFFFF  }
#content h1			{ margin:0px 0px -10px 0px; font-size:32px; color: #0C0558; vertical-align:text-top; 
						border-bottom:1px #cccccc solid; background-color:#FFFFFF }
#content h2			{color: #333333;  }						
						
#content p			{margin:5px 25px; line-height:120%; margin-top:0px; background-color: #fff; vertical-align:text-top }

#content h2			{ margin:20px 0px 5px 0px; color:#0C0558; vertical-align:text-top }
#content img		{ margin-right: 10px; float: left; border:thin navy solid; }
} 
#rightside 			{ padding:20px; background-color:#FFFFFF;  }
#rightside h2		{ color:#0C0558; margin: 20px 0px -5px 0px; }
#rightside P		{ margin: 8px 0px; line-height: 160%; background-color:#FFFFFF }
#image-set			{margin:3px 0px 3px 50px; }


#footer 			{ width:900px;  background-color: #333333; clear:both; }
#footer ul			{ float:none;margin:0px auto; background-color:#000000;}
#footer ul li		{display:inline; margin:0px auto 0 150; }
#footer ul li a		{ float:left; padding:10px 20px; margin:0px 0px 0px 30px;}
#footer a:link 		{color: #808080; }
#footer a:visited	{color:#FFFFFF; }
#footer a:active	{color:#FFFFFF; }
#footer a:hover		{color:#FFFFFF; }
#footer a:focus		{color:#FFFFFF; }	
	





#box1 {   }

#box2 {   }

#box3 {   }

#box4 {   }

#box5 {   }

#box6 {   }


/* Layout Extra */




/* Navigation Extra */


#contact-content {width 1920px; background-color:#666666  }

#contact-content h1	{ margin: 0px 0px 10px 0px; }

#contact-content p	{ float:left; width:1000px; padding:0px 50px 0px 450px; font-size:20px; color:#FFFFFF; background-color:#666 }
 
/* Forms */

#contact-form { float:left; margin: 0px 0px 600px 700px; width:800px;padding:20px 0px 0px 0px; background-color:#666;  }

#contact-form ol	{color:#000000; background-color: #666}



form ol { list-style-type:none; }

form 	{ text-align:left; margin:20px; background-color:#666;	}

label 	{ 
		float: top; width: 350px; margin-top:5px; color: #fff; background-color:#666; margin-right:150px
		text-align:left; display:block; background: #666; font-size:20px;
		}
	
#submit	{ background:#BEC2BE; 	}

input 	{ 
		width: 380px; margin:5px 0 16px 0px;
		border:2px #bbb solid; padding:5px; background: #FFFFFF; 
		}
		 
input:focus, textarea:focus	{ background-color: #FFFFD2; }

textarea { width: 380px; height: 150px; margin:5px 0 16px 5px; color:000;
		border:2px #bbb solid; padding:5px; background:none; 
		}

select { margin-bottom:20px;	}
	
.month { margin-left:155px;	}

#submit {
		width:125px; height:25px;
		margin-left:250px;
		font-size:12px;
		}
#type { border:2px #CCCCCC solid; margin-left:10px; height:35px; padding:5px;

}	
#comments {width:380px; height:150px; background-color:#FFFFFF}

#image-set img {padding:5px 5px 5px 5px; }

#target img	{margin:0px 0px 0px 765px;}



