/* general styles for regular html tags */

html, body
{ 
margin:0; 
padding:0; 
border-style:none;
}

body
{
margin:5px 0;
text-align:left; 
font:80% verdana, arial, sans-serif; 
color:#000; 
background:#374465 url(../images/body_bg.jpg)  top center repeat-y;
}

p  
{
text-align:left;
margin:5px 40px; 
padding:0 0 5px 0;
text-indent:15px;
line-height:1.5;
}

p.nomargin
{
line-height:normal;
margin:5px 0;
}

p.noindent
{text-indent:0;}

p.attention
{
font-weight:bold;
text-align:center;
font-size:15px;
letter-spacing:1px;
text-indent:0;
line-height:normal;
}

h1, h2, h3, h4, h5
{
font-family:georgia, "times new roman", serif;
margin:5px 30px;
text-align:center;
padding:5px;
font-weight:bold;
}

h1
{font-size:25px;}

h2 
{font-size:20px;}

h3
{font-size:17px;}

h3.img
{
font-weight:normal;
font-size:13px;
margin:5px auto;
}

h3.alignleft
{
text-align:left;
margin:5px 35px;
font-size:15px;
font-weight:bold;
}

h4
{
font-weight:normal;
text-align:left;
margin:5px 40px;
font-size:12px;
}

img /* style the images so hyperlinked images don't have a border */
{border-style:none;}

/* floating images so text lines up beside the images */
img.left
{
float:left;
margin:5px 5px 5px 30px;
}

img.right
{
float:right;
margin:5px 30px 5px 5px;
}

/* styles for lists - special conditional statements in template.inc.php for IE */

ul
{
border-style:none;
margin:5px 20px 5px 40px;
}

ul li, ul li.normal
{
list-style-image:url(../images/bullet.gif);
padding:0 0 5px 0;
font-size:13px;
line-height:1.3;
font-weight:bold;
}

ul li.normal
{font-weight:normal;}

ul ul
{margin:5px 0;}

ul ul li, ul ul li.normal
{
list-style-image:url(../images/bullet.gif);
padding:0 0 5px 0;

font-size:13px;
line-height:1.1;
font-weight:normal;
}

/* styles for the anchor links */

a, a:visited 
{
text-decoration:underline;
background:transparent;
color:#8a0a07;
font-weight:bold;
}

a:hover
{
text-decoration:overline underline;
background-color:#000;
color:#fff;
}


/* special classes for formatting text */

*.default
{font-family:verdana, arial, sans-serif;}

*.clear 
{
clear:both;
height:1px;
overflow:hidden;
}

*.pad
{
display:block;
height:40px;
}

*.bold
{font-weight:bold;}

*.white
{
background:transparent;
color:#fff;
}

*.red
{
background:transparent;
color:#c20808;
}

*.brown
{
background:transparent;
color:#8f0000;
}

*.blue
{
background:transparent;
color:#374465;
}

*.gold
{
background:transparent;
color:#ffc601;
}

*.green
{
background:transparent;
color:#275b1d;
}

*.imgctr /* centering the shadow image under textboxes, may need adjustment for different #wrapper widths */
{
margin:0 0 0 150px;
border-style:none;
padding:0;
}

*.hilite 
{
background:#ffc601;
color:#c20808;
font:normal small-caps bold 14px verdana, arial, sans-serif;
}

*.strike /* the strike and s html tags deprecated so I used the line-through text-decoration */
{text-decoration:line-through;}

*.symbol /* unique class for special characters such as copyright etc. */
{
font:bold 15px verdana, arial, sans-serif;
background:transparent;
color:#ffc601;
letter-spacing:-1px;
}

span.cap, span.cap2 /* creates the large drop-cap first-letter in the paragraphs */
{
font:bold 35px/35px georgia, "times new roman", serif;
color:#c20808; /*red */ 
background:transparent;
float:left; 
height:35px; 
margin:-4px 3px 0 0; 
}

span.cap2
{
background:transparent;
color:#000166;
}

/* this creates an image holder box that gets rid of the ugly active focus border */

div.image_holder
{
width:200px; 
height:100px;
margin:0 auto;
}

div.image_holder a
{
display:block; 
width:0; 
height:0; 
position:relative;
}

div.image_holder a img
{
position:absolute; 
left:0; 
top:0; 
border-style:none;
}

