/* Whitespace CSS Document */

body
{
margin				: 0px;
padding				: 0px;
font-family			: Arial;
font-size 			: 100%;
color				: #333333;
}

#hold/* new hold div 1/8/06 */
{
width				: 760px;
margin				: 0px auto;
}

/* ------------------------------- Top Bar ------------------------------------*/

#topbar
{
position			: relative;
width				: 760px;
display				: block;
margin				: 20px 0px 10px 0px;
/*border				: 1px solid #FF0000;*/
}

#topbar p.logo
{
font-size			: 70%;
line-height			: 15px;
color				: #330066;
width				: 300px;
float				: left;
text-align			: left;
display				: block;
margin				: 0px 0px 0px 10px;
}

p.search
{
font-size			: 70%;
line-height			: 11px;
color				: #330066;
width				: 400px;
float				: right;
text-align			: right;
margin				: 8px 0px 0px 0px;
}

#topbar p.search input.search
{
width				: 200px;
font-size			: 100%;
line-height			: 15px;
padding				: 2px;
margin				: 0px 0px 0px 10px;
border				: 1px solid #330066;
}

p.search a:link, p.search a:visited
{
color				: #330066;
padding				: 0px 8px 0px 8px;
font-weight			: normal;
text-decoration		: none;
}

p.search a:hover
{
text-decoration		: underline;
}

.button
{
font-size			: 100%;
font-weight			: bold;
border				: 0px double #FFFFFF;
background-color	: #FFFFFF;
color				: #330066;
}


/* -------------------------------  Top nav ----------------------------------- */

#nav
{
position			: relative;
width				: 760px;
background-color	: #330066;
margin				: 0px 0px 0px 0px;
}

#nav ul
{
height				: 28px;
margin				: 0px;
padding				: 0px 0px 0px 0px;
}

#nav li
{
margin				: 0px;
padding				: 0px;
display				: block;
float				: left;
}

#nav li a:link, #nav li a:visited
{
font-size			: 70%;
line-height			: 20px;/* line height and padding control height of li */
padding				: 0px 0px 0px 0px;
margin				: 4px 0px 4px 0px;
font-weight			: bold;
text-decoration		: none;
color				: #FFFFFF;
float				: left;
display				: block;
width				: 83px;
height				: 20px;
text-align			: center;
border-right		: 1px solid #FFFFFF;
}

#nav li a:hover
{
text-decoration		: underline;
background-color	: #8379A5;
}

#nav li.end a:link, #nav li.end a:visited
{
border-right		: 0px solid #FFFFFF;
}

/* --------------------------- INTRO --------------------------*/

#intro
{
position			: relative;
display				: block;
width				: 760px;
height				: 200px; /* -50 for padding on top */
background-color	: #CCCCCC;
padding				: 50px 0px 0px 0px;
margin				: 5px 0px 0px 0px;
background-image	: url(img_common/bg_intro.jpg);
background-repeat	: no-repeat;
}

#intro h1
{
font-size			: 120%;
line-height			: 20px;
margin				: 0px 0px 0px 60px;
font-weight			: normal;
color				: #FFFFFF;
width				: 350px;
}

#intro h2
{
font-size			: 120%;
line-height			: 20px;
margin				: 15px 0px 0px 60px;
font-weight			: normal;
color				: #330066;
width				: 320px;
}

#intro h3
{
font-size			: 70%;
line-height			: 15px;
margin				: 15px 0px 0px 60px;
font-weight			: normal;
color				: #FFFFFF;
width				: 320px;
}

/* --------------------- 3 links -------------------------*/

#links
{
position			: relative;
display				: block;
width				: 760px;
padding				: 0px 0px 0px 0px;
margin				: 5px 0px 0px 0px;

}

#links p
{
display				: block;
width				: 250px;
float				: left;
background-color	: #FFCC66;
margin				: 0px 5px 0px 0px;
}

#links p a:link, #links p a:visited
{
display				: block;
width				: 250px;
text-decoration		: none;
}

#links p a:hover
{
background-color	: #FFB84D;
}

span.header
{
background-color	: #FF9900;
display				: block;
width				: 240px; /* note padding */
font-size			: 100%;
font-weight			: normal;
line-height			: 20px;
color				: #FFFFFF;
padding				: 5px 0px 5px 10px;

}

span.intro
{
display				: block;
width				: 240px; /* note padding */
font-size			: 70%;
font-weight			: normal;
line-height			: 15px;
color				: #330066;
padding				: 10px 0px 10px 10px;

}

span.link
{
display				: block;
width				: 240px; /* note padding */
font-size			: 70%;
font-weight			: bold;
line-height			: 15px;
color				: #330066;
padding				: 0px 0px 10px 10px;

}

/* -------------------------- Footer --------------------------*/

#footer
{
position			: relative;
width				: 760px;
margin				: 10px 0px 0px 0px;
padding				: 10px 0px 0px 0px;
border-top			: 1px solid #CCCCCC;
}

#footer p
{
font-size			: 70%;
font-weight			: normal;
color 				: #333333;
margin				: 0px 0px 0px 0px;
float				: right;
}

#footer a:link, #footer a:visited
{
color				: #333333;
display				: block;
float				: left;
margin				: 0px 0px 0px 10px;
text-decoration		: none;
}

#footer a:hover
{
text-decoration		: underline;
}

/* ------------------------ Internal page -----------------*/

