@CHARSET "ISO-8859-1";
a {	
	color: #3366CC;	
	text-decoration: none
}
body {
	background-image: url(images/Styles/OE_Background_All.jpg);
	background-repeat: repeat;
	width: 100%;
	font-family: Verdana, 	Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb(255,253,240);
	line-height: 2em;
	color: ffffcc;
	margin: 0 auto;
	font-weight: bold;
	text-align: center;
	}
	
.container
{
    position:relative;
	margin: 0 auto;
	margin-top: 5%;
	margin-bottom: 5%;
	overflow: hidden;
	width: 900px;
	text-align:center;
}

.shadowbox
{
	background: url(images/Styles/shadowbox.jpg) bottom right;	
}

/* The home page header */
.header{
	margin: 0 auto;
	display: inline;
	padding: 0px; 
	float: left;
	text-align: center;
	display: inline;
	height: 75px;
	width: 100%; 
	background-image: url(images/Styles/top_header.jpg);
	background-repeat: repeat-x;
	
	}
	
/* Search sub element*/
.headersearch{
	margin-top: 2.5%;
/*	margin-right: 2%; */
	padding: 0px;
	float: right;
	display: inline;
	width:30%;
}

.searchtextbox{
	height:17px;
	vertical-align:top;
}

.searchbutton
{
	height:21px;
}

/* Navigation Menu */
.menu{
	margin: 0;
	width: 100%;
	padding: 0;
	text-align: center;
	background-color:#17140c; 
	float:left;
	display: inline;
}

/* Navigation List */
ul.navlist
{
	margin: 0;
	float: right;
	display: inline;
	list-style-type: none;
}

ul.navlist li { 
    display: inline; 
	} 

/*Navigation list individual item*/
ul.navlist li a
{
	margin: 0 0 0 0;
	padding-top: 0.5%;
	float: left;
	display: inline;
	height: 25px;
	width: 110px; 
	font-weight:normal;
	color: #ffffcc; 
	background-color: #000000;
	border-right: 1.5px solid; 
	border-color: gray;
	text-align: center;
}

ul.navlist li a.endoflist
{
	border: black; 
}

ul.navlist li a.topselecteditem
{
	background-color: orange;
}


ul.navlist li a:hover
{
	background-color: orange;
}

ul.navlist li a:select
{
	background-color: orange;
}

/* The conent sytles start below*/
.clear {
	clear: both;
	margin: 0; 
	padding: 0;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}

/*Box displaying the slideshow*/
.slideshow {
	margin: 0 auto;
	padding: 0;
	width: 65.8%;
	float: left;
	display: inline;
	overflow: hidden;
	height: 33.1em;
}

/*Box displaying the logo*/
.logo {
	position: absolute;
	top:0%;
	left:2%;
	width: 8.6%;
	height: 130px;
	min-width: 110px;
 	background-repeat: no-repeat;
	z-index: 1002;
	display: inline;
}
/* dummybox for displaying logo in IE6 */
.dummybox{
}

/* The box displaying full-width notice */
.noticebox{
	width: 100%;
	text-align: left;
	height: 580px;
	float: left;
	display: inline;
	background-image:  url(images/Styles/box_notice.jpg);
	background-repeat: repeat-x;
}


/*Header in the notice box*/
.noticeboxheading{
	padding-top: 2em;
	letter-spacing:1px;
	font-size: 1em;
	font-weight: bold;
	color: #ffffcc;
	text-align: left;
	padding-left: 20%;
}

/*Body text in the notice box*/
.noticeboxtext{
	padding-top: 2em;
	margin-left: 20%;
	margin-right: 10%;
	color: #ffffcc;
	text-align: left;
}

/* The box displaying calender events */
.calendereventbox{
	margin: 0%;
	width: 34.2%;
	text-align: left;
	height: 13em;
	float: left;
	display: inline;
	background-image:  url(images/Styles/box_calendar.jpg);
	background-repeat: repeat-x;
}


/*Header in the caldender box*/
.calendereventboxheading{
	padding-left: 8%;
	padding-top: 2%;
	letter-spacing:1px;
	font-size: 1em;
	font-weight: bold;
	color: #ffffcc; 
}


