/* ====================================================================
   TEMPLATE: ytw_emphasheaders v1.0
   AUTHOR: Franck Scipion, YTW (http://www.yatienesweb.info)
   DATE: February 2004
   BROWSERS PASSED: Internet Explorer 6, Internet Explorer 5.5, Mozilla 1.6,
   Netscape 7.1, Opera 7.11	
   ==================================================================== */

/* ====================================================================   
   Artwork (.png, .gif & .jpg), COPYRIGHTS 2004, Franck Scipion, YTW (http://www.yatienesweb.info)
   all rights reserved
   ==================================================================== */

/* ==================================================================== 
   Except clearly notified, the .php & .css files available in the download 
   section are ruled by a Creative Commons licence "Attribution-Non 
   Commercial- Share Alike 1.0".

   You are free to use the work & to make derivative works, under the following 
   conditions:
	§Attribution:  You must give the original author credit. We apreciate a 
		       link back to our home page http://www.yatienesweb.info
	§Share Alike:  If you alter, transform, or build upon this work, you 
                       may distribute the resulting work only under a license 
                       identical to this one, making clear to others the license 
                       terms of this work.
	§Non-Commercial: You may not use this work for commercial purposes. 

   For any reuse or distribution, you must make clear to others the license terms of this work. 
   Any of these conditions can be waived if you get permission from the author. 
   
   Your fair use and other rights are in no way affected by the above.                                  
   ==================================================================== */

/* box layout */


#boxwrap   { 
width: 650px; 
clear: both;
margin-left: auto; 
margin-right: auto; 
border-right: 10px solid #cccc99;
border-left: 10px solid #cccc99;
background: #eaead5 url(../images/bg2.gif);
}


#boxheader1 { 
width: 100%;  
clear: both; 
background: #fff url(../images/back.png) no-repeat center top;  
border-bottom: 10px solid #cccc99;
}

#boxheader2 { 
width: 100%; 
clear: both; 
background: #cccc99 url(../images/header22.jpg) no-repeat center top; 
height: 50px; 
}

#boxheader3 { 
width: 100%;  
clear: both; 
background: #cccc99 url(../images/header32.jpg) no-repeat center top; 
height: 100px;
 }

#boxheader4 { 
width: 100%;  
clear: both; 
background-color: #e1e1c4;
border-bottom: 10px solid #cccc99;  
}

#boxcenter   { 
width: 650px;  
background: #f0f0e1 url(../images/bginside.png) repeat-y center top;
}

#boxbody   { 
width: 400px; 
float: left;
}

#boxright  { 
width: 170px; 
float: right; 
text-align: left;
margin-right:0px;
margin-left:45px;
}


#boxfooter { width: 100%;  clear: both;  }

#boxclear, #boxclear1, #boxclear2, #boxclear3  {
line-height: 0px;
height: 0px;
font-size: 0px;
clear: both;
margin: 0px;
padding: 0px }


/* ie hack: */
     #iehackwrap { text-align: center;  }
     #boxwrap    { text-align: justify; }     


     
/* footer */


#boxfooter { 
background: url(../images/footer.png) no-repeat center top; 
height:40px;
}


div { margin: 0px; padding: 0px; }

/* formatting */
body     { 
		color: #333;
		margin: 0px; 
		padding: 0px; 
		font: 90% Verdana, Arial, Helvetica, sans-serif;
		background: #eaead5 url(../images/bg.gif);
}

#boxwrap { 
		text-align: justify; 
 
}


h1 { padding: 2px 10px; margin: 0px;}
p  { padding: 5px 10px; margin: 0px;}
h2, h3  { margin-top: 5px;}


p, div, td {
	font: 13px/17px Verdana, Arial, Helvetica, sans-serif;
}

#boxright th {
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;	
	color: #4a4949;
	border-top: 5px solid #9a9964;
	border-bottom: 3px solid #63798D;
	text-align:center;
}

#boxbody th {
	display:none;}

#boxheader1 .left {
	display:none;}

h1 {
	font: bold 16px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px;
	padding: 0px;
}

h2 {
	font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #63798D;
}

h3 {
	font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #505050;
}

#boxcenter h2 { 
	font: bold 13px/17px Verdana, Arial, Helvetica, sans-serif;	
	text-align:center;
	color: #4a4949;
	border-top: 5px solid #63798D;
	border-bottom: 3px solid #9a9814;}

