/* CSS Document */
body {
width:900px;
min-width:900px;
width:auto;
background: #FFFFFF;
font-family : Verdana, Tahoma, Arial, sans-serif;
font-size: 0.8em;
color:#666666;
margin:30px 30px 10px 10px; 
margin-left:50px;
}


/* for Internet Explorer */
/*\*/
* html .body {
width:900px;
}
/**/



/* Box */
#Box{
		float: left;
		width:900px;
		margin:30px 30px 10px 10px; 
		background: url(images/left.jpg)  repeat-y left top;
}
/* for Internet Explorer */
/*\*/
* html .body #Box{
width:900px;
}
/**/



	#Leftcon{
	float: left;
	width: 23px;
	height:18px;
	background: url(images/topleft.jpg) no-repeat left top; 
	}
	
	
	#Rightcon{
	
	display:block; 
	position:relative; 
	height:18px; 
	background: url(images/Topright.jpg) no-repeat right top; 

	}

	
	
	#Top{
	float: left;
	width: 100%;
	height:18px;
	background: url(images/Top.jpg) repeat-x;
	}
	
	

	
	
	
	
	#Botrightcon{
	vertical-align:bottom; 
	float:right; 	
	width: 33px;
	height:25px;
	background: url(images/botright.jpg)   no-repeat ;
	}
	
	#BotLeftcon{
	vertical-align:bottom; 
	float:Left; 	
	width: 26px;
	height:25px;
	background: url(images/botleft2.jpg) no-repeat ;
	}
	
	#Bot{
	float: left;
	vertical-align:bottom; 
	width: 100%;
	height:25px;
	background: url(images/Bot.jpg);
	}

		#center-content { 
		text-align: justify;
position:relative; 
background:url(images/right.jpg) repeat-y right top; 
padding:5px 10px 25px 10px; 
margin:18px 0 0px 10px; 
}
	

	/* End Box */



/* Header */
	#Header{
	margin:0px 0px 10px 0px; 
	width:100%;	
	height:85px;
	background: url(images/Hi.jpg) no-repeat left top; 
	}
	
	
	#BlueBox{
	float:right;
	width:  auto;
	margin:10px 10px 10px 10px; 
	border:1px solid #0099FF;
	}

	h1
	{
	margin-top:10px;

	font-size: 20px;
	font-weight: bold;
	color:#0099FF;
	
	}
	
	#Footer{

	Float:left;
	display:block;
	width: 99%;
	font-family : Verdana, Tahoma, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	color: #999999;
	padding:0px 0px 30px 0px; 
	}
	
	#cookbook {
	 background-color:#CCCCFF;
	display:block; 
	font-family : Verdana, Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	color:#000000
	}
	#cookbook a { 
text-decoration: none; 
color:#4896AC; 
font-weight:bold;
 } 
#cookbook a:hover{ 
  color:#00CCFF;
} 

	.added {
	 background-color:#CCCCFF;
	color:#000000;
	border:1px solid #0099FF;
	}
	
	.NotAdded{
	border:1px solid #0099FF;
	}
	#Text2 {
	display:block; 
	width:50%;
	margin-left: 20%;
	min-height:850px;
	padding:0px 10px 25px 10px; 
	height:auto; 
	font-family : Verdana, Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	border-right: thin solid #4896AC;
	}
		#Text3 {
	display:block; 
	width:70%;
	margin-left: 20%;
	min-height:650px;
	padding:0px 10px 25px 10px; 
	height:auto; 
	font-family : Verdana, Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	}
	
#Text {
	width:69%;
	min-height:850px;
	height:auto;
	padding:0px 10px 25px 10px; 
	display:block; 
	font-family : Verdana, Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	border-right: thin solid #4896AC;
	}

/* for Internet Explorer */
/*\*/
* html #Text {
height: 850px;
}
	* html #Text2 {
height: 850px;
}
	
	 .tRow:hover {
    background-color:#66CC66;
   border: 1px solid #EFE;
     color: #3F0;
}
	.SmallText {
	font-family : Verdana, Tahoma, Arial, sans-serif;
	font-size: 0.7em;
	}
	
#Text a { 
text-decoration: none; 
color:#4896AC; 
font-weight:bold;
 } 
#Text2 a { 
text-decoration: none; 
color:#4896AC; 
font-weight:bold;
 } 
#Text a:hover{ 
  color:#00CCFF;
} 
#Text2 a:hover{ 
  color:#00CCFF;
} 


.glossymenu{
	position: relative;
 	width:99%;
	padding: 0 0 0 0px;
	margin: 0 0 0 0;
	background: url(images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
	
}
#List li{ 
	font-size: 11px;
	font-weight: bold;
	padding: 0 24px 10px 10px; /*Padding of menu items*/
	}

#Text h2
{
font-size: 11px;
font-weight: bold;
text-align:Left;
}
.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}



	#leftcol {
	width: 20%;
	float:left;
	margin:0;
	border-right: thin solid #4896AC;
	min-height:650px;
}
		* html #leftcol {
height: 650px;
}
#leftcol ul{
display: block;         /* lines extend to right, make area clickable */ 
font-size: 0.9em;
list-style-type: none; /* get rid of the bullets */  
padding:0px;   /* no padding */ 
 margin:0;     /* no margin for IE either */
}

#leftcol ul li {
display:block;  
border-bottom: thin solid #4896AC;
 }


#leftcol ul li a { 
display: block;         /* lines extend to right, make area clickable */ 
border-left: 10px solid #006699;
text-transform: uppercase;
text-decoration: none;
font-weight:bold;
padding:0 5px 5px 16px; /*Padding to accomodate left tab image. Do not change*/
 } 

