﻿/* Color Legend */


/* Reset */

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: baseline;
	background: transparent;
	}
	
img		{ margin:0; padding:0; border:0;  }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	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, blockquote, td, th, a, caption, em, strong, strike  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-direction: none;
	text-align: left;
	color: #000000;
	}
	
ol, ul {list-style:none; }


/* Global */

html { 	 }

body { background-image:url('../images/Background.JPG'); background-attachment:fixed; background-repeat:no-repeat; background-size:cover; }


/* Headings */

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

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:0; }



/* Text Elements */

p { color:#000000; 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; }

a { 	 }

a:link { color:#0000ff; }

a:visited { color:#00ff00; }

a:active { color:#000000; }

a:focus { color:#666666; }

a:hover { color:#ff0000; }

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

strong { font-weight:bold; }

em { font-style:italic; }

/* Images */



/* Lists */

ul { 	 }

ol { list-style-type:decimal; }

ul li { color:#000000; font-size:12px; }

ol li { color:#000000; font-size:12px; }

dl { 	 }

dt { 	 }

dd { 	 }



/* Tables */

table { width:100%; }

tr { 	 }

.odd { background-color:#eeeeee; }

.even { background-color:#ffffff; }

th { font-weight: bold; }

thead, th { background-color:#cccccc; }

tbody { 	 }

th, td, caption { 	 }

caption { 	 }

tfoot { 	 }

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

caption { background:#efefef; }



/* Containers */

#wrapper 				{ width:1000px; margin:0px auto 30px auto; }

#top 					{ width:1000px; height:200px; overflow:hidden;
						  margin:0px 0px 0px 0px; background-color:#FFFFFF; }

#logo 					{ float:left; }

#mechanic				{ text-align:center; font-size:25px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

#contact 				{ text-align:center; background-color:#ffffff; font-size:50px; 
						  font-family:Arial, Helvetica, sans-serif; font-weight:bolder;
						  margin:0px 0px 0px 0px; color:#D32027; }
						  
#contact a:link			{ text-align:center; background-color:#ffffff; font-size:60px; 
						  font-family:Arial, Helvetica, sans-serif; font-weight:bolder;
						  margin:0px 0px 0px 0px; color:#D32027; text-decoration:none; }
#contact a:visited		{ text-align:center; background-color:#ffffff; font-size:60px; 
						  font-family:Arial, Helvetica, sans-serif; font-weight:bolder;
						  margin:0px 0px 0px 0px; color:#D32027; text-decoration:none; }
#contact a:active		{ text-align:center; background-color:#ffffff; font-size:60px; 
						  font-family:Arial, Helvetica, sans-serif; font-weight:bolder;
						  margin:0px 0px 0px 0px; color:#D32027; text-decoration:none; }
#contact a:hovor		{ text-align:center; background-color:#ffffff; font-size:60px; 
						  font-family:Arial, Helvetica, sans-serif; font-weight:bolder;
						  margin:0px 0px 0px 0px; color:#D32027; text-decoration:none; }
#contact a:focus		{ text-align:center; background-color:#ffffff; font-size:60px; 
						  font-family:Arial, Helvetica, sans-serif; font-weight:bolder;
						  margin:0px 0px 0px 0px; color:#D32027; text-decoration:none; }						 


#contact p 				{ color:#000000;  margin:auto auto; } 
#contact li 			{ color:#000000; } 
#contact ul li 			{ display:block; } 

#navigation 			{ clear:both; width:1000px; margin:0px 0px; background-color:#CECECE; }
#navigation ul 			{ width:1000px; }
#navigation ul li 		{ display:inline-block; }
#navigation ul li a		{ float:left; padding:10px 15px; text-decoration:none; }

#navigation a:link 		{ color:#00458A; font-weight:bold; background-color:#CECECE; }
#navigation a:visited 	{ color:#00458A; font-weight:bold; background-color:#CECECE; }
#navigation a:active 	{ color:#00458A; font-weight:bold; background-color:#CECECE; }
#navigation a:hover 	{ color:#00458A; background-color:#7A7A7A; font-weight:bold; }
#navigation a:focus 	{ color:#00458A; font-weight:bold; background-color:#CECECE; }

#banner					{ background-color:#ffffff; width:1000px; }
  						  
#content				{ background-color:#CECECE; width:940px; margin:0px 0px 0px 0px; padding:0px 30px; }
#content h1 				{ font-family:Arial, Helvetica, sans-serif; color:black; text-align:center; font-size:30px;
						  padding:20px 0px 30px 0px; border-bottom:2px #000000 solid; }
#content p				{ font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; color:#000000; text-align:left; font-size:20px;
						  padding:40px 0px 40px 0px; }
						
.red 					{ color:red; }

.ref					{ font-size:15px; }

.maintenance			{ font-size:30px; }

#content a:link			{ color:#000000; text-decoration:none; font-weight:bold; }
#content a:visited		{ color:#000000; text-decoration:none; font-weight:bold; }
#content a:active		{ color:#000000; text-decoration:none; font-weight:bold; }
#content a:hover		{ color:#000000; font-weight:bold; text-decoration:none; font-size:22px; }
#content a:focus		{ color:#000000; text-decoration:none; font-weight:bold; }

#content ul 			{ width:1000px;display :inline; list-style-type:none; }

#weather				{ text-align:center; }
#weather img			{ width:200px; height:200px; padding:10px 10px; }
#weather ul li			{ display:inline; }
						  
#footer					{ clear:both; background-color:#7A7A7A; padding:10px 0px; margin:0px auto; width:1000px; text-align:center; }
#footer p				{ text-align:center; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px; }


#box1 { 	 }

#box2 { 	 }

#box3 { 	 }

#box4 { 	 }

#box5 { 	 }

#box6 { 	 }


/* Layout Extra */




/* Navigation Extra */



/* Forms */

form { text-align:left; margin:20px; }

label, submit, input, textarea { border:0; padding:0; background:none; }

label { float:left; width:150px; text-align:right; display:block; }

input, textarea { border:1px #333333 solid; margin-left:10px; }

input { width:280px; margin-bottom:16px; }

textarea { width:280px; height:150px;  margin-bottom:16px; }

select { 	 }

.submit { width:90px; height:25px; margin-left:150px; font-size:12px; }

br {clear:left; }


/* Miscellaneous */

.copyright-text { font-size:80%; font-style:italic; color:#333333; }
.footer-text { font-size:80%; font-style:normal; color:#666666; }

.title { font-size:18px; font-weight:bold; color:#333333; }
.subtitle { font-size:14px; font-style:italic; color:#333333; }

.artist { font-size:16px; font-weight:bold; color:#333333; }
.author { font-size:14px; font-weight:bold; color:#555555; }
.editor { font-size:14px; font-style:italic; color:#555555; }

.pub-date { font-size:10px; font-style:italic; color:#555555; }
.article-date { font-size:10px; font-style:italic; color:#555555; }
.location { font-size:10px; font-style:italic; color:#555555; }

.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }

.hide { display:none; }
.block { display:block; }
.inline { display:inline; }

.first { font-weight:bold; }
.last { font-weight:bold; }
.left { font-weight:bold; text-align:left; }
.right { font-weight:bold; text-align:right; }

.added { background-color:#D7D7FF; }
.remover { background-color:#FFCECE; color:#ff0000; }
.changed { background-color:#FFFFBB; }


/* Success, info, notice and error/alert boxes */

.error, .alert, .success, .info { padding:0.8em; margin-bottom:1em; border:2px #DDDDDD solid; }

.error, .alert { background-color:#fbe3e4; color:#8a1f11; border-color:#fbc2c4;vertical-align: }

.notice { background-color:#fff6bf; color:#514721; border-color:#ffd324; }

.success { background:#e6efc2; color:#264409; border-color:#c6d880; }

.info { background-color:#d5edf8; color:#205791; border-color:#92cae4; }

.error a { color:#8a1f11; }
.alert a { color:#8a1f11; }

.notice a { color:#514721; }
.success a { color:#264409; }
.info a { color:#205791; }