/* CSS Document */

body{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px; 
	margin-bottom:0px;
	background-image:url(images/bodybg.jpg);
	background-repeat:repeat-x; 
	background-position:left top;
	color:#4D4747;
}
img {
	border:none;
}
ul, a, h2 {
	margin:0; padding:0; list-style:none;
}
.spacer {
	font-size:0; line-height:0; clear:both;
}
.table_brdr
{	
	width: 850px;
	/*border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;*/
}
.small_table
{	
	width: 300px;
    background: lightsteelblue;
}
.tbl_td{
	height: 600px;
	background:url(images/tbl_bg.jpg) no-repeat;
}
.tbl_td_all{
	background: #f4f4f4 url(images/tbl_bg_all.jpg) repeat-x;
}
#frame{
	width:850px;
	height:auto;
	background-color:#FFF; color:#4D4747;
	padding:0 2px;
	margin:auto;
}

/* Header part style start from here */

#headcontainer{
	width:850px;
	height:75px;
	background-color:#FFF; color:#4D4747;
	border-top:4px solid #FECC32;
	margin:auto;
}


#leftcontainer{
	width:210px;
	height:70px;
	background-image:url(images/finallogo.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#FFFFFF; color:#4D4747;
	float:left;
	margin-top:auto;
}

#leftcontainerBox{
	width:550px;
	height:250px;
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:MediumSlateBlue;
	float:left;
	margin-top:auto;
}

#OptionsContainerBox{
	width: 100px;
	height: 390px;
	background-repeat:no-repeat;
	background-position:left bottom;
	float:left;
	margin-top:0px;        
}
#OptionsContainerBox a{
display:block;background:url(images/arrow4.gif) no-repeat left; background-position:0px 5px;
text-decoration:none;color:#00507D;padding:0 0 0 10px; line-height:25px;
font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
}

#OptionsContainerBox a:hover{
background:url(images/arrow3.gif) no-repeat left #E9F8FD; color:#999999;background-position:0px 5px;
font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
}

#ImgContainerBox{
	width: 365px;
	height: 315px;
	background-position:top left;
    background-repeat:no-repeat;
	float:left;
	margin-top:5px;
	margin-left:120px;
	background-image:url(images/frontimg.jpg);
    background-color:#f8f8f8;  

}
#OptionsContainerBox.a:visited,a:active{
    padding-left: 20px;
	color:#000;
}


#optionsCell{
background-image:url(images/infoOptions.jpg) no-repeat;
}
#leftcontainerBox img { Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0);}

#logo{
	width:120px;
	padding-top:25px;
	padding-left:45px;
	margin:auto;
	}
#rightcontainer{
	width:640px;
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#FFFFFF; color:#4D4747;
	float:right;
	margin-top:auto;
	
}

#rightcontainer ul li{ font-family:Verdana;font-size:11px; float:left; padding: 40px 5px 0px 5px; border-right: 1px dotted #FECC32;}
#rightcontainer ul li a{display:inline; background:url(images/arrow3.gif) 0 6px no-repeat #fff; color:#5A5A5A; text-decoration:none; padding:0 0 0 12px;}
#rightcontainer ul li a:hover{background:url(images/arrow4.gif) 0 6px no-repeat #fff; color:#5A5A5A; text-decoration:none;}

#rightcontainerTitle
{
width:295px;
height:30px;
margin:5px 0 0 0;
background:url(images/menu_bx_title.jpg) 0 0 repeat-x;
text-align:center;
font-size:13px;
font-weight:bold;
color:#00507D;
line-height:30px;
}
#rightcontainerBox{
	float:right;
	width:295px;
	padding-left: 5px;
    background: #f8f8f8;
}

rightcontainerBox ul{
padding:0px;
margin:0px;
list-style:none;
}
#rightcontainerBox ul li{
height:25px;
margin:0px;
list-style:none;
border-bottom: 1px  dotted #d1d1d1;
}
#rightcontainerBox ul li a{
display:block;background:url(images/bullet1.gif) no-repeat left; background-position:5px 5px;
text-decoration:none;color:#00507D;padding:0 0 0 30px; line-height:25px;
}