/*Detail lines in the caldender box*/
.calendereventboxdetail{
	padding-left: 8%;
	line-height: 14pt;
	color: #fff;
}


/*Hyperlink in the caldender box*/
.contentboxhyperlink{
	padding-left: 8%;
	padding-top: 2%;
	letter-spacing:1px;
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffcc;
}

/* The photo filling up area between the calender and fundraiser box*/
.fillerphoto{
	margin: 0% 0% 0% 0%;
	padding: 0;
	width: 34.2%;
	height: 10em;
	float:left;
	display: inline;
	background-image:  url(images/Styles/photo_promo.jpg);
}



/* The fundraiser box*/
.fundraiserbox{
	margin: 0%;
	padding: 0;
	width: 34.2%;
	float: left;
	display: inline;
	height: 10.3em;
	font-weight:normal;
	color:#ffffcc;
	background-image:  url(images/Styles/box_promo.jpg);
	background-repeat: repeat;
	text-align: left;
}


/*Detail lines in the fundraiser box*/
.fundraiser{
	padding-left: 8%;
	line-height: 14pt;
	font-weight:normal;
	color:#fffff;
}

/*Detail lines in the fundraiser box*/
.eventscss{
	padding-left: 8%;
	font-family: Verdana, 	Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	line-height: 13pt;
	color: #fff;
}

/* The box below slide show, displaying the video*/
.videonewslettercontainerbox{
	margin: 0 auto;
	padding: 0;
	width: 63%;
	float: left;
	display: inline;
	height: 18em;
	background-image:  url(images/Styles/bar_newsletter.jpg);
	background-repeat: repeat;
	text-align: left;
}

/* The video container*/
.videocontainer{
	margin: 0% 0% 0% 0%;
	padding: 0%;
	width: 100%;
	float: left;
	display: inline;
	background-image: url(images/Styles/box_blog.jpg);
	background-repeat: repeat-x;
	overflow:hidden;  
	}
	
.videoimage{
	margin:3% 3% 2% 3%;
	width: 215px;
	height:134px;
	float:left;
	display: inline;
	border: 0 none;
	background-image: url(images/Styles/video_still.png);
	background-repeat: no-repeat;
}

.videoheading{
	padding: 5% 0% 0% 0%;
	font-size: 1em;
	color: #333333;
	font-weight:normal;
}

.videolinkbrackets{
	color: #385d10;
}

.videolinktext{
	color: #f17f1e;
}


/* The newsletter box */
.newsletterbox{
	margin: 0% 0% 0% 0%;
	padding: 0;
	width: 100%;
	float: left;
	display: inline;
	font-weight:bold;
	color:#171403;
	height: 3.2em;
	background-image:  url(images/Styles/bar_newsletter.jpg);
	background-repeat: repeat;
	overflow:hidden;
}

.newslettericon{
	float: left;
	display: inline;
	margin-right:0%;
	width:8%;
	height: 3em;
	border: 0;
	background-image: url(images/Styles/NewsLetter.jpg);
}

.newsletterdetails{
	margin-top:0.5%;
	padding-left:0.5%;
	padding-top:0.3%;
	color:black;
	font-weight:bold;
	color:#17140C;
}


/* The box displaying OE Tshirt*/
.onlinestorephotobox{
	margin: 0 0 0 0;
	padding: 0;
	width: 14%;
	float: left;
	display: inline;
	height: 11em;
	background-image: url(images/Styles/photo_oesweatshirt.jpg);	
}

/* The online store link box*/
.onlinestoretextbox{
	margin: 0 0% 0% 0%;
	padding: 0;
	width: 23%;
	float: left;
	display: inline;
	height: 11em;
	background-image: url(images/Styles/box_store.jpg);
	background-repeat: repeat-x;
	text-align:left;
	font-weight:normal;
	color:#ffffcc;

}

/*Header in the online store box*/
.onlinestoreboxheading{
	padding-left: 8%;
	padding-top: 2%;
	letter-spacing:1px;
	line-height: 11pt;	
	font-size: 1em;
	font-weight:normal;
	color:#ffffcc;
}