p.bread
{
background-color	: #FFFFFF;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 10px 15px;
font-size			: 70%;
color				: #666666;
}

.bread a:link, .bread a:visited
{
color				: #666666;
text-decoration		: none;
}

.bread a:hover
{
text-decoration		: underline;
}

#contentwrapper
{
position			: relative;
float				: left;
width				: 760px;
margin				: 10px 0px 10px 0px;
background-image	: url(img_common/bg_wrapper.gif);
background-repeat	: repeat-y;
}

#content
{
position			: relative;
float				: right;
width				: 550px;
margin				: 0px 0px 15px 10px;
}

#content li
{
font-size			: 70%;
}

#headers
{
position			: relative;
float				: left;
width				: 550px;
/* background-image	: url(img_common/bg_topbar.gif); */
margin				: 0px 0px 25px 0px;
}

#headers h1
{
font-size			: 140%;
line-height			: 25px;
margin				: 20px 0px 0px 20px;
font-weight			: normal;
color				: #FFFFFF;
}

#headers h2
{
font-size			: 140%;
line-height			: 25px;
margin				: 0px 0px 20px 20px;
font-weight			: normal;
color				: #330066;
}

#content h3
{
font-size			: 70%;
line-height			: 15px;
margin				: 0px 20px 0px 20px;
font-weight			: bold;
color				: #330066;
}

#content p
{
font-size			: 70%;
line-height			: 15px;
margin				: 15px 20px 0px 20px;
font-weight			: normal;
color				: #333333;
}

#content a:link, #content a:visited
{
color				: #330066;
font-weight			: bold;
text-decoration		: none;
}

#content a:hover
{
color				: #330066;
font-weight			: bold;
text-decoration		: underline;
}

/* --------------------------- left nav ---------------------------*/

#leftnav
{
position			: relative;
float				: right;
width				: 200px;
background-color	: #FF9900;
margin				: 0px 0px 0px 0px;
}

#leftnav ul
{
list-style-type		: none;
margin				: 0px;
padding				: 0px 0px 0px 0px;
}

#leftnav li
{
margin				: 0px;
padding				: 0px;
}

/* level1 */
ul.leftnav li.nav a:link, ul.leftnav li.nav a:visited
{
font-size			: 70%;
line-height			: 25px;/* line height and padding control height of li */
padding				: 0px 10px 0px 15px;
margin				: 0px 0px 0px 0px;
font-weight			: bold;
text-decoration		: none;
color				: #FFFFFF;
display				: block;
width				: 175px;
border-bottom		: 1px solid #FFFFFF;
}

ul.leftnav li.nav a:hover
{
text-decoration		: none;
background-color	: #FF6600;
}

/* level2 */
ul.leftnav li.subnav a:link, ul.leftnav li.subnav a:visited
{
font-size			: 70%;
line-height			: 25px;/* line height and padding control height of li */
padding				: 0px 10px 0px 30px;
margin				: 0px 0px 0px 0px;
font-weight			: bold;
text-decoration		: none;
color				: #FFFFFF;
display				: block;
width				: 160px;
border-bottom		: 1px solid #FFFFFF;
background-color	: #FFAE34;
}

ul.leftnav li.subnav a:hover
{
text-decoration		: none;
background-color	: #FF6600;
}

/* level3 */
ul.leftnav li.subsubnav a:link, ul.leftnav li.subsubnav a:visited
{
font-size			: 70%;
line-height			: 25px;/* line height and padding control height of li */
padding				: 0px 10px 0px 45px;
margin				: 0px 0px 0px 0px;
font-weight			: bold;
text-decoration		: none;
color				: #FFFFFF;
display				: block;
width				: 145px;
border-bottom		: 1px solid #FFFFFF;
background-color	: #FFCF86;
}

ul.leftnav li.subsubnav a:hover
{
text-decoration		: none;
background-color	: #FF6600;
}

/* NAV ON */
#on
{
background-color	: #FF6600;
}

img.arrow
{
display				: block;
margin-left			: 35px;
}

/*Clearfix*/
div.clearfix
{
clear				: both;
}

/* --------------------------- Contact Form ---------------------------*/
#genericcontactform
{
width				: 190px;
float				: left;
}

#genericcontactform p
{
margin-top			: 0px;
margin-bottom		: 0px;
}

input.form
{
font-family			: Arial;
width				: 170px;
margin-top			: 0px;
margin-bottom		: 10px;
font-size			: 100%;
border				: 1px solid #6E604A;
}

#formred
{
background-color	: #FFCCCC;
}

textarea.form
{
font-family			: Arial;
height				: 55px;
width				: 170px;
margin-top			: 0px;
margin-bottom		: 10px;
font-size			: 100%;
border				: 1px solid #6E604A;
}

input.checkbox
{
border				: 0px solid #6E604A;
height				: 12px;
}

.submitbtn
{
font-size			: 90%;
padding 			: 0px 0px 0px 0px;
height				: 25px;
font-weight			: bold;
text-align			: left;
background-color	: #FFFFFF;
color				: #000000;
border				: 0px solid #FFFFFF;
margin-top			: 5px;
}


/* --------------------------- Site Map ---------------------------*/
.level2
{
padding			: 0px 10px 0px 10px;
}

.level3
{
padding			: 0px 10px 0px 20px;
}

.level4
{
padding			: 0px 10px 0px 30px;
}