#searchcontainer{
width:207px;
height:auto;
padding-right:20px;
float:right;
margin:auto;
}

#sleft{
width:10px;
height:33px;
float:left;
margin:auto;
}

#smiddle{
width:187px;
height:33px;
padding-top:5px;
background-image:url(images/searchbg.jpg);
background-repeat:repeat-x;
float:left;
margin:auto;
}


#sbox{
width:150px;
height:auto;
float:left;
margin:auto;
}

#sbutton{
width:30px;
height:auto;
padding-top:3px;
text-align:center;
float:left;
margin:auto;
}

#sright{
width:10px;
height:33px;
float:right;
margin:auto;
}

/* Header part style end here */


/* nav part style start from here */
#menubar{
width:850px;}
#navcontainer{
	float:left;
	width:690px;
	height:39px;
	background-color:#334455;
}
#navcontainer ul {
	font: 12px/35px verdana;
	padding:0 0 0 25px;
}
#navcontainer ul li {
	float:left; padding:0 23px 0 18px;
	background:url(images/navarrrow.gif) 0 50% no-repeat;
}
#navcontainer ul li.noPad {	
	float:left; padding:0 23px 0 18px;
}
#navcontainer ul li a {
	color:#f4f4f4; background-color:inherit; text-decoration:none;
}
#navcontainer ul li a:hover, #navcontainer ul li span {
	color:#FECC32; background-color:inherit;
}

#search{
	float:right;
	width:160px;
	height:39px;
	padding-left: 0px;
	background:url(images/navbg1.jpg) 0 0 repeat-x;
}

#search input{
	margin: 8px;
	width: 90px;
	font: 12px Arial, Verdana, Sans-Serif;
	line-height:1.5em;
	border:1px solid #1C4D7D;
}

#homecontainer{
	width:100px;
	height:39px;
	float:left;
	margin-top:auto;
}

#homearrow{
width:auto;
height:20px;
padding-left:30px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#home{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}

a.hometxt{
font-family:Verdana, verdana;
font-size:11px;
font-weight:bold;
color:#A3A2A2; background-color:inherit;
text-decoration:none;
}
a.hometxt:hover{
	color:#638E02; background-color:inherit;
}
#aboutuscontainer{
	width:87px;
	height:39px;
	float:left;
	margin-top:auto;
}

#aboutarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#about{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}
#serviescontainer{
	width:86px;
	height:39px;
	float:left;
	margin-top:auto;
}

#servicesarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#services{
width:25px;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}
#foodgallerycontainer{
	width:108px;
	height:39px;
	float:left;
	margin-top:auto;
}

#foodarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}
#food{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}
#pricingcontainer{
	width:145px;
	height:39px;
	float:left;
	margin-top:auto;
}
#pricingarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}
#pricing{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}
#deliverycontainer{
	width:150px;
	height:39px;
	float:left;
	margin-top:auto;
}
#deliveryarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}

#delivery{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}
#contactscontainer{
	width:90px;
	height:39px;
	float:left;
	margin-top:auto;
}

#contactsarrow{
width:auto;
height:20px;
padding-right:5px;
padding-top:15px;
text-align:center;
float:left;
margin:auto;
}
#contacts{
width:auto;
height:27px;
padding-top:12px;
text-align:center;
float:left;
margin:auto;
}
/* nav part style end here */

/* banner part style start from here */

#banner{
width:850px;
height:350px;
background: #f4f4f4 url(images/bannerbg.jpg);
background-repeat:repeat-x;
color:#4D4747;
margin:0px;
}

#bleft{
width:600px;
float:left;
margin:0px;;
}
#leftTop{
width:600px;
height: 275px;
margin: 0px;
}
#leftbottom{
width:600px;
height: 75px;
margin: 0px;
}
#bright{
width:300px;
/*background-image:url(images/categorybg.jpg);
background-repeat:repeat-y;*/
float:left;
margin:auto;
}