div.image_holder a:active
{background:#fff;}

div.image_holder a:active img, div.image_holder a:focus img 
{background:#fff;}


div#wrapper
{ 
background:#fff;
margin:0 auto;
width:730px;
border-top:10px solid #374465;
border-right:1px solid #374465;
border-bottom:10px solid #374465;
border-left:1px solid #374465;
text-align:left;  
} 

div#header
{
display:block; 
width:730px;
height:209px; 
background:#374465 url(../images/kmaia_header.jpg) top center no-repeat;
margin:0 auto;
}

div#footer
{
display:block;
height:50px;
width:730px;
background:#374465 url(../images/kmaia_footer.jpg) top center no-repeat;
margin:0 auto;
}

div#footer p
{
text-align:center;
margin:8px 10px 0 10px;
color:#000;
background:transparent;
font-size:11px;
font-weight:bold;
text-indent:0;
padding:8px 0 3px 0;
}

div#footer a, div#footer a:visited, div#footer a:hover, div#footer a:active
{
color:#fff;
background:transparent;
font:bold 13px verdana, arial, sans-serif;
text-decoration:none;
}

div#footer a:hover, div#footer a:active
{
color:#ffc601;
background:transparent;
font-variant:small-caps;
border-bottom:0;
letter-spacing:1px;
}

div#footer a.noborder, div#footer a:visited.noborder, 
div#footer a:hover.noborder, div#footer a:active.noborder
{
border-style:none;
background:transparent;
}

div#menu
{
float:left;
width:130px;
position:relative;
margin:2px 15px;
}

div#menu a, div#menu a:visited, div#menu a:hover
{
text-decoration:none;
display:block;
width:120px;
height:30px;
background:#fff url(../images/home.gif) no-repeat;
text-align:left;
font-weight:bold;
color:#fff;
padding:7px 0 1px 20px;
margin:0 auto;
font-size:11px;
}

div#menu a:hover
{
background:url(../images/hover.gif) #fff no-repeat;
color:#000;
}

div#menu a.selected, div#menu a:visited.selected, div#menu a:hover.selected
{
background:#fff url(../images/select.gif) no-repeat;
color:#fff;
}

div.textbox
{
width:550px;
margin:0 auto;
border-style:none;
padding:0;
background:url(../images/textbox_bg.png) repeat-y;
}

div.textbox ul li, div.textbox ul li.noimage
{
list-style-image:url(../images/question.jpg);
padding:0 0 5px 5px;
font:normal 14px/20px verdana, arial, sans-serif;
background:transparent;
color:#000;
}

div.textbox ul li.noimage
{list-style-image:none;}

div.textbox ul li.noimage a, div.textbox ul li.noimage a:visited,
div.textbox ul li.noimage a:hover, div.textbox ul li.noimage a:active
{
background:transparent;
color:#8f0000;
}

table
{
width:525px;
border-style:none;
margin:15px auto 0 auto;
background:#fff;
}

table.center
{
width:80%;
border-style:none;
margin:15px auto 0 auto;
background:#fff;
}

table td, table.center td
{
border-style:none;
width:50%;
padding:0 5px 0 0;
text-align:center;
font-weight:bold;
}

table td
{
text-align:left;
padding-left:10px;
}

table td img, table.center td img
{
margin:5px 25px 0 25px;
padding-bottom:0;
}

div.inset 
{
background:transparent;
width:70%;  /* define a percentage width */
margin:1em auto;
}

div.inset h2, div.inset p 
{margin:0 5px;}

div.inset h2 
{
font-size:1.3em; 
color:#c20808;
background:transparent;
text-align:center;
margin-bottom:15px;
}

div.inset p 
{
color:#000;
padding-bottom:0.5em;
}

/* the inheritance rule applied here to the form.  The .inset is 
the class of the round box so all form rules will apply only to
that class */

div.inset fieldset 
{
padding:0;
border-style:none;
width:95%;
margin:0 auto; 
}

div.inset label 
{
font:bold 12px verdana, arial, sans-serif;
text-align:right;
width:200px;
float:left;
padding:0.2em 0.2em 0.2em 5px;
margin:0.3em 0 0 0; 
}

div.inset *.nobr 
{display:none;}

div.inset div.textfield 
{
margin:3px;
height:20px;
width:150px; 
background:#fff;
color:#000;
}

div.inset *.submit 
{
margin:5px 0 5px 180px;
width:100px;
height:25px;
text-align:center;
background:#374465;
border-top:3px solid #eee;
border-right:3px solid #ddd;
border-bottom:3px solid #aaa;
border-left:3px solid #fff;
font:bold 15px/18px verdana, arial, sans-serif;
color:#fff;
cursor:pointer;
}

div.inset .b1, div.inset .b2, 
div.inset .b3, div.inset .b4, 
div.inset .b1b, div.inset .b2b, 
div.inset .b3b, div.inset .b4b 
{
display:block; 
overflow:hidden;
font-size:1px;
}

* div.inset .b1, div.inset .b2, 
div.inset .b3, div.inset .b1b, 
div.inset .b2b, div.inset .b3b 
{height:1px;}

div.inset .b2 
{
background:#e6d8b6; /* change the bg color here if you want */
border-left:1px solid #999; 
border-right:1px solid #aaa;
}

div.inset .b3 
{
background:#e6d8b6; /* change the bg color here if you want */
border-left:1px solid #999; 
border-right:1px solid #bbb;
}

div.inset .b4 
{
background:#e6d8b6; /* change the bg color here if you want */
border-left:1px solid #999; 
border-right:1px solid #ccc;
}

div.inset .b4b 
{
background:#e6d8b6; /* change the bg color here if you want */
border-left:1px solid #aaa; 
border-right:1px solid #ddd;
}

div.inset .b3b 
{
background:#e6d8b6; /* change the bg color here if you want */
border-left:1px solid #ddd; 
border-right:1px solid #eee;
}

div.inset .b2b 
{
background:#e6d8b6; /* change the bg color here if you want */
border-left:1px solid #eee; 
border-right:1px solid #eee;
}

div.inset .b1 
{
margin:0 5px; 
background:#999;
}

div.inset .b2, div.inset .b2b 
{
margin:0 3px; 
border-width:0 2px;
}

div.inset .b3, div.inset .b3b 
{margin:0 2px;}

div.inset .b4, div.inset .b4b 
{
height:2px; 
margin:0 1px;
}

div.inset .b1b 
{
margin:0 5px; 
background:#eee;
}

div.inset .boxcontent 
{
display:block; 
background:#e6d8b6; /* change the bg color here if you want */ 
border-left:1px solid #999; 
border-right:1px solid #eee;
}