/* YUI reset stuff */
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
/*sup {vertical-align:text-top;}*/
/*sub {vertical-align:text-bottom;}*/
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

html {
	background:transparent url("../img/bg_checkered.png") repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
body{
	margin-top:20px;
}
strong{
	font-weight:bold;
}
code{
	font-family:Courier;
}
ol{
	margin-left:0.5em;
}
ol li{
	margin-left:1em;
	list-style-type:decimal;
	padding:4px 0px;
}
dt, dd{
	padding:6px 0px;
}
dt{
	font-style:italic;
}
a{
	text-decoration:none;
}
a:hover{
	color:#f33;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
#container{
	position:relative;
	width:930px;
	margin:0 auto;
}
#inner{
	background:white;
	overflow:hidden;
	padding-bottom:36px;
}
#inner{
	width:800px;
	margin:0px auto;
	padding:0px 55px;
}
#banner_ad{
        margin:10px auto;
	width:730px;
}
#nav{
	position:relative;
	background:transparent url("../img/logo_main.gif") 0px 0px no-repeat;
	height:71px;
	width:100%;
	margin:0;
}
#nav ul{
	overflow:hidden;
	text-transform:uppercase;
	background:transparent url("../img/bg_nav.gif") no-repeat;
	font-weight:bold;
}
#nav ul, #nav div{
	position:relative;
	left:256px;
	top:14px; 
	width:674px;
}
#nav div{
	width:664px;
}
#nav ul li{
	float:left;
	width:150px;
	text-align:center;
	line-height:32px;
}
#nav div{
	background-color:white;
	height:25px;
}
#nav a{
	color:#333;
}
#nav a:hover{
	color:#f33;
}
#code{
	background:white url("../img/bg_code.png") 0px 0px no-repeat;
	width:273px;
	height:126px;
	color:white;
	font-weight:bold;
	padding:12px;
}
#code form{
	padding:12px 0px;
}
#code input.text{
	border:solid 1px #aaa;
	padding:4px 8px;
}
#content{
	border-top:dashed 2px #aaa;
	clear:both;
	padding-top:12px;
}
h2.tab{
	background:transparent url("../img/tab_red.gif") 1px 0px no-repeat;
	color:white;
	width:10em;
	padding:4px 8px;
	font-size:110%;
	font-weight:bold;
}
h3{
	font-weight:bold;
}
div.box{
	width:480px;
	margin-bottom:36px;
}
div.box div.top{
	height:16px;
	line-height:16px;
	background:transparent url("../img/box_480px_t.gif") no-repeat;
}
div.box div.bg{
	overflow:hidden;
	padding:0px 12px;
	background:transparent url("../img/box_480px_bg.gif") repeat-y;
}
div.box div.bot{
	height:8px;
	background:transparent url("../img/box_480px_b.gif") no-repeat;
	clear:both;
}
div.box.small{
	width:280px;
}
div.box.small div.top{
	background:transparent url("../img/box_280px_t.gif") no-repeat;
}
div.box.small div.bg{
	background:transparent url("../img/box_280px_bg.gif") repeat-y;
}
div.box.small div.bot{
	background:transparent url("../img/box_280px_b.gif") no-repeat;
}
div.box.info div.top{
	height:31px;
	background:transparent url("../img/box_280px_t_blue.gif") no-repeat;
}
div.box.info div.top h2{
	color:white;
	font-weight:bold;
	padding:8px 12px 4px 12px;
}
div.box.tutorial{
	width:800px;
	position:relative;
}
div.box.tutorial div.icon{
	height:80px;
	width:81px;
	position:absolute;
	top:-18px;
	left:-48px;
}
div.box.tutorial div.icon.preparatory{
	background:transparent url("../img/icons_pat_small.gif") 0px 0px no-repeat;
}
div.box.tutorial div.icon.solution{
	background:transparent url("../img/icons_pat_small.gif") -81px 0px no-repeat;
}
div.box.tutorial div.icon.tip{
	background:transparent url("../img/icons_pat_small.gif") -162px 0px no-repeat;
}
div.box.tutorial div.top{
	height:24px;
	background:transparent url("../img/box_760px_t.gif") no-repeat;
}
div.box.tutorial div.bg{
	background:transparent url("../img/box_760px_bg.gif") repeat-y;
	padding:24px;
}
div.box.tutorial div.bot{
	height:10px;
	background:transparent url("../img/box_760px_b.gif") no-repeat;
}
div.box.tutorial h3{
	font-weight:bold;
	font-size:140%;
	padding-bottom:8px;
}
div.box.tutorial div.content{
	border-top:dashed 2px #aaa;
	padding-top:12px;
}
div.box p{
	padding:12px 0px;
}
div#nav_pat ul li{
	overflow:hidden;
	float:left;
	width:140px;
	height:140px;
	text-align:center;
}
div#nav_pat ul li a{
	height:100px;
	width:101px;
	text-decoration:none;
	display:block;
	color:#333;
}