#boxcenter h3 { 
	font: bold 13px/17px Verdana, Arial, Helvetica, sans-serif;	
	text-align:center;
	color: #666600;
	border-top: 5px solid #63798D;
	border-bottom: 3px solid #9a9814;}

#boxfooter p { 
		text-align: center; }


.newscallout { 
		border: 1px solid #800000; 
		margin: 10px; 
		width: 95%;
		background: #fafbfc; }

/* Top Menu */

#navhorzcontainer ul {
	font: 13px/19px Verdana, Arial, Helvetica, sans-serif;
 }


/* General Links */

a:link {
	color: #63798D;
	font-weight: bold;

}

a:visited {
	color: #63798D;
	font-weight: bold;

}

a:hover {
	color: #000000;
	font-weight: bold;

}

a:active {
	color: #000000;
	font-weight: bold;
}

#boxheader3 a:link {
	color: #fff;
	font-weight: bold;

}

#boxheader3 a:visited {
	color: #fff;
	font-weight: bold;

}

#boxheader3 a:hover {
	color: #000000;
	font-weight: bold;

}

#boxheader3 a:active {
	color: #000000;
	font-weight: bold;
}


/* GENERAL STYLE */



.title {
	text-align:center;
}


.anchor { 
		text-align: center; }


.images { 
		border: 0px; 
		font-style: normal; 
}


/* Top Horizontal Menu */


#navhorzcontainer { }
#navhorzcontainer a { text-decoration: none; }

#navhorzcontainer ul
{
padding: 0;
margin: 0;
list-style-type: none;
position: relative;
}

#navhorzcontainer li { display: inline; }

/*1st level elements*/
#navhorzcontainer ul
{
border-top: 1px solid #63798D;
border-bottom: 1px solid #63798D;
padding: 2px 0;
background-color: #494848;
}

#navhorzcontainer li { margin: 0 0 0px; }

#navhorzcontainer ul a,
#navhorzcontainer ul a:link,
#navhorzcontainer ul a:visited
{
background-color: #494848;
border: 1px solid #494848;
color: white;
padding: 0px 5px;
}

#navhorzcontainer ul a:hover,
#navhorzcontainer ul a:focus
{
background-color: #CC9;
border: 1px solid black;
color: black;
}

/*current Link*/
#navhorzcontainer ul a#current,
#navhorzcontainer ul a#current:link,
#navhorzcontainer ul a#current:visited { font-weight: bold; text-decoration: underline; }

/*Second and subsequent levels*/
#navhorzcontainer ul ul
{
font-size: 80%;
position: absolute;
top: 23px;
left: 0;
width: 100%;
border-top: none;
background-color: #63798D;
}

#navhorzcontainer ul ul li { display: inline; }

#navhorzcontainer ul ul a,
#navhorzcontainer ul ul a:link,
#navhorzcontainer ul ul a:visited
{
background-color: #63798D;
border: 1px solid #63798D;
color: white;
}

#navhorzcontainer ul ul a:hover,
#navhorzcontainer ul ul a:focus
{
background-color: #9A9964;
border: 1px solid black;
color: black;
}

/*current Link*/
#navhorzcontainer ul ul a#subcurrent,
#navhorzcontainer ul ul a#subcurrent:link,
#navhorzcontainer ul ul a#subcurrent:visited { font-weight: bold; text-decoration: underline; }


/* Space Image effect */

.left
{
		text-align : left;
		float : left;
		padding-left: 5px; 
}


.left img { 

		padding-right: 0px; 
		padding-left: 0px; 
		padding-bottom: 0px; 
		margin: 3px 0 0 0; 
		border-top-style: none; 
		padding-top: 0px; 
		border-right-style: none; 
		border-left-style: none; 
		border-bottom-style: none
}

.right
{
width : 50%;
text-align : right;
float : right;
}

#boxheader1 .right
{
width : 50%;
text-align : right;
float : right;
margin-top:15px; 
}




/* False center */

.center1 {
	position: relative;
	margin: 0px 0px 0px 100px;
}

.center2 {
	position: relative;
	margin: 0px 0px 0px 140px;
}

.center {
	text-align:center;
}

/* Hiding */

#hide  { width: 100%;  clear: both; background-color: #f0f0e1;}
#hide1 { width: 100%;  clear: both; background-color: #eaead5;}
#hide2 { width: 100%;  clear: both; background-color: #f0f0e1;}

/* Lists */

