body	{
	background: #ffffff;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 100%; /*0.9em;*/
	color: navy;
	margin: 6px;
	/*scrollbar-face-color:#ffffc0;*/
	/*scrollbar-arrow-color:#314331;*/
	/*scrollbar-track-color:#C7DBC7;*/
	/*scrollbar-shadow-color:#6F9F70;*/
	/*scrollbar-highlight-color:#000000;*/
	/*scrollbar-3dlight-color:#000000;*/
	/*scrollbar-darkshadow-Color:#6F9F70;*/
}


A:link {
	color: blue; 
	text-decoration: none; 
	/*font-size: 1em;*/ 
	/*font-family: verdana, helvetica, arial, sans-serif;*/
	}

A:visited {
	color: #006400; 
	/*text-decoration: none; */
	/*font-size: 1em; */
	/*font-family: verdana, helvetica, arial, sans-serif;*/
	}
	
A:hover {
	color: red; 
	text-decoration: underline;
	/*font-size: 1em; */
	/*font-family: verdana, helvetica, arial, sans-serif;*/

	}
	
A:active {
	color: red;  
	/*font-size: 1em; */
	font-family: verdana, helvetica, arial, sans-serif;
	}
	
button	{
	cursor: pointer;
	background-color: #ffffc0; /*#f9f9f9;*/
    	border: solid 1px #CACACA; /*#9d9b9b; */
    	border-radius: 7px;
    	/*box-shadow: 0 2px #999;*/
    	}

button:hover	{
	border: solid 1px black; /*#9d9b9b;*/
    	box-shadow: 3px 3px 3px 0px #999;
	-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
    	/*-ms-transform: rotate(-90deg); IE 9 */
	/*-webkit-transform: rotate(-90deg);  Safari */
	/*transform: rotate(-90deg);*/
	}

button:focus	{
	outline: none;
	}

hr	{
	color: navy; width: 80%; text-align:left; margin-left:0;
	}

img	{
	border: 0px;
	}


/* CREATES TOP NAVIGATION */
#main-nav {
    width: 820px; /*1100px;100%;*/
    margin-left: 150px;
    height: 40px; /*67px;*/
    background: #f2f2f2;
    border: solid 1px #9d9b9b; /*#CACACA;*/ 
    border-radius: 10px;
    /*position: fixed; remove this to unfloat navigation header*/
    /*z-index: 1; remove this to unfloat navigation header*/
   }
#main-nav .subnav {
    display: none;
    position: absolute;
    top: 40px; 
    left: 0px;
    width: 100%;
    list-style-type: none;
    /*background: #fff;*/
    margin: 0;
    border:solid 1px #9d9b9b; /* #eeeeee;*/
    border-radius: 10px;
    z-index:5;
    padding:0;
}
#main-nav .subnav li {
    display: block;
    border-bottom: solid 1px #9d9b9b; /* #eeeeee;*/
    /*border-radius: 10px;*/
    margin:0;
    /*font-size: 0.7em;*/
    box-shadow: 10px 10px 5px #9d9b9b;
}
#main-nav .subnav li a {
    height: 12px; /*18px;*/
    padding: 10px 0;
    font-size: 0.6em;
    color: navy;
    /*font-size:13px;*/
    /*box-shadow: 10px 10px 5px #9d9b9b;*/
}


#main-nav .subnav li a:hover {
    background-color: #f9f9f9;
    text-decoration: underline;
    color: red;
   /*box-shadow: 10px 10px 5px #9d9b9b;*/
}
#nav-primary {
    list-style-type: none;
    margin: 0px;
    float: left;
    padding: 0px;
}
#nav-primary li {
    float: left;
    position: relative;
    background-color: #ffffc0;
    /*border-radius: 10px;*/
}
#nav-primary li a {
    float: left;
    text-align: center;
    font-size: 0.75em; /*14px;*/
    height: 30px; /*48px;*/
    padding-top: 10px; /*19px;*/
    line-height: 16px;
    width: 164px;
    text-decoration:none;
    color: navy;
}
#nav-primary li a:hover {
    text-decoration:none;
    font-weight: bold;
    border-radius: 10px;
}
#nav-primary li:hover .subnav {
    display: block;
}


/* END TOP NAV */


/*CREATES SIDE NAVIGATION */
#sidenav	{
	text-align:right;
	}

#sidenav .popout	{
    display: none;
    position: absolute;
    top: 0px; 
    left: 150px;
    width:95%;
    list-style-type: none;
    /*background: #fff;*/
    margin: 0;
    border:solid 1px #9d9b9b; /* #eeeeee;
    border-radius: 10px;*/
    z-index:5;
    padding:0;
	}

