/* reset the global margin and padding
   set everything manually for consistency
   */
* {padding:0px;margin:0px;}

img {vertical-align: top;}
 .w3-container img { max-width: 110px;}

video {
            width: 100% !important; 
            height: auto !important;
            max-width: 1024px;
            max-height: 768px;
        }
        
        

/* Could Use thise as well for Individual Controls */
video::-webkit-media-controls-play-button {}

video::-webkit-media-controls-volume-slider {}

video::-webkit-media-controls-mute-button {}

video::-webkit-media-controls-timeline {}

video::-webkit-media-controls-current-time-display {}


body {
font-family : Helvetica, Geneva, Arial, sans-serif;
color : #333333;
font-size : 14px;
background-color : #fff;
word-spacing: 0.1em ;
line-height: 1.5em;
}
p { 
	margin-bottom:10px;
	padding-right: 20px;
}
img {
border : 0;
vertical-align: top !important;
}
h1 {
color : #5BBF21;
font-weight : bold;
font-size : 17px;
}
h2 {
color : #5BBF21;
font-weight : normal;
font-size : 15px;
}
h3 {
color : #5BBF21;
font-weight : normal;
font-size : 15px;
}
h4 {
color : #f0761b;
font-weight : bold;
font-size : 15px;
}
h5 {
color : #f0761b;
font-weight : bold;
font-size : 15px;
}
h6 {
color : #c3262e;
font-weight : bold;
font-size : 15px;
margin-bottom:8px;
}

a:link {
	color: #5BBF21;
	font-weight:bold;
	text-decoration: none;
}
a:visited {
	color: #5BBF21;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color: #FF33CC;
	font-weight:bold;
	text-decoration: none;
}
a:active {
	color: #5BBF21;
	font-weight:bold;
	text-decoration: none;
}


.strong_orange {
	color: #F0761B;
	font-weight:bold;
}

a.linkorange {
	color: #F0761B;
	font-weight:bold;
	text-decoration: none;
	margin-bottom:0px;
	margin-top:0px;
	line-height:20px;
}
a.linkorange2 {
	color: #F0761B;
	font-weight: normal;
	text-decoration: none;
}
.lineheight {
	margin-bottom:20px;
	margin-top:5px;
}

a.linkred {
	color: #c3262e;
	font-weight:bold;
	text-decoration: none;
	margin-bottom:0px;
	margin-top:0px;
	line-height:20px;
}
.rovettetitles {

	margin-bottom:3px;
	margin-top:0px;
	line-height:18px;
}

#menubar {
display:block;
list-style-type:none;

}

#menubar li a,
#menubar li#active_home a,
#menubar li#active_details a,
#menubar li#active_rovettes a,
#menubar li#active_friends a,
#menubar li#active_contact a

{
	border-bottom:3px dotted #FAFAFA;
	display:block;
	color:white;
	color : #fff;
	letter-spacing: 0.1em ;
	font-weight : bold;
	text-decoration: none;
	line-height:30px;
	padding-left:10px;
}

#menubar li#active_home a{
	background:#85D25D;
}
#menubar li#active_details a{
	background:#e95ab4;
}
#menubar li#active_rovettes a{
	background:#f7a66a;
}
#menubar li#active_friends a{
	background:#a5a4c1;
}
#menubar li#active_contact a{
	background:#85D25D;
}
#menubar_catalyst li#active_catalyst a{
	background:#c34c53;
}
#menubar_catalyst_indent li#active_catalyst_indent a{
	background:#c34c53;
}

#menubar_catalyst {
display:block;
list-style-type:none;
}
#menubar_catalyst li a
{
	border-bottom:3px dotted #FAFAFA;
	display:block;
	color:white;
	color : #fff;
	letter-spacing: 0.1em ;
	font-weight : bold;
	text-decoration: none;
	line-height:20px;
	padding-left:10px;
}

#menubar_catalyst_indent {
display:block;
list-style-type:none;
}
#menubar_catalyst_indent li a
{
	border-bottom:3px dotted #FAFAFA;
	display:block;
	color:white;
	color : #fff;
	letter-spacing: 0.1em ;
	font-weight : bold;
	text-decoration: none;
	line-height:20px;
	padding-left:25px;
}

#space {
height:25px;
}

.footer {
color : #5BBF21;
font-weight : normal;
font-size : 10px;
}
.blockquote {
text-indent:20px;
}
.rovette {
font-size : 14px;
padding-right: 35px;
}


/* slider for main site - change from flash to slider*/



#slider li {
    list-style-type: none;
}