ul, ol {
	padding: 0px;
	list-style-type:disc; 
	list-style-position:outside;
	margin-left:10px; margin-right:0px; margin-top:0px; margin-bottom:0px
}

li {
	padding: 0px;
	margin: 0px;
	list-style-image:url(../images/bullet.gif); margin-left:18px;
}


/* Horizontal CSS Nav bottom bar*/

#hide2 #navhorzcontainer2 ul
{
display: block;
list-style: none outside;
padding: 0;
margin: 10px 0 0 10px;
font:  11px/16px Verdana, Arial, Helvetica, sans-serif;
}

#hide2 #navhorzcontainer2 li
{
padding: 0;
margin: 0 4px 0 0;
border-top: 1px solid #9a9964;
border-right: 1px solid #9a9964;
border-left: 1px solid #9a9964;
background-color: #cccc99;
color: #ffffff;
font-weight: bold;
/* the next 4 lines are magic */
display: block;
float: left;
position: relative;
top: -1.32em;
}

#hide2 #navhorzcontainer2 a:link,
#hide2 #navhorzcontainer2 a:visited
{
background-color: #9a9964;
color: #ffffff;
text-decoration: none;
padding-left: 1em;
padding-right: 1em;
}

#hide2 #navhorzcontainer2 a:hover
{
background-color: #cccc99;
color: #fff;
}

#hide2 #navhorzcontainer2clear { display: none; }

html>body #hide2 #navhorzcontainer2clear
{
display: block;
clear: both;
}

#hide2 #navhorzcontainer2 li#active a
{
background-color: #fff;
color: #9a9964;
}



/* Header images switcher */


body#news #boxheader1 {  
background: #fff url(../images/back11.png) no-repeat center top; 
}

body#news #boxheader2 {  
background: #cccc99 url(../images/header21.jpg) no-repeat center top; 
}

body#news #boxheader3 {  
background: #cccc99 url(../images/header31.jpg) no-repeat center top; 
}


body#faq #boxheader1 {  
background: #fff url(../images/back12.png) no-repeat center top; 
}

body#faq #boxheader2 {  
background: #cccc99 url(../images/header22.jpg) no-repeat center top; 
}

body#faq #boxheader3 {  
background: #cccc99 url(../images/header32.jpg) no-repeat center top; 
}


body#theweblinks #boxheader1 {  
background: #fff url(../images/back13.png) no-repeat center top; 
}

body#theweblinks #boxheader2 {  
background: #cccc99 url(../images/header23.jpg) no-repeat center top; 
}

body#theweblinks #boxheader3 {  
background: #cccc99 url(../images/header33.jpg) no-repeat center top; 
}


body#contactus #boxheader1 {  
background: #fff url(../images/back14.png) no-repeat center top; 
}

body#contactus #boxheader2 {  
background: #cccc99 url(../images/header24.jpg) no-repeat center top; 
}

body#contactus #boxheader3 {  
background: #cccc99 url(../images/header34.jpg) no-repeat center top; 
}


body#yourdetails #boxheader1 {  
background: #fff url(../images/back15.png) no-repeat center top; 
}

body#yourdetails #boxheader2 {  
background: #cccc99 url(../images/header25.jpg) no-repeat center top; 
}

body#yourdetails #boxheader3 {  
background: #cccc99 url(../images/header35.jpg) no-repeat center top; 
}


body#submitnews #boxheader1 {  
background: #fff url(../images/back16.png) no-repeat center top; 
}

body#submitnews #boxheader2 {  
background: #cccc99 url(../images/header26.jpg) no-repeat center top; 
}

body#submitnews #boxheader3 {  
background: #cccc99 url(../images/header36.jpg) no-repeat center top; 
}


body#submitweblink #boxheader1 {  
background: #fff url(../images/back17.png) no-repeat center top; 
}

body#submitweblink #boxheader2 {  
background: #cccc99 url(../images/header27.jpg) no-repeat center top; 
}

body#submitweblink #boxheader3 {  
background: #cccc99 url(../images/header37.jpg) no-repeat center top; 
}


body#check-inmyitems #boxheader1 {  
background: #fff url(../images/back18.png) no-repeat center top; 
}

body#check-inmyitems #boxheader2 {  
background: #cccc99 url(../images/header28.jpg) no-repeat center top; 
}

body#check-inmyitems #boxheader3 {  
background: #cccc99 url(../images/header38.jpg) no-repeat center top; 
}