body 
{
	margin: 0px;
	padding: 0px;
	position: relative;
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
}
img
{
    border: none;
}
a:link
{
    color: #000;
}
a:hover
{
    color:#444;
}
a:visited
{
    color:#666666;
}
p + ul
{
    margin-top:0px;
}

/*HEADER START */
#header 
{
    width: 900px;
    height: 238px;
    margin-left:auto;
    margin-right:auto;
    background: Black url(../images/banner.png) top left no-repeat;
}

/*MENU START*/
#top_menu_holder
{ 
    width: 100%;
    margin: 0px auto;
    background: #000;
}

/* style the outer div to give it width */
.top_menu 
{
    font-size:0.75em; 
    text-align:left; 
    margin: 0px auto; 
    width: 900px; 
}

/* remove all the bullets, borders and padding from the default list styling */
.top_menu ul 
{
    padding:0;
    margin:0;
    list-style-type:none; 
    height:3em; 
    background:#000;
}

/* style the sub-level lists */
.top_menu ul ul 
{
    width:15em;
}

/* float the top list items to make it horizontal and a relative position so that you can control the dropdown menu positon */
.top_menu ul li 
{
    float:left;
    height:3em;
    line-height:3em;
}

/* style the sub level list items */
.top_menu ul ul li 
{
    display:block;
    width:12em;
    height:auto;
    min-height: 1em;
    position:relative;
    line-height:1em;
}

/* style the links for the top level */
.top_menu a, .top_menu a:visited 
{
    display:block;
    font-size:1em;
    background:#000 url(../images/menu-separator.gif) center right no-repeat;
    float:left;
    color:#ffffff;
    padding:0 1.5em 0 0.5em;
    height:100%;
    text-decoration:none;
}

top_menu a.last_item, top_menu a.last_item:active, top_menu a.last_item:visited
{
    background-image:none;
}

