/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
Website design and incorporation of this stylesheet by www.specializedsupplies.com
=================================================================== */

* {
margin : 0;
padding : 0;
}
body {
padding-top : 0;
font : 73% "Trebuchet MS", verdana, arial, sans-serif;
background : #333;
color : #000;
}

#wrapper {
width : 750px;
margin : 0 auto;
border : 1px solid #fff;
background : #eee url(../images/sidebar.gif) repeat-y;
color : #666;
}
			/*HEADER*/
#header {
width : 600px;
height : 210px;
float : right;
margin : 0;
background : #b2a591 url(../images/SMGbanner.jpg) no-repeat;
color : #666;
}
#banner {
width : 100%;
height : 35px;
text-align: right;
margin : 0;
padding : 0;
border-bottom : 1px solid #fff;
color : #333;
background : #369;
}
#banner a {
margin : 5px;
color : #fff;
background : inherit;
}
#banner a:hover {
color : #000;
background : inherit;
}
			/*NAVIGATION*/
#menu {

width : 150px;
margin : 0 0 20px 0;
position:relative;
background : inherit;
color : #000;
}
#menu ul#toplevel {
	background : inherit;
	position:absolute;
	left:0;
	top:0;
	width: 148px;
}
#menu ul {
margin-left : 0;
padding-left : 0;
list-style-type : none;
white-space:nowrap;
text-align:left; 
padding:1px 1px 0 1px;
}
#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}

#menu ul li:hover > ul {left:100%; margin-top:-24px; margin-left:-1px;}
#menu a {
display : block;
padding : 2px;
background : inherit;
color : #fff;
 line-height:22px; text-decoration:none;padding:0 20px 0 10px;
}

#menu a:hover {
background : #036;
color : #fff;
}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu li a:hover {background:#09c; color:#fff;} 
#menu li:hover > a {background:#09c; color:#fff;}
#menu li a.fly {background: url(arrow.gif) no-repeat right top;}
#menu li a.fly:hover {background:#09c url(arrow.gif) no-repeat right top;} 
#menu li:hover > a.fly {background:#09c url(arrow.gif) no-repeat right top;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

			/*SIDEBAR*/
#sidebar {
float : left;
width : 150px;
padding : 0;
margin : 0;
border-top : 1px solid #fff;
font-size : 100%;
line-height : 1.8em;
background : #d1d4d7;
color : #333;
}
			/*CONTENT*/
#content {
float : right;
width : 570px;
margin : 20px 0 0 20px;
line-height : 1.8em;
}
			/*FOOTER*/
#footer {
clear : both;
width : 600px;
margin-left : 150px;
padding-left : 5px;
text-align : left;
border-top : 5px solid #336699;
}
			/*TYPOGRAPHY*/
p {
margin : 10px 20px 10px 15px;
color : #666;
background-color : inherit;
}
#NewList {
margin : 15px 20px 10px 35px;
color : #666;
}
h1 {
margin : 0;
padding : 20px;
font-size : 200%;
letter-spacing : 5px;
color : #000;
background : inherit;
}
h2 {
margin : 0 0 0 15px;
padding : 0;
font-size : 120%;
letter-spacing : 5px;
text-transform : uppercase;
color : #333;
background : inherit;
}
h3 {
margin : 10px 0 10px 15px;
padding : 0 0 3px 3px;
text-transform : uppercase;
font-size : 120%;
letter-spacing : 5px;
color : #036;
background : inherit;
}
h4 {
margin : 10px 0 10px 15px;
padding : 0 0 3px 3px;
font-size : 100%;
letter-spacing : 3px;
color : #036;
background : inherit;
}

h5{

padding : 0 0 0px 0px;
font-size : 100%;
letter-spacing : 3px;
color : #036;
background : inherit;
}
blockquote {
margin : 10px 20px 10px 15px;
font-weight : bold;
font-style : italic;
color : #b29b35;
}
			/*CLASS*/
.HeaderColor {color: #999999}			
.img {
margin : 0 0 10px 0;
}
.myborder {
border : 1px solid #fff;
padding : 5px;
margin : 0 0 0 4px;
}
.myimg {
float : left;
border : 1px solid #eee;
padding : 5px;
margin : 5px 10px 10px 4px;
}
.mylogo {
margin-right : auto;
}

#page-wrap {
	width: auto;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 400px;
	height: auto !important;
	height: 400px; 
}

#contact-area {
	/*width: 600px; */
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	/*font-family: Helvetica, sans-serif;
	font-size: 1.4em; */
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 60px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: center;
}

label {
	float: left;
	text-align: Left;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	/*font-size: 1.4em; */
}
SectionHead{
margin : 10px 20px 10px 15px;
font-weight : bold;
font-style : italic;
color : #666666;
}
SectionTitle {
	margin : 10px 0px;
	font-weight : bold;
	font-style : italic;
	color : #666666;
	text-transform: uppercase;
}