#brcategory{
width:287px;
height:165px;
background:url(images/bannaerright.png) repeat-x;
float:left;
margin: 5px;

}
.rightcol_box {
	width : 287px;
	overflow : hidden;
}

.rightcol_box h2 {
	height: 15px;
	font-family:verdana;
	font-size: 12px;
	color:#CCCCCC;
	width : 280px;
	padding: 5px;
	background : #5C5E5F url(images/header_latest.gif) ;
}

#latest .wrapper {
	position : relative;
	margin : 0px 7px;
	width : 275px;
	font-family:verdana;
	font-size: 10px;
	overflow : hidden;
}

#latest h3 {
	clear : both;
	margin-top : 0px;
	margin-bottom : 5px;
	color : #ffffff;
	font-size : 12px;
	font-weight : bold;
	background-color:#004171;
	padding-left: 5px;
}

#latest .thumbnail {
	margin-right : 5px;
	margin-bottom : 5px;
	float : left;
	position : static;
}

#latest p {
	margin-top : 2px;
	margin-bottom : 12px;
}

#latest .readmore {
	margin : 5px 0px 5px;
	text-align : right;
	clear : both;
	float : none;
	font-weight : bold;
}

#latest .readmore a {
	color : #5C5E5F;
	text-decoration : none;
}

#latest .readmore a:hover {
	color : #8C8F91;
	text-decoration : none;
}

#latest ul{font-family:verdana; font-size:10px; padding-left: 7px;}
#latest ul li{background:url(images/arrow4.gif) 0 7px no-repeat;  padding:0 0 0 20px; color:#000066;}
#latest ul li a{font-weight:bold; text-decoration:none; padding:0 0 0 3px; color:#1A4894;}
#latest ul li a:hover{font-weight:bold;text-decoration:underline; background:url(images/bullet2.gif) 0 9px no-repeat;} 

#category{
width:128px;
height:24px;
padding-top:16px;
font-family:verdana;
font-size:16px;
font-weight:bold;
color:#FFF; background-color:inherit;
text-decoration:underline;
float:left;
margin:auto;
}


.categorynav{
width:128px;
height:18px;
float:left;
margin:auto;
}

.cbullet{
width:22px;
height:18px;
float:left;
margin:auto;
}

.bullet{
width:8px;
height:10px;
padding-top:5px;
float:left;
margin:auto;
}
#photos a{
	margin-right:14px;
}
.myimage2 {
float : right;
margin-left : 10px;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #1A4894;
}

.ctxtcontainer {
width:106px;
height:18px;
float:left;
margin:auto;
}

.ctxt{
font-family:verdana;
font-size:11px;
font-weight:bold;
color:#FFF; background-color:inherit;
text-decoration:none;
}
.ctxt:hover{
font-family:verdana;
font-size:11px;
font-weight:bold;
color:#FFE200; background-color:inherit;
text-decoration:none;
}

#cmore{
width:128px;
height:18px;
text-align:right;
float:right;
margin:auto;
}

/* banner end part style end here */

.blank{
width:850px;
height:0px;
background-color:#FFFFFF; color:#4D4747;
margin:auto;
}

/* body part style start from here */

#bodycontainer{
width:850px;
height:auto; color:#4D4747;
background-color:#f7f7f7;
margin:auto;
}


#bodycontainerleft{
width:233px;
height:auto;
float:left;
margin:auto; color:#4D4747;
}

#lmaim{
width:205px;
height:auto;
text-align:center;
margin:auto;
}

#blmaim{
width:205px;
height:17px;
text-align:center;
margin:auto;
}

#loginmaim{
width:205px;
height:auto;
text-align:center;
margin:auto;
}

#loging{
width:203px;
height:33px; text-indent:-2000px;
background:url(images/newuser.jpg) 0 0 no-repeat;
}

#loginbg{
height:137px;width:203px;
background-color:#C0BEBE; color:#4C4A4A;
}

