/* Whitespace CSS Document */

body
{
margin				: 0;
padding				: 0;
font-family			: Vedana, arial, sans-serif;
font-size 			: 100%;
color				: #333;
}


#hold
{
margin-top			: 10px;
width				: 972px;/* 960 + 12 for shadow */
margin				: 0px auto;
padding				: 0 0 0 12px;
background-image	: url(/img_common/bg_shadow_internal.gif);
background-repeat	: repeat-y;
}

#hold_homepage
{
margin-top			: 10px;
width				: 972px;/* 960 + 12 for shadow */
margin				: 0px auto;
padding				: 0 0 0 12px;
background-image	: url(/img_common/bg_shadow.gif);
background-repeat	: repeat-y;
}

div.homepage_header
{
position			: relative;
width				: 960px;
background-color	: #000;
height				: 5em;
margin				: 0px 0px 0px 0px;
}

div.logo
{
position			: relative;
width				:620px;
float				: left;
margin				: 25px 0px 0px 40px;
display				: inline;
/*border				: 1px solid #FFFFFF;*/
}

div.strapline
{
position			: relative;
width				: 280px;
float				: left;
margin				: 10px 0px 0px 0px;
display				: inline;
text-align			: right;
/*border				: 1px solid #FFFFFF;*/

}

div.strapline h1
{
font-size			: 90%;
font-weight			: bold;
line-height			: 20px;
color				: #FFF;
margin			: 0px 0px 0px  0px;

}

div.strapline h2
{
font-size			: 110%;
font-weight			: bold;
line-height			: 20px;
color				: #ed2024;
margin			: 0px 0px 0px;

}

/* TOP NAV */

div.topnav
{
position			: relative;
width				: 960px;
background-color	: #CCC;
background-image	: url(img_common/bg_nav.gif);
background-repeat	: repeat-x;
margin				: 0;
border-top			: 1px solid #FFF;
text-align			: left;
}

ul.topnav
{
list-style-type		: none;
margin				: 0px;
padding				: 0px;
height				: 1.6em;
}

div.topnav ul {
	width: 960px;
}

div.topnav ul li
{
color				: #FFFFFF;
display				: block;
float				: left;
font-size			: 140%;
padding				: 0 35px 0 36px;
margin				: 0;
border-right		: 1px solid #000000;
border-left			: 1px solid #FFFFFF;
}

div.topnav ul li a:link, div.topnav ul li a:visited
{
vertical-align		: middle;
font-size			: 50%;
color				: #EEEEEE;
text-decoration		: none;
font-weight			: normal;
}

div.topnav ul li a:hover
{
text-decoration		:	underline;
}

div.homepage_image_and_copy
{
position			: relative;
float				: left;
width				: 960px;
background-color	: #ED2024;
margin				: 0px 0px 0px 0px;
}

div.homeimage
{
position			: relative;
float				: left;
width				: 490px;
margin				: 0px 0px 0px 0px;
/*background-color	: #FFFFFF;*/
}

div.homeimage img
{
display				: block;
}

div.homecopy
{
position			: relative;
float				: left;
width				: 430px;/* note padding */
margin				: 0px 0px 0px 0px;
padding				: 25px 20px 10px 20px;
/*background-color	: #FF9900;*/
}

div.homecopy a
{
color 				: #FFF;
font-weight			: bold;
}

div.homecopy h1
{
font-size			: 120%;
font-weight			: bold;
line-height			: 15px;
color				: #FFF;
margin				: 0px 0px 14px 0px;
}

div.homecopy h2
{
font-size			: 80%;
font-weight			: bold;
line-height			: 15px;
color				: #FFF;
margin				: 0px 0px 14px 0px;
}

div.homecopy p
{
font-size			: 80%;
font-weight			: normal;
line-height			: 15px;
color				: #FFF;
margin				: 0px 0px 14px 0px;
}


div.homecopy  img
{
display				: block;
border				: 0px;
}

div.three_boxes
{
position			: relative;
float				: left;
width				: 957px;
margin				: 0px 0px 0px 0px;
padding				: 15px 0px 10px 3px;
}

div.promo
{
position			: relative;
width				: 226px;
margin				: 0px 0px 0px 10px;
background-image	: url(img_common/bottom_box_bg.gif);
display				: inline;
float				: left;
}

div.promo img
{
display				: block;
}

span.promotop
{
display				: block;
width				: 128px;/* note padding */
background-image	: url(img_common/bottom_box_top_internal.gif);
font-size			: 70%;
font-weight			: bold;
color				: #FFF;
padding				: 5px 10px 5px 10px;
}

span.promotop_front
{
display				: block;
width				: 206px;/* note padding */
background-image	: url(img_common/bottom_box_top.gif);
font-size			: 70%;
font-weight			: bold;
color				: #FFF;
padding				: 5px 10px 5px 10px;
}


div.promo p
{
font-size			: 70%;
font-weight			: normal;
line-height			: 15px;
color				: #333;
margin				: 10px 10px 10px 10px;
}

div.promo p a
{
color				:#ED2024;
}

#footer
{
position			: relative;
/*background-color	: #FF3333;*/
display				: block;
margin				: 0px auto;
width				: 984px;/* note padding */
padding				: 0px 0px 0px 0px;
}

