body
{
padding: 0;
margin:0;
border:0;
font-size: 100%;
font-family:arial, sans-serif;
text-align:center;
text="#000000";
/* background-color: "#85ADC4"; */
background-color: "#CAD0E0";
background-image:url('img/jnc_gradient.jpg');
background-repeat:repeat-x;
}

/* a {color:#000;} */
/* NOTE: a:link must occur before a:hover */

a {text-decoration: none;}
a:link {color: blue}
a:visited {color: green}
a:active {color: #1C3B8B}
a:hover {color: #0000FF; background: #CAD0E0}

span.nav_top
{
background-color: #FFFFFF;
font-size: 100%;
font-weight:normal;
font-family: verdana;
}

span.nav_bot
{
background-color: #FFFFFF;
font-size: 75%;
font-weight:normal;
font-family: verdana;
}

span.footer
{
font-size: 70%;
text-align: center;
font-family: verdana;
color: #AAAAAA;
}

/* Table Example
table#head
{
background-color:#FF0000;
border: solid #000 2px;
border: none;
cols: 3;
padding: 0;
width: 81%;
}
*/

table.width {width="95%";} /* Of original .raised size below - 60% */
table.style {font-family: arial; font-size: 95%; color: #000000; background-color:#FFFFFF; text-align: justify;}
table.border {border: solid #CAD0E0 1px;}
table.banner {background-image:url('img/gradient_bg.gif'); background-repeat:repeat-x;}

td.center {text-align: center;}
td.left {text-align: left;}
td.right {text-align: right;}

/* td.pad
{
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5x;
)
*/

p.right {text-align: right}
p.center {text-align: center}
p.left {text-align: left}
p.title
{
text-align: left;
font-weight: bold;
font-family: arial;
font-size: 100%;
color: #0000FF;
}
p.header {font-style:italic; font-weight:bold; font-family:arial; font-size:90%; color:#0000FF;}
p.italic {font-style:italic;}

p.leftmargin {margin-left: 2cm}
p.rightmargin {margin-right: 2cm}

object
{
float:right;
border:solid #FFA72F 0px;
margin:10px 15px 5px 10px;
// top, right, bottom, left
}

span.body
{
font-size: 100%;
}

.data1
{
font-weight: bold;
font-family: arial;
font-size: 90%;
color: #000000;
text-align: right;
vertical-align: bottom;
background-color:FFF7E7;
}

.data2
{
text-align: center;
vertical-align: bottom;
background-color:FFF7E7;
}

.data3
{
font-weight: bold;
text-align: left;
vertical-align: bottom;
background-color:FFF7E7;
font-weight: bold;
font-family: arial;
font-size: 70%;
}

p {font-size: 90%; font:normal arial, serif; margin:0; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5x;
}

p.small, p.small a, p.small a:visited, td.small {font-size:10px; color:#888;} 

h1 {font-size:1.1em; margin:0; padding:5px 0 5px 0; color:#444;}

h2 {font-size:1.1em; margin:0; padding:5px 0 5px 0; color:#444;}

h3 {font-size:1.1em; color:#666; margin:0; padding:0 0 15px 0;}



#krazy_container {display:block; margin:50px; position:relative; padding:25px 0;}
/* Use margin & padding above to adjust distance between top of box and banner */
#krazy_container h2 {margin-bottom:1em;}
#krazy_container h3 {clear:both; margin-top:4em;}

/* Inset 3D Raised */
.raised {background: #transparent; width:70%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#20408B; border-left:1px solid #20408B; border-right:1px solid #20408B;}
.raised .b3 {background:#20408B; border-left:1px solid #20408B; border-right:1px solid #20408B;}
.raised .b4 {background:#20408B; border-left:1px solid #20408B; border-right:1px solid #20408B;}
.raised .b4b {background:#20408B; border-left:1px solid #20408B; border-right:1px solid #20408B;}
.raised .b3b {background:#20408B; border-left:1px solid #20408B; border-right:1px solid #20408B;}
.raised .b2b {background:#20408B; border-left:1px solid #20408B; border-right:1px solid #20408B;}


.raised .b1 {margin:0 5px; background:#20408B;}	/* Top border */
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;} /* Top & Bottom border height*/
.raised .b1b {margin:0 5px; background:#999;} /* Bottom border */
.raised .boxcontent {display:block;  background:#20408B; border-left:1px solid #20408B; border-right:1px solid #20408B;}