#sidenav .popout2	{
    display: none;
    position: absolute;
    top: 0px; 
    left: 150px;
    width:95%;
    list-style-type: none;
    /*background: #fff;*/
    margin: 0;
    border:solid 1px #9d9b9b; /* #eeeeee;
    border-radius: 10px;*/
    z-index:6;
    padding:0;
	}	

#sidenav .popout2 li {
    /*display: block; none;*/
    border-bottom: solid 1px #9d9b9b; 
    margin:0;
    box-shadow: 10px 10px 5px #9d9b9b;
}

#sidenav .popout li {
    display: block;
    border-bottom: solid 1px #9d9b9b; 
    margin:0;
    box-shadow: 10px 10px 5px #9d9b9b;
    }

#sidenav .popout li a {
    /*height: 12px;*/ 
    padding: 2px 2px;
    /*font-size: 0.6em;*/
    color: navy;
}

#sidenav .popout2 li a {
    /*height: 12px;*/ 
    padding: 2px 2px;
    /*font-size: 0.6em;*/
    color: navy;
}

#sidenav .popout li a:hover {
    background-color: #f9f9f9;
    text-decoration: underline;
    color: red;
}

#sidenav-primary .popout li:hover .popout2 {
    display: block;
}

#sidenav .popout2 li a:hover {
    background-color: #f9f9f9;
    text-decoration: underline;
    color: red;
}

#sidenav-primary {
    list-style-type: none;
    margin: 0px;
    float: right;
    padding: 0px;
}
#sidenav-primary li {
    float: right;
    position: relative;
    background-color: #ffffc0;
    /*border-radius: 10px;*/
}
#sidenav-primary li a {
    float: right;
    text-align: right;
    padding-right:3px;
    /*font-size: 0.75em;*/ /*14px;*/
    /*height: 30px; 48px;*/
    /*padding-top: 10px; 19px;
    line-height: 16px;*/
    width: 150px;
    text-decoration:none;
    /* color: blue; */
}

#sidenav-primary li a:link {
    color: blue;
}

#sidenav-primary li a:visited {
    color: #006400;
}


#sidenav-primary li a:hover {
    text-decoration:none;
    /*font-weight: bold;*/
    border-radius: 10px;
    color:red;
}
#sidenav-primary li:hover .popout {
    display: block;
}

#sidenav-primary li:hover .popout2 {
    display: none;
}

/* END SIDE NAV */




/*element classes*/

.breadcrumb	{
	top: 60px;
	left: 170px;
	font-size: 0.6em;
	font-weight: bold;
	width: auto;
	position: absolute;
	} /*Y*/

.circle	{
	list-style-type: circle;
	}

.closeStyle {
	cursor: pointer; 
	/*z-index:3;*/ 
	top: 2px;
	left:582px;
	float: right;
	clear: both;
	position: absolute;
	}

.container {
	width: auto;
	text-align:left;
	/*border-style: solid;*/
	/*border-width: 1px;*/
	} /*Y*/

	
.ddWinStyle	{
	background-color:#ffffc6;
	}
	
.discount-offer	{
	width: 120px;
	height: auto;
	background-color:#ECECEC;
	border:solid 1px #9d9b9b;
   	border-radius: 10px;
   	padding: 3px;
	}
	
.footer {
	font-size: 0.6em;
	text-align: center;
	width: 600px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	clear: left;
	} /*Y*/	
	
.leftdiv	{
	float: left; 
	padding: 0% 0% 0% 0%; 
	height: auto;
	width: 170px;
	margin-left: 10px;
	font-size: 0.6em;
	text-align: left;
	}/*Y*/
	
.logodiv	{
	float:left;
	text-align: center;
	height: 160px;
	width: 95px;
	}
	
.middlediv	{
	float: left;
	padding: 0% 0% 0% 0%; 
	margin-left: 10px;
	height: auto;
	width: 605px;
	font-size: 0.75em;
	text-align: left;
	}		/*Y*/

.myStyle {
	position: fixed; 
	visibility: hidden; 
	background-color: #ffffc0;  /*#ffffff; #F5E2F5; */
	z-index:2; 
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 0.9em; 
	color: navy; /* #6505B7; */
	width:615px; 
	height:645px; 
	text-align: left; 
	margin-left: auto; 
	margin-right: auto;
	border-style: groove;
	box-shadow: 20px 20px 25px #9d9b9b;
	}
	
.myStyle2 {
	position: fixed; 
	visibility: hidden; 
	background-color: #ffffc0;  /*#ffffff; #F5E2F5; */
	z-index:3; 
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 0.9em; 
	color: navy; /* #6505B7; */
	text-align: left; 
	margin-left: auto; 
	margin-right: auto;
	border-style: groove;
	box-shadow: 20px 20px 25px #9d9b9b;
	}