#footer p.gp
{
float				: left;
color				: #999;
font-size			: 70%;
font-weight			: normal;
line-height			: 15px;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 25px;
}

#footer p.access
{
float				: right;
text-align			: right;
color				: #999;
font-size			: 70%;
font-weight			: normal;
line-height			: 15px;
margin				: 0px 0px 0px 0px;
padding				: 0px 25px 0px 0px;
}

#footer p.access span
{
display				: inline;
margin				: 0px 10px 0px 10px;
}

#footer p.access a
{
color				: #999;
text-decoration		: none;
}

#footer p.access a:hover
{
color				: #999;
text-decoration		: underline;
}

/* INTERNAL */

div.copy_and_rightside
{
position			: relative;
width				: 960px;
margin				: 0px 0px 0px 0px;
}

div.copy
{
position			: relative;
float				: left;
display				: inline;
width				: 560px;
/*background-color	: #ED2024;*/
padding				: 40px 30px 70px 30px;
}

div.copy h1
{
font-size			: 140%;
font-weight			: bold;
line-height			: 15px;
color				: #ED2024;
margin				: 0px 0px 15px 0px;
}

div.copy h2
{
font-size			: 90%;
font-weight			: bold;
line-height			: 15px;
color				: #ED2024;
margin				: 15px 0px 15px 0px;
}

div.copy p
{
font-size			: 80%;
font-weight			: normal;
line-height			: 15px;
color				: #333;
margin				: 0px 0px 15px 0px;
}

div.copy ul
{
margin				: 0px 0px 15px 20px;
}

div.copy li
{
font-size			: 70%;
line-height			: 15px;
}

div.copy a
{
color				: #000;
font-weight			: bold;
text-decoration		: underline;
}

div.rightside
{
position			: relative;
float				: left;
/*background-color	: #EEEEEE;*/
width				: 164px;/* note padding */
margin				: 0px 0px 0px 0px;
padding				: 30px 0px 0px 0px;
}

div.promoright
{
position			: relative;
width				: 148px;
margin				: 0px 0px 20px 6px;
background-image	: url(img_common/bottom_box_bg_internal.gif);
display				: inline;
float				: left;
}

div.promoright img
{
display				: block;
}

span.promotop
{
display				: block;
width				: 128px;/* note padding */
background-image	: url(img_common/bottom_box_top_internal.gif);
font-size			: 70%;
font-weight			: bold;
color				: #FFF;
padding				: 5px 10px 5px 10px;
}

div.promoright p
{
font-size			: 70%;
font-weight			: normal;
line-height			: 15px;
color				: #333;
margin				: 10px 10px 10px 10px;
}

div.promoright p a
{
color				:#ED2024;
}

/* SUB NAV */

div.left_nav
{
position			: relative;
background-color	: #666;
margin				: 0px 0px 0px 0px;
padding				: 10px 0px 0px 0px;
float				: left;
display				: inline;
width				: 170px;
border-right		: 1px solid #000;
}

div.left_nav ul
{
list-style-type		: none;
padding				: 0px 0px 0px 0px;
margin				: 0px 0px 0px 0px;
}

div.left_nav ul li
{
display				: block;
list-style-type		: none;
color				: #FFF;
font-size			: 70%;
border-bottom		: 1px solid #FFF;
line-height			: 13px;
}


div.left_nav ul li a:link, div.left_nav ul li a:visited
{
color				: #EEEEEE;
text-decoration		: none;
display				: block;
}


div.left_nav ul li a:hover
{
text-decoration		:	underline;
}

#on
{
color				: #ED2024;
font-weight			: bold;
}

.level2
{
padding				: 7px 7px 7px 7px;
}

.level3
{
background-color	: #ED2024;
padding				: 5px 7px 5px 20px;
}

.level4
{
background-color	: #ED2024;
padding				: 5px 7px 5px 33px;
}


/* Contact Form CSS */

div.genericcontactform
{
width		: 180px;
float		: left;
margin		: 0px 0px 20px 0px;
}

div.genericcontactform label
{
font-size		: 70%;
margin-top		: 0px;
margin-bottom	: 0px;
}

div.genericcontactform p
{
font-size		: 70%;
margin-top		: 0px;
margin-bottom	: 0px;
}

input.form
{
font-family		: Arial;
width			: 150px;
margin-top		: 0px;
margin-bottom	: 10px;
font-size		: 100%;
border			: 1px solid #CCCCCC;
padding			: 2px;
}

#formred
{
background-color: #FFCCCC;
}

textarea.form
{
font-family		: Arial;
height			: 61px;
width			: 180px;
margin-top		: 0px;
margin-bottom	: 10px;
font-size		: 100%;
border			: 1px solid #CCCCCC;
}

input.checkbox
{
}

.button
{
font-size			: 100%;
padding 			: 0px 10px 0px 10px;
font-weight			: bold;
background-color	: #000000;
color				: #FFFFFF;
border				: 3px double #CCCCCC;
margin-top			: 0px;
}

.clear/*this div make the parent DIV strench to the height of the child - fix for firefox. but the div is 1px high in IE*/
{
clear				: both;
font-size			: 0em;
width				: 0px;
height				: 0px;
line-height			: 0px;
overflow			: hidden;
}