#logingbottom{
width:203px;
height:6px;
background-repeat:no-repeat;
text-align:center;
margin:auto;
}

#advtmaim{
width:205px;
height:202px;
background-image:url(images/lowsugar.jpg);
background-repeat:no-repeat;
background-position:left top;
float:left;
margin:auto;
}

#clickherecontainer{
width:150px;
height:25px;
padding-top:122px;
text-align:right;
margin:auto;
}

.clicktxt{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#000; background-color:inherit;
text-decoration:none;
}
.clicktxt:hover{
color:#FF0000; background-color:inherit;
}

.newusercontainer{
width:175px;
height:32px;
text-align:center;
margin:auto;
}

.newleft{
width:67px;
height:auto;
padding-top:15px;
float:left;
margin:auto;
}

.newright{
width:101px;
height:auto;
padding-top:11px;
float:right;
margin:auto;
}

.nutxt{
font-family:verdana;
font-size:11px;
font-weight:bold;
color:#4C4A4A; background-color:inherit;
}

#forgot{
width:165px;
height:auto;
padding-top:10px;
text-align:left;
margin:auto;
}

.forgottxt{
font-family:verdana;
font-size:11px;
font-weight:bold;
color:#4C4A4A; background-color:inherit;
text-decoration:none;
}
.forgottxt:hover{
text-decoration:underline;
}

#signup{
width:60px;
height:auto;
padding-top:11px;
float:right;
margin:auto;
}

#bodycontainercenter{
width:600px;
height:auto; color:#4D4747;
border-right:1px solid #FECA1F;
float:left;
margin:0px;
}

#wmaim{
width:600px;
height:auto;
text-align:center;
margin:auto;
padding:5px;
}

#welcome{
height:43px;
text-indent:-2000px;
background:url(images/welcome.gif) 0 0 no-repeat;
}

#wtxt{
width:580px;
height:auto;
float:left;
margin:auto;
background-repeat:no-repeat;
text-align:justify;
}

.wtext{
font-family:verdana;
font-size:11px;
line-height:14px;
text-align:justify;
color:#4D4747; background-color:inherit;
}

.h1{
font-family:verdana;
font-size:11px;
padding-top: 5px;
line-height:25px;
font-weight:bold;
text-align:justify;
color:#1A4894; background-color:inherit;

}

.rmore{
font-family:verdana;
font-size:11px;
line-height:14px;
text-align:right;
color:#1A4894; 
text-decoration:none;
}
.rmore:hover{
font-family:verdana;
font-size:11px;
line-height:14px;
text-align:right;
color:#FECA1F;
text-decoration:none;
}

#bodycontainerright{
width:287px;
height:275px;
color:#4D4747;
float:left;
margin:auto;
float:left;
margin: 5px;
background-color:#E8E8E8;

}

#rmaim{
	width:283px;
	background-color:#CCCCCC;
	height:auto;
	text-align:center;
	margin-top:1px;
}

#featured{
height:42px;

}
#featured h2 {
	font-family: Verdana;
	font-size: 12px;
	}

.fpm1{
width:283px;
height:91px;
float:left;
margin:auto;
background-color:#999999;
}

.fpmleft{
width:97px;
height:auto;
float:left;
margin:auto;
}

.fpmright{
width:84px;
height:auto;
float:left;
margin:auto;
}

.ftext{
font-family:verdana;
font-size:11px;
line-height:14px;
padding-left:8px;
text-align:left;
color:#4D4747; background-color:inherit;
}

#blankright{
width:192px;
height:14px;
text-align:center;
margin:auto;
}

#rightpic{
width:192px;
height:170px;
float:left;
text-align:right;
margin:auto;
}


/* body end part style end here */
#affiliation{
width:850px;
background-color:#FFFFFF;
color:#4D4747;
border-bottom:1px solid #FFFFFF;
margin:auto;
}


#footercontainercenter{
width:850px;
height:78px;
background-color:#FFFFFF; color:#4D4747;
border-bottom:1px solid #FFFFFF;
margin:auto;
}