div#nav_pat ul li a span{
	position:relative;
	top:100px;

}
div#nav_pat ul li.preparatory a{
	background:transparent url("../img/icons_pat.gif") 0px 0px no-repeat;
}
div#nav_pat ul li.solution a{
	background:transparent url("../img/icons_pat.gif") -101px 0px no-repeat;
}
div#nav_pat ul li.tip a{
	background:transparent url("../img/icons_pat.gif") -202px 0px no-repeat;
}
div#nav_pat ul li.preparatory a:hover{
	background:transparent url("../img/icons_pat.gif") 0px -100px no-repeat;
}
div#nav_pat ul li.solution a:hover{
	background:transparent url("../img/icons_pat.gif") -101px -100px no-repeat;
}
div#nav_pat ul li.tip a:hover{
	background:transparent url("../img/icons_pat.gif") -202px -100px no-repeat;
}
div#welcome{
	padding:24px 0px;
}
#subjects ul{
	padding:0px 36px;
	margin:12px 0px 36px 0px;
}
#subjects li.title{
	color:#333;
	padding:8px 0px;
	font-weight:bold;
}
#subjects li, #links li a, #disclaimer {
	color:#999;
}
#subjects ul.left{
	border-right:solid 1px #aaa;
}
a, #subjects span.new{
	color:#227BBD;
	font-weight:bold;
}
#welcome_img{
	text-align:center;
}
.info{
	margin:24px 0 0 0;
}
.info li, #question li{
	width:80%;
	padding:12px 0;
	margin:0 4%;
	border-bottom:solid 1px #aaa;
}
.info li.last, #question li.last{
	border-bottom:none;
}
.info li a{
	text-decoration:none;
}
a:hover, #links li a:hover, #disclaimer a:hover{
	color:#f33;
}
div#disclaimer{
	margin:64px 0 32px 0;
	font-size:80%;
	text-align:center;
}
div#content ol, div#content ol li{
	list-style-type:none;
}
ul.questionOptions{
	clear:both;
	list-style-type:none;
}
ul.questionOptions li{
	list-style-type:none;
	float:left;
	padding:0;
	margin:8px;
}
ul.questionOptions li p{
	margin:12px 0px 12px 32px;
	width:200px;
}
ul.questionOptions li a{
	display:block;
	overflow:hidden;
	width:50px;
	height:50px;
}
ul.questionOptions li a span{
	display:none;
}
ul.questionOptions li.preparation a{
	background:transparent url("../img/icons_pat_50px.gif") 0px 0px no-repeat;
}
ul.questionOptions li.answer a{
	background:transparent url("../img/icons_pat_50px.gif") -50px 0px no-repeat;
}
ul.questionOptions li.tip a{
	background:transparent url("../img/icons_pat_50px.gif") -100px 0px no-repeat;
}
ul.questionOptions li.preparation a:hover{
	background:transparent url("../img/icons_pat_50px.gif") 0px -50px no-repeat;
}
ul.questionOptions li.answer a:hover{
	background:transparent url("../img/icons_pat_50px.gif") -50px -50px no-repeat;
}
ul.questionOptions li.tip a:hover{
	background:transparent url("../img/icons_pat_50px.gif") -100px -50px no-repeat;
}
#samples ul{
	margin:12px 0px 24px 0px;
	
}
#samples ul li{
	padding:8px 0px;
}
/* IE6 hacks here */
/* * html #nav{ */  /* relative positioning doesn't work for nav bar in IE6 */
	/*width:855px;*/
	/*margin:0px auto;*/
/*}*/