/* 
	RESKIN STYLE SHEET
	Freya Communications, inc.
	Pierre-Luc Pepin
	April 2006
	
	#Header => Main Div which contains the entire header.
			|- #Head => Defines properties of the first row of the header.
						|- #Image => Includes the image logo of store.
			|- #SurroundBorder =>	Border which surrounds row 2 & 3 (Menu & SubHeader).
						|- #Menu =>	2nd row, main menu.
									|- #Links => Defines main properties to all links.
												|- a => Defines properties to all anchor tags.
												|- a:hover => Defines properties to the "mouse over" event.
												|- li => Aligns all listed items on the same line.
												|- #current => Defines the properties of the list item which is the current browsed page.
						|- #subMenu => 3rd row, sub menu.
									|- #Links => Defines main properties to all links.
												|- a => Defines properties to all anchor tags.
												|- a:hover => Defines properties to the "mouse over" event.
												|- li => Aligns all listed items on the same line.
												|- #current => Defines the properties of the list item which is the current browsed page.
						|- #RightMenu => Defines the main properties for the location of the Right menu.
									|- #Links => Defines main properties to all links.
												|- a => Defines properties to all anchor tags.
												|- a:hover => Defines properties to the "mouse over" event.
												|- li => Aligns all listed items on the same line.
												|- #current => Defines the properties of the list item which is the current browsed page.
	
	#TOC => Left Toc
*/

/* TOP HEADER */
#Header {
	position: relative;
	width: 778px;
	height: 164px;
}

#Head {
	position: absolute;
	top: 0px; left: 0px;
	width: auto;
	margin: 0px; padding: 0px;
}

#Head #Image {
	float: left; 
	width: 460px; height: 90px; 
	background-image: url(images/header.jpg);
} 

#SurroundBorder {
	position: relative;
	top: 90px; left: 0px;
	width: auto; height: 64px;
	border: 1px solid #1E2363;
	clear: left;
}

#Menu {
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 28px; 
	
	background-color: #1E2363; 
	clear: both; 
	
	border-width: 1px; 
	border-left-style: solid; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-color: #FFF;
}

#Menu #Links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
}

#Menu #Links a {
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-top: 0.6em;
	border-right: 1px solid #1E2363;
}

#Menu #Links a:hover {
	background-color: #F97414;
	color: #1E2363;
	padding-bottom: 0.6em;
}

#Menu #Links li {
	display: inline;
}

#Menu #Links #current {
	background-color: #F97414;
	color: #1E2363;
	font-weight: bold;
	font-size: 14px;
	padding-left: 1em;
	padding-right: 1.em;
	padding-bottom: 0.6em;
	padding-top: 0.4em;
	/*border-left: 1px solid #fff;
	border-right: 1px solid #fff;*/
}

#subMenu {
	position: relative;
	margin: 0 auto;
	width: 778;
	height: 31px;
	top: 31px;
	padding: 0px;
	/*clear: both;*/

	/*margin: 0px; padding: 0px; */
	/*margin: 0 auto;*/

	background-color: #F97414;

	border-width: 1px; 
	border-left-style: solid; 
	border-bottom-style: solid; 
	border-right-style: solid; 
	border-color: #FFF;
	
	text-align: center;

}
#subMenu #Links {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	top: 7px; 
	left: 0px;

	/*
	
	width: 100%; 
	height: 25px;*/ 

	/*padding: 0px 0px 0px 160px;*/
	/*margin: 0px;
	margin: 0px;
	margin: 0 auto;*/
	
}
#subMenu #Links a {
	color: #1E2363;
	padding: 0.4em 1em;
	text-align: left;
}
#subMenu #Links a:hover {
	background-color: #F97414;
	text-decoration: none;
	color: #1E2363;
	padding-bottom: 0.3em;
}
#subMenu #Links li {
	display:inline;
}
#subMenu #Links #current {
	background-color: #F97414;
	color: #000000;
	font-weight: bold;
}

/* RIGHT MENU */
#RightMenu {
	float: right;
	position: relative; 

	top: 62px; right: -130px; 
	width: 300px; height: 54px; 
}
#RightMenu #Links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px; padding: 0px;
}
#RightMenu #Links a {
	float: left;
	text-decoration: none;
	color: #FFF;
	
	padding: 0.4em 0.6em;
	margin: 0.2em;
	
	background-color: #1E2363;
	
	border-top: 1px solid #8B8FBD;
	border-left: 1px solid #8B8FBD;
	border-right: 1px solid #8B8FBD;
}
#RightMenu #Links a:hover {
	background-color: #535CCA;
	color: #FFFFFF;
	border-top: 1px solid #1E2363;
	border-left: 1px solid #1E2363;
	border-right: 1px solid #1E2363;
}
#RightMenu #Links li {
	display: inline;
	list-style-type: none;
}
#RightMenu #Links #current {
	color:#FFF;
	border-top: 1px solid #54978F;
	border-left: 1px solid #54978F;
	border-right: 1px solid #54978F;
	background-color: #99cc99;
	font-weight: bold;
}

/* TOC */
#TOC {

	/* PADDING & MARGIN */
	padding: 0; margin: 0;

	/* BORDER */
 	border-width: 0px;
	border-style: dashed;
	border-color: red;
	width: 160px;
	
	/* Text */
	color: #000;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
}
#TOC .SearchBox {
	position: relative; 
	border: 1px solid #1E2363;
	width: inherit;
	margin: 0;
	padding: 0;
}
#TOC .SearchBox .Header {
	position: relative;
	top: -1px;
	Text-transform: uppercase; 
	font-size: 11px;
	font-weight: bold; 
	color: white; 
	background-color: #1E2363; 
	padding: 2px 0 2px 4px;
	margin: 0;
}
#TOC .SearchBox FORM {
	position: relative; 
	Color: white; 
	Background-Color: #fff; 
	Margin: 3px auto; 
	Width: inherit; 
	text-align: center;
}
#TOC .SearchBox FORM INPUT.Text {
	position: relative;
	margin: 0 0 3px 0;
	padding: 0 0 0 2px;
	width: 150px;
	
	border-width: 1px;
	border-style: inset;
	border-color: #366085;
	
	/*text*/
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#TOC .SearchBox FORM INPUT.Submit {
	position: relative;
	margin: 0;
	padding: 0;
	width: 150px;
	
	/*text*/
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#TOC .SearchBox FORM SELECT {
	position: relative;
	margin: 0 0 3px 0;
	padding: 0;
	width: 150px;
	
	/*text*/
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#TOC DIV.Leaders{
	padding-top: 10px;
}
#TOC DIV.Leaders DIV, #TOC DIV.Bullets DIV{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F97414;
	padding-top: 5px;
	padding-bottom: 5px;
}
#TOC DIV.Leaders DIV UL, #TOC DIV.Bullets DIV UL{
	list-style-type: none;
	margin: 0 0 5 0;
	margin-left: 0;
}
#TOC DIV.Leaders DIV LI, #TOC DIV.Bullets DIV LI{
	padding-left: 20px;
	background-image: url(../images/redArrow.gif);
	background-repeat: no-repeat;
	background-position: 8 .5em;
}
#TOC .ListTitle {
	background-color: #fff;
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 3px;
	width: 100%;
}
#TOC .More {
	//
}
#TOC .Clearance {
	display: none;
}