/*Detail lines in the online store*/
.onlinestoreboxdetails{
	padding-left: 8%;
	padding-top: 2%;
	line-height: 14pt;
	font-weight:normal;
	color:#ffffcc;
}

/* The shop with partners box*/
.oepartnersbox{
	margin: 0% 0% 0% 0%;
	padding: 0;
	width: 37%;
	float: left;
	display: inline;
	height: 7em;
	background-image: url(images/Styles/box_partners.jpg);
	background-repeat: repeat;
	text-align:left;
	font-weight:normal;
	color:#fffff;

}

.oepartnersdetails{
	padding-left: 8%;
	padding-top: 5%;
	line-height: 12pt;
	font-size: 1em;
	font-weight:normal;
	color:#ffffcc;
}


/* The OE Address and contact information, Email us box */
.oecontactinfobox{
	margin: 0% auto;
	width:100%;
	height: 3em;
	float: left;
	display: inline;
	background-image: url(images/Styles/bar_address.jpg);
	background-repeat: repeat;
	text-align:left;
	color: #ffffcc;
}

.oecontactinfoboxtext{
	padding-left: 2%;
	padding-top: 1%;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 14pt;
	word-spacing:2px;	
	color: #ffffcc;
}

.oecontactinfoemailid
{
	padding-left: 1%;
	padding-top: 1%;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 14pt;
	word-spacing:2px;	
	color: #ffffcc;

}

/* The Taproot logo and team details box */
.taprooteaminfobox{
	margin: 0% auto;
	padding: 0%;
	width: 100%;
	font-size: 0.8em;
	font-weight: normal;
	height: 8em;
	float: left;
	display: inline;
	background-image: url(images/Styles/bar_taproot.jpg);
	background-repeat: repeat;
	text-align:left;
	color: #cccccc;
	
}


/* The copyrights box */
.oecopyrightbox{
	margin: 0% auto;
	padding-top:5px;
	width: 100%;
	font-weight: normal;
	font-size: 0.9em;
	height: 4em;
	float: left;
	color: #999999;
	display: inline;
	text-align:left;
	background-image: url(images/Styles/OE_Background_All.jpg);

}

/* for relay */
.relaybox
{
	margin: 0%;
	padding: 0%;
	float:right;
	display: inline;
	width:40%;
}

.relayboxtext{
	font-weight: normal;
	display-inline;
	float:left;
	padding-top:1%;
	font-size: 0.9em;	
	text-align:right;
	color: #ffffcc;
	width:85%;
	line-height:10pt;
}


.relaybutton
{
	padding-left:2%;
	padding-right:2%;
	float:right;
	display: inline;
	color: #ffffcc;
	font-weight:bold;
	width: 36px;
}

.relaybuttonfooter
{
	float:right;
	display: inline;
	font-size: 0.9em;
	text-align:center;	
	width: 45px;
}

.imageleft{
	float: left;
	margin-right:1%;
}

.contentright{
	color: white;
	float: left;
	display: inline;
	padding-top:1.2%;
	line-height: 14pt; 
}

.imageright{
	float: right;
	display: inline;
	margin: 3%;
}

.contentleft{
	color: white;
	float: right;
	display: inline;
	padding-top:1.2%;
	line-height: 14pt; 
}

a:link {
COLOR: #ffffcc;
}

a:visited {
COLOR: #ffffcc;
}
a:hover {
COLOR: #a4cc29;
}
a:active {
COLOR: ffffcc;
} 

/* For the search results displayed on the search page*/
#cse-search-results
{
	margin: 0% auto;
	padding: 0px; 
	float: left;
	display: inline;
	width: 100%; 
	text-align: center;
	background-color: #fff;
	background-repeat: repeat;

}

/*to to change the direction of text from left-to-right (default) to right-to-left. Used to write email address to avoid spam */
.codedirection 
{  
	unicode-bidi:bidi-override; 
	direction: rtl; 
}

/*.videocontainer{
	width:580px;
	height:360px;
}*/

.thankyoumiddlecontent
{
	height: 400px;
	background-color: white;
}

.thankyoumiddlecontenttext
{
	margin-top:10%;
	padding: 15%;
	text-align:center;
}