.nicebox {
    	border: solid 1px #CACACA; /*#9d9b9b; */
    	border-radius: 6px;
    	}
    	
.nicebox:hover	{
		border: solid 1px black; /*#9d9b9b;*/
		-webkit-transition-duration: 0.4s; /* Safari */
	    	transition-duration: 0.4s;
		}
	
.nicebox:focus	{
		outline: none;
	}
	
.nicebutton	{
	cursor: pointer;
	background-color: #ffffc0; /*#f9f9f9;*/
    	border: solid 1px #CACACA; /*#9d9b9b; */
    	border-radius: 6px;
    	}

.nicebutton:hover	{
	border: solid 1px black; /*#9d9b9b;*/
    	box-shadow: 3px 3px 3px 0px #999;
	-webkit-transition-duration: 0.4s; /* Safari */
    	transition-duration: 0.4s;
	/*-ms-transform: rotate(-90deg); IE 9 */
	/*-webkit-transform: rotate(-90deg);  Safari */
	/*transform: rotate(-90deg);*/
	}

.nicebutton:focus	{
	outline: none;
	}
		
.pagecontent	{
	left: 170px;
	top: 100px;
	/*border-style: solid;*/
	/*border-width: 1px;*/
	height: auto;
	width: 950px;
	position: absolute;
	}
	
.printbook	{
	width:45%;
	height:250px;
	margin-left:15px;
	padding-top:15px;
	text-align:center;
	float:left;
	/*border-style:solid;
	border-width:1px;*/
	font-size:0.8em;
	}
	
.rightdiv {
	float: left; 
	padding: 0% 0% 0% 0%; 
	width: 130px;
	margin-left: 10px;
	height: auto;
	font-size: 0.6em;
	text-align: right;
	clear: right;
	/*border-style: solid;*/
	/*border-width: 1px;*/
	} /*Y*/	
	
.sidebar {
	position:absolute;
	float: left; 
	padding: 3px; /*0% 0% 0% 0%; */
	width: 150px; 
	height: auto;/*600px;*/
	top: 185px;
	background-color:#ffffc0;
	border:solid 1px #9d9b9b;
   	border-radius: 10px;
   	font-size: 0.6em;
	text-align:right;
	} /*Y*/	
	
.sidebartext {
	position:absolute;
	float: left; 
	padding: 3px; /*0% 0% 0% 0%; */
	width: 150px; 
	height: auto;/*600px;*/
	top: 185px;
	font-size: 0.6em;
	text-align:justify;
	/*background-color:#EAE8E8;*/
	background-color:#ffffc0;
   	border:solid 1px #9d9b9b;
   	border-radius: 10px;
	} /*Y*/

.tablediv	{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.8em;
	text-align: left;
	}
.tabledivs	{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.8em;
	text-align: left;
	}
	
.tabledivm	{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.8em;
	text-align: center;
	}

.tabledivms	{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.7em;
	text-align: center;
	}
	
.t95sc	{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.7em;
	text-align: left;
	}

.t95w	{
	width: 95%;
	}

.t95wc	{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	}
	
.t95midc	{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9em;
	text-align: left;
	}
	
.t90mc	{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.0em;
	text-align: left;
	}
	
	
.t90midc	{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9em;
	text-align: left;
	}

	
.t90sc	{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.8em;
	text-align: left;
	}
	
.table96	{
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	} /*Y*/

.table96 td	{
	width:33%;
	text-align:left;
	vertical-align:top;
	font-size:0.65em;
	}

.theiframe	{
	text-align:center;
	width:95%;
	height:415px;
	border: 0px;
	}
.tdtop	{
	vertical-align: top;
	}

/* text classes */
.bold	{font-weight: bold;}
.cellgreen {background-color: #3A733C;} /*Y*/	
.centertext {text-align: center;}
.current {font-weight: bold;}
.in40	{margin-left: 40px;}
.ital	{font-style: italic;}
.leftsmall	{font-size: 0.8em; text-align: left;}
.leftwee	{font-size: 0.7em; text-align: left;}
.medcent {font-size: 1em; text-align: center;} /*Y*/
.medium {font-size: 1em;}
.menuheader {width: auto; font-weight: bold; text-align: left; display: block;} /*Y*//*background-color: #F7FA00;#C1F7FF;*/
.menulight {background-color: #b8e0FF;} /*Y*/
.menuyellow2 {background-color: #ffffc0; border-width: thin; border-color: #3A733C; border-style:dotted;} /*Y*/
.midcent {font-size: 0.9em; text-align: center;} /*Y*/
.middling {font-size: 0.9em;}
.middlingbold {font-size: 0.9em; font-weight: bold;}
.small {font-size: 0.8em;}
.smallcent {font-size: 0.8em; text-align: center;} /*Y*/
.wee {font-size: 0.7em;}