#fooertleft{
width:232px;
height:78px;
background-color:#5E8850;color:#4D4747;
border-right:1px solid #FFFFFF;
float:left;
margin:auto;
}

#fstore{
width:154px;
height:22px;
padding-top:28px;
text-align:center;
margin:auto;
}

#footeright{
width:540px;
height:78px;
background-color:#FFFFFF;
float:left; color:#4D4747;
margin:auto;
}

#frtop{
width:540px;
height:35px;
background-image:url(images/footertop.jpg);
background-repeat:repeat-x;
text-align:center;
float:left;
margin:auto;
}


#fooertxt{
height:auto;
padding-top:8px;
text-align:center;
margin:auto;
font-family:verdana;
font-size:11px;
color:#FFF; background-color:inherit;
text-decoration:none;
}

a.fnav{
font-family:verdana;
font-size:11px;
text-align:center;
color:#FFF; background-color:inherit;
text-decoration:none;
}
a.fnav:hover, #fooertxt span{
font-family:verdana;
font-size:11px;
text-align:center;
color:#FFE200; background-color:inherit;
text-decoration:none;
}


#copyright{
width:240px;
height:auto;
padding-top:5px;
float:left;
margin:auto;
}

.copyrighttxt{
font-family:Verdana, verdana;
font-size:11px;
text-align:left;
padding-left:20px;
color:#4D4747; background-color:inherit;
}
.copyrighttxt a {
	color:#4D4747; text-decoration:underline; background-color:inherit;
}
.copyrighttxt a:hover {
	text-decoration:none;
}

#cardcontainer{
width:270px;
height:40px;
float:left;
margin:auto;
}

#card{
width:170px;
height:17px;
padding-top:5px;
padding-right:30px;
float:right;
margin:auto;
}

#cardtxtcontainer{
width:170px;
height:15px;
float:right;
margin:auto;
}

.cardtxt{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
text-align:left;
padding-top:5px;
color:#4D4747; background-color:inherit;
}
#footerbottom {
	clear: both;
	height: 40px;
	padding: 10px 10px;
	border-top: 3px solid #FECC32;
	background: #f6f6f6;
}

#footerbottom p {
	margin: 0;
	font-size: x-small;
}

/* Footer > Legal */

#legal {
}

/* Footer > Links */

#links {
}




form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:10px verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 600px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #6CAAC8;
  border-width: 1px;
  border-style: solid;
  padding: 7px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 5px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	border:1px solid #999999;
	background-color:#ECFFFF !important;
}
form input.ins{
width: 120px;}
form input.from{
width: 40px;}
form select{
	margin:5px 0 0 10px;
	border:1px solid #999999;
	background-color:#ECFFFF !important;
	
	}
form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#optioncontainer{
}
#optioncontainer a {
  text-decoration:none;
  font: 14px/40px arial;
  font-weight:bold;
  color: DarkBlue;
}

#testfont{
font-size:1.3em;font-family:sans-serif;color:black;
}

#questionfont{
font-size:1.5em;font-family:sans-serif;color:black;
}

#newsfontleft{
	width:500px;
	height:250px;
}

.newsfontleft a:link,a:visited,a:hover,a:active
{
  text-decoration:  none;
  font-weight:      bold;
  color:            black;
  font: 14px/20px times new roman;
}

ul.newsfontleft
{
list-style-type:disc;
padding:0px;margin:0px; 
list-style-position:inside;
}

li.newsfontleft
{
background-repeat:no-repeat;
background-position:40px 3px; 
padding-left:56px;
}

#newsfontright{
	width:550px;
	height:250px;
}

.newsfontright a:link,a:visited,a:hover,a:active
{
  text-decoration:  none;
  font-weight:      bold;
  color:            black;
  font: 14px/20px times new roman;
}

ul.newsfontright
{
list-style-type:disc;
padding:0px;margin:0px; 
list-style-position:inside;
}

