/* dmx tutorials css for screens */
/* this is a derivative of css Zen Garden submission 138 - 'DJ Style', by Masanori Kawachi, http://www.804case.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */


body { margin: 0px; padding: 0px; background: url(../i/body_bg.gif) left top repeat-y #fff; }
p { font-size: 10px; !important;font-size: 70%; line-height: 133%; font-family: Arial, Helvetica, sans-serif; color: #666; }
h1,h2,h3 { margin: 0px; padding: 0px; }
a { color: #336633; }
acronym { background-color: #FFF7D2; }

#fly-right 
{
	position: absolute;
	float: right;
	left: 609px;
	top: 150px;
}

#extraDiv1 { position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 51px; background: url(../i/header_bg.gif) left top repeat-x; }
#pageHeader h1 { position: absolute; left: 0px; top: 0px; z-index: 2; width: 237px; height: 176px; margin: 0px; padding: 0px; background: url(../i/logo.gif) left top no-repeat; }
#pageHeader h1 span,#pageHeader h2 { position: absolute; left: -9999px; }

#container { background: url(../i/rightside_top.gif) 0px 0px no-repeat; width: 510px; margin: 51px 0px 0px 237px; padding-top: 24px; }

#quickSummary { margin-left: 30px; padding-left: 30px; width: 425px !important;width /**/:455px; background: url(../i/highlights.gif) left top no-repeat; }
#quickSummary p { margin: 0px 0px 5px 0px; padding: 0px; }
ul	{
	margin: 0;
	padding: 0;
	text-align: left;
	border: 0;
	}
	
ul li	{
	list-style: disc url(../i/red_arrow_7x7.gif) inside; margin: 0;padding: 1px;line-height: 2.5em;font-size:13px; font-family: "arial";   voice-family: inherit; 	}	
	
#welcome { margin: 20px 0px 0px 00px; width: 458px; }
#welcome h3 { width: 458px; height: 0px !important;height /**/:1px; padding-top: 1px; background: url(../i/tit_welcome.gif) left top no-repeat; display: block; overflow: hidden; }
#welcome p { margin: 0px 0px 0px 0px; padding: 0px; }

#supportingText { margin: 25px 0px 0px 30px; width: 458px; background: url(../i/bk.gif) right top no-repeat; }
#search { margin-bottom: 20px; }
#search h3 { width: 458px; height: 0px !important;height /**/:24px; padding-top: 26px; background: url(../i/tit_search.gif) left top no-repeat; display: block; overflow: hidden; }
#search p { margin: 5px 0px 5px 20px; padding: 0px; }



#extensions { margin-bottom: 20px; }
#extensions h3 { width: 458px; height: 0px !important;height /**/:24px; padding-top: 26px; background: url(../i/tit_extensions.gif) left top no-repeat; display: block; overflow: hidden; }
#extensions p { margin: 5px 0px 5px 20px; padding: 0px; }

#refer { margin-bottom: 20px; }
#refer h3 { width: 458px; height: 0px !important;height /**/:24px; padding-top: 26px; background: url(../i/tit_refer.gif) left top no-repeat; display: block; overflow: hidden; }
#refer p { margin: 5px 0px 5px 20px; padding: 0px; }

#movie { margin-bottom: 20px; }
#movie h3 { width: 458px; height: 0px !important;height /**/:24px; padding-top: 26px; background: url(../i/tit_movie.gif) left top no-repeat; display: block; overflow: hidden; }
#movie p { margin: 5px 0px 5px 20px; padding: 0px; }

#chap { margin-bottom: 20px; }
#chap h3 { width: 458px; height: 0px !important;height /**/:24px; padding-top: 26px; background: url(../i/tit_chap.gif) left top no-repeat; display: block; overflow: hidden; }
#chap p { margin: 5px 0px 5px 20px; padding: 0px; }
#samples { margin-bottom: 20px; }
#samples h3 { width: 458px; height: 0px !important;height /**/:24px; padding: 26px 0px 0px 0px; background: url(../i/tit_sample.gif) left top no-repeat; display: block; overflow: hidden; }
#samples p { margin: 5px 0px 5px 20px; padding: 0px; }
#samples h2 { margin: 5px 0px 5px 20px; padding: 0px; font-size: 11px; !important;font-size: 80%; line-height: 133%; font-family: Arial, Helvetica, sans-serif; color: #666;}
#subscribe { margin-bottom: 20px; }
#subscribe h3 { width: 458px; height: 0px !important;height /**/:24px; padding-top: 26px; background: url(../i/tit_subscribe.gif) left top no-repeat; display: block; overflow: hidden; }
#subscribe p { margin: 5px 0px 5px 20px; padding: 0px; }

#benefits { margin-bottom: 20px; }
#benefits h3 { width: 458px; height: 0px !important;height /**/:24px; padding-top: 26px; background: url(../i/tit_benefits.gif) left top no-repeat; display: block; overflow: hidden; }
#benefits p { margin: 5px 0px 5px 20px; padding: 0px; }

#browse { margin-bottom: 20px; }
#browse h3 { width: 458px; height: 0px !important;height /**/:24px; padding-top: 26px; background: url(../i/tit_browse.gif) left top no-repeat; display: block; overflow: hidden; }
#browse p { margin: 5px 0px 5px 20px; padding: 0px; }
#browse ul	{margin: 0;	padding: 0;	text-align: left;	border: 0; }
#browse .top	{border: 0;	list-style: disc url(../i/sect.gif) inside; margin: 0;padding: 0;line-height: 1.5em;font-size:13px; font-family: "arial";   voice-family: inherit; }

#browse .list	{list-style: disc url(../i/chap.gif) inside; margin: 0;padding: 0;line-height: 1.5em;font-size:11px; font-family: "arial";   voice-family: inherit; color: #336633;}	
	
#footer { margin: 15px 0px 20px 20px; font-size: 10px; !important;font-size: 70%; font-family: Arial, Helvetica, sans-serif;  }

#linkList { position: absolute; left: 13px; top: 176px; width: 212px; background: url(../i/leftside_bg.gif) left top repeat-x; }

#lselect { width: 212px; background: url(../i/list_bg.gif) left top repeat-y; }
#lselect h3 { background: url(../i/select_tit.gif) left top no-repeat; width: 212px; height: 0px !important;height /**/:35px; padding-top: 35px; display: block; overflow: hidden; }
#lselect ul { margin: 0px; padding: 0px 0px 0px 4px; list-style-type: none; font-size: 10px; !important;font-size: 70%; font-family: Arial, Helvetica, sans-serif; font-size:9px;}
#lselect li { padding: 13px 5px 13px 5px; margin: 0px; width: 196px !important;width /**/:206px; text-align: center; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #e9e9e9; border-bottom-color: #FFFFFF; display: block; ; font-family: Arial, Helvetica, sans-serif; font-size:9px;}
#lselect li:hover { background-color: #fff; }

#lsearch { width: 212px; background: url(../i/list_bg.gif) left top repeat-y; display: block; }
#lsearch h3 { background: url(../i/search_tit.gif) left top no-repeat; width: 212px; height: 0px !important;height /**/:26px; padding-top: 26px; display: block; overflow: hidden; }
#lsearch ul { margin: 0px; padding: 0px 0px 0px 4px; list-style-type: none; font-size: 10px; !important;font-size: 70%; font-family: Arial, Helvetica, sans-serif; }
#lsearch li { padding: 13px 5px 13px 5px; margin: 0px; width: 196px !important;width /**/:206px; text-align: center; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #e9e9e9; border-bottom-color: #FFFFFF; display: block; }
#lsearch li:hover { background-color: #fff; }


#lrefer { width: 212px; background: url(../i/list_bg.gif) left top repeat-y; display: block; }
#lrefer h3 { background: url(../i/refer_tit.gif) left top no-repeat; width: 212px; height: 0px !important;height /**/:26px; padding-top: 26px; display: block; overflow: hidden; }
#lrefer ul { margin: 0px; padding: 0px 0px 0px 4px; list-style-type: none; font-size: 10px; !important;font-size: 70%; font-family: Arial, Helvetica, sans-serif; }
#lrefer li { padding: 13px 5px 13px 5px; margin: 0px; width: 196px !important;width /**/:206px; text-align: center; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #e9e9e9; border-bottom-color: #FFFFFF; display: block; }
#lrefer li:hover { background-color: #fff; }


#lresources { width: 212px; background: url(../i/list_bg.gif) left top repeat-y; display: block; }
#lresources h3 { background: url(../i/archives_tit.gif) left top no-repeat; width: 212px; height: 0px !important;height /**/:26px; padding-top: 26px; display: block; overflow: hidden; }
#lresources ul { margin: 0px; padding: 0px 0px 0px 4px; list-style-type: none; font-size: 10px; !important;font-size: 70%; font-family: Arial, Helvetica, sans-serif; }
#lresources li { padding: 13px 5px 13px 5px; margin: 0px; width: 196px !important;width /**/:206px; text-align: center; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #e9e9e9; border-bottom-color: #FFFFFF; display: block; }
#lresources li:hover { background-color: #fff; }

.thum {
	padding: 3px 3px 3px 3px;
aligh: left;
	border: 1px solid #cecece;
}