/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, 
tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
background: transparent;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
color: black;
background: white;
}
/* tables still need 
'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

html{ background:#dfebef; width:100%;}
body{ width:1000px; margin:0 auto 0 auto; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.submenu { width: 140px; }
.article { font-weight: bold; color: #000000;}

/*main*/
#main{ background:#00b3e9; width:100%; color:#fff;}
/*#main div{ border:1px solid;}*/
#main #logo, #page #logo{ float:left; background:url(/images/logoBg.gif); width:351px; height:152px; text-align:right;}
	#main #logo img, #page #logo img{ margin:15px 20px 0 0;}
#main #menu, #page #menu{ float:left; background:url(/images/menuBg.jpg); width:649px; height:152px;}

#menu ul#menuPoints{ list-style:none; margin:20px 0 0 50px;}
	#menu ul#menuPoints li{ float:left; margin-right:20px;}
		#menu ul#menuPoints li a{ color:#00448b; font-weight:bold; text-decoration:underline;}
	#menu ul#menuPoints li span.act{ background:#00448b; color:#fff; padding:1px 5px 1px 5px; font-weight:bold;}
	
	#menu ul#menuPoints li ul#vyp{ list-style:none; background:#fff; border:1px dotted #00448b; margin-top:10px; position:absolute; padding:10px;}
		#menu ul#menuPoints li ul#vyp li{ float:none; margin-bottom:5px;}
			#menu ul#menuPoints li ul#vyp li a{ font-weight:100; text-decoration:none;}
				#menu ul#menuPoints li ul#vyp li a:hover{ color:#ff8a00; text-decoration:underline;}
                
    .submenu ul#vyp{ list-style:none; background:#fff; border:1px dotted #00448b; margin-top:10px; padding:10px;}
        .submenu ul#vyp li{ float:none; margin-bottom:5px;}
            .submenu ul#vyp li a{ color:#00448b; font-weight:100; text-decoration:none;}
                .submenu ul#vyp li a:hover{ color:#ff8a00; text-decoration:underline;}
				
#main #content{ float:left; width:230px; margin:20px 0 50px 120px; text-align:justify; line-height:20px;}
	*html #main #content{ margin-left:60px;}
	
#main #label{ margin:250px 0 0 100px; color:#fff; vertical-align:middle;}
	#main #label img{ float:left; margin-right:20px;}
    #main #label a{ color:#fff; font-weight:bold; text-decoration:none;}
	#main #label a:hover{ color:#fff; font-weight:bold; text-decoration:underline;}
	#main #label div{ margin-top:50px; float:left;}

#content h1, #content h2, #content h3, #content h4{ font-size:26px; font-weight:100; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px; color:#00448b; letter-spacing:-2px;}
#content h2{ font-size:20px; letter-spacing:normal;}
#content h3{ font-size:18px; letter-spacing:normal;}
#content h4{ font-size:16px; letter-spacing:normal;}

	
#boy{ background:url(/images/boy.jpg) left top no-repeat; width:553px; height:316px; float:left;}

#page #logo{ background:url(/images/logoBg2.gif);}
#page #menu{ background:url(/images/menuBg2.gif);}
#container{ background:#fff; width:100%; overflow:hidden; clear:both; position:relative; z-index:1;}
	#page #photo{ float:left; margin:0 0 0 80px; background:#34b9ff; width:270px; position:relative; z-index:2;}
   		*html #page #photo{ margin-left:40px;}
	
  		#page #content{ float:left; line-height:24px; width:580px; padding:0 0 30px 30px; background:#fff; border-left:270px solid #34b9ff; margin-left:-270px;}
		#page #content img{ float:right; margin:0 0 15px 15px;}
        #page #content ul{ list-style:inside disc;}
		#page #content ol{ list-style:inside;}
#page #content dl{ width:100%; margin:30px 0 30px 0;}
	#page #content dl dt{ float:left; width:30%; margin-right:15px; text-align:right; color:#666666;}
	#page #content dl dd input, #page #content dl dd select{ width:250px;}
		#page #content dl dd input.check{ width:15px;}
		#page #content dl dd input.submit{ background:#34b9ff; border:none; color:#fff; font-weight:bold; font-size:14px; width:100px; cursor:pointer; margin-top:5px;}
	#page #content dl dd textarea{ width:250px; height:150px;}
	
#page #content table{ width:100%; border-collapse:collapse;}
	#page #content table td, #page #content table th{ border:1px solid #CCCCCC; padding:5px;}
	#page #content table th{ text-align:center; font-weight:bold;}
	
	


#footer{ background:#193e7b; border-top:2px solid #f7c800; padding:15px 0 15px 120px; color:#fff;}
	#footer span{ font-size:11px; color:#94b0de;}
    #footer span a{ color:#94b0de; text-decoration:underline;}
	#footer span a:hover{ color:#94b0de; text-decoration:none;}