li.newsfontright
{
background-repeat:no-repeat;
background-position:40px 3px; 
padding-left:56px;
}

.mainOptionsStyle
{
font: italic bold 12pt "arial", "sans-serif";
color:yellow;
}
.mainOptionsDetailsStyle
{
font: white italic bold 8pt "arial", "sans-serif";
color:white;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;

}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 230px;
height:100px;
width:100px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
left: 560px;
height:400px;
width:350px;

}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 250px;
height:400px;
width:350px;
z-index: 50;
}

input.vocbtn {   
   color:#060;   
   font: bold 99% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#0a0;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ddaaffaa');   
	position:absolute;
	left:750px;
	top:320px;
	height:40px;
	width:150px;
 }  

input.voctxt {   
   color:#060;   
   font: bold 99% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#0a0;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ddaaffaa');   
	position:absolute;
	left:910px;
	top:325px;
	height:25px;
	width:25px;
 }  

input.scoretxt {   
   color:#030;   
   font: bold 99% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#0a0;   
   border: 0px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#eeaa00aa');   
	position:absolute;
	left:910px;
	top:295px;
	height:15px;
	width:25px;
 }  

input.structbtn {   
   color:#050;   
   font: bold 99% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeedd33');   
	position:absolute;
	left:750px;
	top:410px;
	height:40px;
	width:150px;
 }  

input.structtxt {   
   color:#050;   
   font: bold 99% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeedd33');   
	position:absolute;
	left:910px;
	top:415px;
	height:25px;
	width:25px;
 }  


input.readbtn {   
   color:#050;   
   font: bold 99% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffC3690F');   
	position:absolute;
	left:750px;
	top:500px;
	height:40px;
	width:150px;
 }  


input.readtxt {   
   color:#050;   
   font: bold 99% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffC3690F');   
	position:absolute;
	left:910px;
	top:505px;
	height:25px;
	width:25px;
 }  

input.printbtn {   
   color:#050;   
   font: bold 99% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ff0000aa');   
	position:absolute;
	left:750px;
	top:580px;
	height:40px;
	width:150px;
 }  

input.vocbtn1 {   
   color:#060;   
   font: bold 99% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#0a0;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ddaaffaa');   
	position:relative;
	left:300px;
	top:-400px;
	height:40px;
	width:120px;
 }  

input.voctxt1 {   
   color:#060;   
   font: bold 99% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#0a0;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ddaaffaa');   
	position:relative;
	left:320px;
	top:-400px;
	height:25px;
	width:25px;
 }  

input.scoretxt1 {   
   color:#030;   
   font: bold 99% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#0a0;   
   border: 0px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#eeaa00aa');   
	position:relative;
	left:480px;
	top:-445px;
	height:15px;
	width:30px;
 }  
input.structbtn1 {   
   color:#050;   
   font: bold 99% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeedd33');   
	position:relative;
	left:135px;
	top:-340px;
	height:40px;
	width:120px;
 }  

input.structtxt1 {   
   color:#050;   
   font: bold 99% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeedd33');   
	position:relative;
	left:155px;
	top:-340px;
	height:25px;
	width:25px;
 }  

input.readbtn1 {   
   color:#050;   
   font: bold 99% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffC3690F');   
	position:relative;
	left:-30px;
	top:-280px;
	height:40px;
	width:120px;
 }  

input.readtxt1 {   
   color:#050;   
   font: bold 99% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffC3690F');   
	position:relative;
	left:-10px;
	top:-280px;
	height:25px;
	width:25px;
 }  


input.printbtn1{   
   color:#050;   
   font: bold 99% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ff0000aa');   
	position:relative;
	left:370px;
	top:-260px;
	height:40px;
	width:120px;
 }  

fieldset .fldset { border:1px solid green }

legend .lgd{
  padding: 0.2em 0.5em;
  border:1px solid green;
  color:green;
  font-size:90%;
  text-align:right;
  }

.storyfont {font-family:"Times New Roman", Times, serif; font-style:"normal"; font-size:12pt;}