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, 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;
}

/* remember to define focus styles! */
:focus { outline: 0; }
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul { 
	list-style: none; 
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	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, 
body {
	margin: 0;
	padding: 0;
	width: 100%;
	font: 16px/1.4em Helvetica, Arial, sans-serif;
	background-color: #FAFAFF;
}

a { 
	color: #FFF; 
	text-decoration: none; 
}
a:hover { text-decoration: underline; }

strong { font-weight: 700; }



/* -- Layout ------------------------------- */

.titlebox {
	margin: 0;
	padding: 0;
	height: 80px;
	width: 100%;
	background-image: url(./images/title_bg.jpg);
}
.titlebox h1 {
    padding: 20px;
    color: #FFF;
    text-shadow: 2px 2px 3px #333;
    font: 28px/1.4em Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.contentsbox {
    margin: 20px;
    padding: 20px;
    width: 600px;
    background-color: #FAFAFF;

    border: 2px solid;
    border-color: #AAAAFF;
    line-height: 18pt;
    box-shadow: 3px 3px 6px #336;

    border-radius : 5px;
}

.contentsbox h1 {
    margin-top: -42px;
    color: #11F;
    fong-weight: 700;
    padding: 10px;
    background-color: #FAFAFF;
    width: 60px;
}

.contentssub {
    font: 16px/1.4em Helvetica, Arial, sans-serif;
    margin: -20px 0px 0px 0px;
    padding: 0;
    width: 590px;
    background-color: #FAFAFF;
}


.linkbox {
    font: 16px/1.4em Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin: 30px 20px 20px 20px;
    padding: 20px;
    width: 600px;
    background-color: #FAFAFF;

    border: 2px solid;
    border-color: #AAAAFF;
    line-height: 18pt;
    box-shadow: 3px 3px 6px #336;

    border-radius : 5px;
}

.linkbox h1 {
    margin-top: -37px;
    color: #11F;
    fong-weight: 700;
    padding: 5px;
    background-color: #FAFAFF;
    width: 60px;
}

.linkbox a { 
	color: #00F; 
	text-decoration: none; 
}
.linkbox a:hover { text-decoration: underline; }


.linksub {
    font: 16px/1.4em Helvetica, Arial, sans-serif;
    margin: -20px 0px 0px 0px;
    padding: 0;
    width: 400px;
    background-color: #FAFAFF;
}

.footerbox{
    padding: 10px 10px 5px 500px;
    height: 35px;
    background: #33F;
    color: #FFF;
    font-weight: 700;
}