#leftcol ul li a:hover{ 
border-left: 10px solid #1958b7;
display: block;         /* lines extend to right, make area clickable */ 
background-color: #99CCFF; 
text-decoration: none;
color:#000000;
padding:0 5px 5px 18px; /*Padding to accomodate left tab image. Do not change*/
} 

	#Rightcol {
	float:Right;
	width: 25%;
	min-width:150px;
	margin:0;
	padding: 1px 1px 1px 1px;
	
}
		#Rightcol2 {
	float:Right;
	min-width:210px;
	margin:0;
	padding: 0px 120px 0px 0px;
}


	#Bot_Rightcol {
	
	padding: 25px 15px 0px 25px;
	}
	
	
	
	
	/* Side Nav */
#s1 {  
color:#99CCFF;
width: 80%;/* menu width */
padding: 1px 0px 0px 1px;

}
#s1 h2{
padding: 20px 0px 0px 30px;
font-size: 1.0em;

}
#s1 ul { 
font-size: 0.8em;
list-style-type: none; /* get rid of the bullets */  
padding:0px;   /* no padding */ 
 margin:0;     /* no margin for IE either */

 }
 
#s1 ul li {
color:#0033FF;
margin:30px 0px 0px 0px;  
padding: 3px 3px 3px 15px; 
 display:block;  
 border-bottom: 1px solid #4896AC; /* lines */
 border-Top: 1px solid #4896AC; /* lines */

 
 }
   
#s1 ul li a { 

 display: block;         /* lines extend to right, make area clickable */ 
 color: #4896AC; 
  background-color: #fff; 
  padding: 3px 3px 3px 3px; 
   text-decoration: none; 
 background: url(images/tick.gif) no-repeat right; 
       height:15px;        /* hint for IE, alternatively remove whitespace from HTML */ 
	  
	   
	} 
	
	#s1 ul li li a {  display: block;         /* lines extend to right, make area clickable */ 
 color: #4896AC; 
 background: url(images/tick.gif) no-repeat right; 
  background-color: #fff; 
  padding: 3px 3px 3px 10px; 
   margin:0;  
   text-decoration: none; 
       height:15px;        /* hint for IE, alternatively remove whitespace from HTML */ 
	
	}
	
	#s1 ul li a:hover {  
	display: block;         /* lines extend to right, make area clickable */ 
 	color:#666666; 
  background-color: #F0FDE2; 

   margin:0;  
   text-decoration: none; 

	}
	
	
/* END Side Nav */

/* Side Nav */
#s2 {  
color:#99CCFF;
width: 80%;/* menu width */
padding: 1px 0px 0px 1px;

}
#s2 h2{
padding: 20px 0px 0px 10px;
font-size: 1.0em;

}
#s2 ul { 
font-size: 0.8em;
list-style-type: none; /* get rid of the bullets */  
padding:0px;   /* no padding */ 
margin:0;     /* no margin for IE either */
}
 
#s2 ul li {
color:#0033FF;
margin:5px 0px 0px 0px;  
padding: 3px 3px 3px 2px; 
display:block;  

}
   
#s2 ul li a { 
display: block;         /* lines extend to right, make area clickable */ 
color: #4896AC; 
background-color: #fff; 
padding: 3px 3px 3px 3px; 
text-decoration: none; 
height:10px;        /* hint for IE, alternatively remove whitespace from HTML */ 
} 
	

	
	#s2 ul li a:hover {  
	display: block;         /* lines extend to right, make area clickable */ 
 	color:#666666; 
  background-color: #F0FDE2; 
padding: 3px 3px 3px 3px; 
   margin:0;  
   text-decoration: none; 

	}
	
	
/* END Side Nav */


	/* image 
	img{
	display: block; 
	margin-right:5px;
	margin-left:10px;
	margin-bottom:10px;
	margin-Top:10px;
	}*/
	/*END  image */
	
	
	
	
/*  Button */

	.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url(images/bg_button_a.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url(images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

/* END Button */

/* Form validation error box */
#Form_error{
color:#FF0000;
margin-left:10px;
font: normal 11px arial, sans-serif;
}
/* END Form validation error box */


/* Orange Box */
.roundcont {
 
clear:both;
	width: 250px;
	background-color: #f90;
	color: #fff;
	 font-family:Verdana, sans-serif;
	 font-size: 12px;
	 
}
.roundcont2 {
	
	background-color: #f90;
	color: #fff;
	 font-family:Verdana, sans-serif;
	 font-size: 12px;
	
}

.roundcont p { margin: 0 10px; }


	


.roundtop { 
	background: url(images/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(images/br.gif) no-repeat top right; 
}

img.corner {
 padding: 0px 0px 0px 0px; 
  margin:0px 0px 0px 0px; 
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}


.roundcont a {
color:#FFFFFF;
font-weight:bold;

}
/* End Orange Box */

 #menu ul{
	width: 200px;
	margin: 1px;
	list-style-type: none;
	}
	
#menu ul li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu ul li a:link, #menu ul li a:visited {
	color: #333;
	display: block;
	background:  url(images/menu.gif);
	padding: 2px 0 0 2px;
	}
	
#menu ul li a:hover {
	color: #FFF;
	background:  url(images/menu.gif) 0 -32px;
	padding: 2px 0 0 2px;
	}	
	

#iconLink a{
position:relative;
bottom: 28px;
margin-left:10px;
color:#FFFFFF;
font-weight:bold;
}

#iconLink a:hover  {
margin-left:10px;
position:relative;
bottom: 28px;
color:#FFFFFF;
font-weight:bold;
display: block;
text-decoration:underline;
}