/* style the sub level links */
.top_menu ul ul a, .top_menu ul ul a:visited 
{
    display:block;
    background:#444; 
    width:12em;
    color:#ffffff;
    height:100%;
    line-height:1em; 
    padding:0.5em 1em;
}
.top_menu ul table ul a, .top_menu ul table ul a:visited  
{
    width:12em;
}
.top_menu ul ul.left-aligned {
	left:-4em;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.top_menu table 
{
    position:absolute; 
    font-size:1em; 
    z-index:-1;
    left:0; 
    top:0; 
}
.top_menu ul ul table 
{
    left:-1px;
}
.top_menu ul ul table ul.left 
{
    margin-left:2px;
}

.top_menu li:hover 
{
    position:relative;
}
* html .top_menu a:hover 
{
    position:relative;
}

/* style the third level background */
.top_menu ul ul ul a, .top_menu ul ul ul a:visited 
{
    background:#444;
}
/* style the sub level 1 background */
.top_menu ul :hover a.sub1 
{
    background:#666;
}
/* style the sub level 2 background */
.top_menu ul ul :hover a.sub2 
{
    background:#ddd;
}

/* style the level hovers */
/* first */
.top_menu a:hover 
{
    color:Yellow;
    background:#000 url(../images/menu-separator.gif) center right no-repeat;
}
.top_menu :hover > a 
{
    color:Yellow;
    background:#000 url(../images/menu-separator.gif) center right no-repeat;
}
top_menu a.last_item:hover, top_menu:hover > a.last_item
{
    background-image:none;
}
/* second */
.top_menu ul ul a:hover
{ 
    color:Black;
    background:Yellow;
}
.top_menu ul ul :hover > a 
{
    color:Black;
    background:Yellow;
}
/* third */
.top_menu ul ul ul a:hover 
{
    color:Black;
    background:Yellow;
}
.top_menu ul ul ul :hover > a 
{ 
    color:Black;
    background:Yellow;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.top_menu ul ul 
{ 
    visibility:hidden;
    position:absolute;
    height:0;
    top:3em;
    left:0;
    width:14em;
}

/* position the third level flyout menu */
.top_menu ul ul ul
{
    left:14em;
    top:0;
    width:14em;
}

/* make the second level visible when hover on first level list OR link */
.top_menu ul li:hover ul, .top_menu ul a:hover ul 
{
    visibility:visible; 
    height:auto; 
    padding-bottom:3em; 
    background:transparent url(images/trans.gif);
}
/* keep the third level hidden when you hover on first level list OR link */
.top_menu ul :hover ul ul
{
    visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.top_menu ul :hover ul :hover ul
{
    visibility:visible;
}

.top_menu ul ul ul 
{
    margin-left:-1px;
}
.top_menu ul ul ul.left 
{
    margin-left:1px;
}
/*MENU END*/

/*LOGO/TAGLINE START*/
#css_logo_tagline 
{
	width: 900px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
}	

#css_top_tagline
{
	height: 39px;
	margin: 0;
	padding: 0;
	float: right;
}
#login
{
    float:right;
    height: 25px;
    width: 71px;
    background: transparent url(../images/login.gif);
    background-position: 0 0;
}
#login:hover
{
    background-position: 0-25px;
}
/*LOGO/LOGIN END*/
.css_logo
{
	margin: 0;
	padding: 0;
	float: left;
}

.css_login
{
	margin: 0;
	padding: 43px 0 0 0;
	float: right;
}
/*LOGO/LOGIN START*/

/*LOGO/LOGIN END*/

/*MAIN CONTENT AREA START*/

#css_content_bg 
{
	background-color:Black;
	padding: 0;
	margin: 0;
	clear: both;
}

#css_content_holder 
{
    background-color:White;
	width: 900px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
	clear: both;
}	

#css_content_holder a
{
    color: #e6168d;
}
#css_content_holder a:hover
{
    color: #3fcaf5;
}
.pink
{
    color:#e6168d;
}
.blue
{
    color:#3fcaf5;
}
#css_pink_column h1
{
    font-family:"Arial Black","Helvetica Bold", Arial, Helvetica, Sans-Serif; 
    font-size:1.2em;
    font-weight:bolder;
    color:#e6168d;
    line-height:.9;
}
#css_blue_column h1
{
    font-family:"Arial Black","Helvetica Bold", Arial, Helvetica, Sans-Serif; 
    font-size:1.2em;
    font-weight:bolder;
    color:#3fcaf5;
    line-height:.9;
}
#css_left_column
{
	width: 660px;
	background: #ffffff;
	padding: 0;
	margin: 0;
	float: left;
}
#bass_image
{
    margin-top:50px;
    margin-left:-120px;
}
#css_single_column
{
	width: 900px;
	padding: 0;
	margin: 0;
	float: left;
}

.css_left_column_content
{
	width: 267px;
	padding: 20px;
	padding-top:40px;
	margin: 0;
	float: left;
}

.css_left_column_content h1
{
	font: bold 2em Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	color: #de1c8f;
	margin: 0;
	padding: 0 0 .75em 0;
}

.css_left_column_content h2
{
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #515151;
	margin: 0;
	padding: 0;
}
#css_pink_column h2
{
    color:#e6168d;
    font-weight:bolder;
    margin-bottom:6px;
}
#css_blue_column h2
{
    color:#3fcaf5;
    font-weight:bolder;
    margin-bottom:6px;
}

.css_left_column_content strong
{
	color: #515151;
}

.css_left_column_content p
{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0;
	padding: 0 0 1em 0;
}

#css_right_column
{
	width: 230px;
	background: #ffffff;
	margin: 0;
	padding-top:20px;
	float: left;
}

#css_pink_column .pink_separator
{
    clear:both;
    height: 10px;
    width: 257px;
    background: #fff url(../images/pinkdot.png) top repeat-x;
}
#css_blue_column .blue_separator
{
    clear:both;
    height: 10px;
    width: 257px;
    background: #fff url(../images/bluedot.png) top repeat-x;
}
#gethelpnow
{
    width: 220px;
    height:25px; 
    margin-bottom: 20px;
    background: #fff url(../images/helpbutton.gif) top left no-repeat;
    background-position: 0 -25px;
}
#gethelpnow:hover
{
    background-position: 0 0;
}
.more
{
    width: 57px;
    height:25px; 
    background: #fff url(../images/morebutton.gif) top left no-repeat;
    background-position: 0 0;
    float:right;
}
.more:hover
{
    background-position: 0 -25px;
}
/*MAIN CONTENT AREA END*/

/*INTERNAL CONTENT AREA START*/
.css_left_column_content_int
{
	width: 560px;
	padding: 40px 20px 10px 30px;
	margin: 0;
	float: left;
}

.css_wide_column_content_int
{
	width: 900px;
	min-height:400px;
	_height: 400px;
	padding: 20px;
	margin: 0;
	float: left;
}
#css_content
{
    font-size:.8em;
}

.css_left_column_content_int h1, .css_wide_column_content_int h1
{
	font: bolder 1.2em "Arial Black", Arial, Helvetica Bold, Helvetica, sans-serif;
	color: #e6168d;
	margin: 0;
	padding: 0 0 .75em 0;
}

.css_left_column_content_int h2, .css_wide_column_content_int h2
{
	font: bolder 1em "Arial Black", Arial, Helvetica Bold, Helvetica, sans-serif;
	color: #3fcaf5;
	margin: 0;
	padding: 0;
}

.css_left_column_content_int h3, .css_wide_column_content_int h3
{
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #3fcaf5;
	margin: 0;
	margin-bottom:6px;
	padding: 0;
}

.css_left_column_content_int strong, .css_wide_column_content_int strong
{
	color: #444;
}

.css_left_column_content_int p, .css_wide_column_content_int p
{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0;
	padding: 0 0 1em 0;
}
.css_left_column_content_int div
{
    font: normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

.css_left_column_content_int a, .css_wide_column_content_int a
{
	font: normal 12px Arial, Helvetica, sans-serif;
}
.news-item
{
    margin-bottom: 8px;
}
/*INTERNAL CONTENT AREA END*/

/*FOOTER START */
#css_footer
{ 
	clear: both;
	width: 860px;
	padding: 20px;
}

#css_copyright
{
	color: #bdbdbd;
	font: normal 9px Arial, Helvetica, sans-serif;
	padding-bottom: 3px;
}

#css_footer_links
{
	margin: 0;
	padding: 0;
}

#css_footer_links a
{
	color: #333;
	font: normal 9px Arial, Helvetica, sans-serif;
	padding: 0 3px 0 0;
	text-decoration: none;
}
#css_footer_links a:hover
{
	color:#e6168d;
}
/*FOOTER END*/
li,td
{
	font: normal 12px Arial, Helvetica, sans-serif;
	margin:0;
}
/* CMS */
.Grid
{
    border: solid 1px #aaaaaa;
}
.GridHeader th
{
    background-color: #cccccc;
    font-size:9px;
    color: #555555;
}
.GridHeader a:link
{
    color: #777777;
    font-weight:bold;
    
}

/*PAGE SPECIFIC */

#willquote
{
    font-family:Times New Roman, Times, Serif; 
    margin:10px 0px 5px 20px; 
    line-height:1.3
}
.GridHeader th
{
    font-size:small;
    
}
.form-donation
{
    font: normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0;
	padding: 20px;  
} 



.form-donation fieldset legend {display:none;}
.form-donation fieldset .form_row {padding: 8px 0; clear:both;}
	form div.form-donation fieldset .form_row label {
		width: 10em;
		float: left;
		padding: 2px 0;
	}
		form div.form-donation fieldset .form_row label span {
			padding-left: 2px;
			font-weight:bold;
		}
	form div.form-donation fieldset .form_row .txtfield {
		width:140px;
	}
	form div.form-donation fieldset .form_row .txtfield-short {
		width:60px;
	}
	form div.form-donation fieldset .form_row .txtfield-long {
		width:200px;
	}
	form div.form-donation fieldset .form_row .radiolist label {float: none; padding-right: 3px;}
/*ORDER MATERIALS */
#product_codes
{
	float:right;
	padding:7px;
	max-width: 340px;
	width:expression(this.width > 340 ? 340: true);
	border: solid 1px black;
	background-color: #ffffcc;
	margin-right:20px;
	font-size:.8em;
}
#product_codes h3
{
	font: bold 1em Arial, Helvetica, sans-serif;
	margin: 6px 0 4px 0;
}

h2.order_header
{
	font: bold .9em Arial, Helvetica, sans-serif;
	color: #0099CC;
	margin: 0;
	padding: 0 0 .5em 0;
}

#order_id
{
	width: 320px;
}
.productrow:hover
{
	cursor:pointer;
}
/*SECURE AREA LOGIN */
#secure_login
{
    width: 250px;
    height: 150px;
    margin: 20px auto 0 auto;
}
#secure_login h2
{
	font: bolder 1.4em Arial, Helvetica, sans-serif;
	color: #3fcaf5;
	margin: 0 0 8px 0;
	padding: 0;
}
/*END SECURE AREA LOGIN /*
/* CSS Document */

.Grid{
	border: solid 1px #CCCCCC;
	border-collapse:collapse;
}

.Grid a
{
}

.Grid td{
    border: solid 1px #cccccc;
    margin: 1px 1px 1px 1px;
    font-size: 11px;
    padding: 5px 5px 5px 5px;
}

.Grid th{
    border: solid 1px #cccccc;
    margin: 1px 1px 1px 1px;
    font-size: 11px;
    padding: 5px 5px 5px 5px;
    text-align: left;
}

/* Grid header style */
.GridHeader{
    font-weight: bold;
    background-color: #EEEEEE;
	text-align: left;
}

.GridHeader th
{
	text-align: left;
}

.GridHeader a{
    text-decoration: none;
    padding: 0px 15px 0px 15px;
}

.GridHeader a:hover{
    text-decoration: underline;
    /*background: Tan url(images/spin.gif) no-repeat 0 100%;*/
}

/* Grid item style */
.GridItem, .GridAltItem{
    font-size: smaller;
	text-align: center;
}

.GridItem{
   color: #000000;
   background-color: #ffffff;
   text-align: center;
}

.GridItemEdit{
	background-color: #ddd;
	color: #000000;
	text-align: center;
}


.GridAltItem{
    /*background-color: PaleGoldenrod;*/
    color: #000000;
    background-color: #eeeeee;
    text-align: center;
}

.Pager{
   color: #000000;
   background-color: #ffffff;
   text-align: center;
   border-width:0px;
}

.Pager td 
{
	border-width: 0px;
	text-align: center;
}

/*END GRID */