/* CSS Font Document */
/*Colors

Dark Grey : #373839;
Light Blue : #408BA9;
Green : #919E39;
Blue : #2F5884;
Orange : #ED8601;
Purple : #80408E;
*/

body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

.height/*minimum height outer table*/
{
min-height: 400px;
}

h1
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 36px;
color: #FFFFFF;
font-weight: bold;
}

h2
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
}

/*html tabs, delete after CSS is complete */
table.black
{
padding: 5px;
background-color: #373839;
}

td.green
{
padding: 5px;
background-color: #919e39;
}

td.blue
{
padding: 5px;
background-color: #2f5884;
}

td.orange
{
padding: 5px;
background-color: #ed8601;
}

td.purple
{
padding: 5px;
background-color: #80408e;
}

.white_font
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #FFFFFF;
}

.footer
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
font-weight: bold;
}


.white a:link { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff } /* Applies links*/
.white a:active { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff } /* Applies to active links on homepage*/
.white a:visited { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff } /* Applies to visited links on homepage */
.white a:hover { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff } /* Applies to hovered links */

.orange a:link { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ed8601 } /* Applies links*/
.orange a:active { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ed8601 } /* Applies to active links on homepage*/
.orange a:visited { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ed8601 } /* Applies to visited links on homepage */
.orange a:hover { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ed8601 } /* Applies to hovered links */
input[type="button"],input[type="submit"],input[type="reset"] {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3565ad;
	font-size: 12px;
	font-weight: bold;
}

.error {
	color: #FF0000;
}

.warning {
	color: #e08106;
}

.logo {
    border-top: 1px solid #373839;
    border-right: 1px solid #373839;
    border-left: 1px solid #373839;
}

.login_bar {
    border-right: 1px solid #373839;
    border-left: 1px solid #373839;
}

div.outer_box {
    margin-left:0px;
    padding:5px;
    background-color:#3565ad;
}

div.inner_box {
    width:885px;
    padding:10px;
    background-color:#b0bfd6;
}

div.gray_box {
    background-color:#ebeff8;
    padding:15px;
    margin-bottom:20px;
}
div.gray_box_small {
    background-color:#DDD;
    padding: 5px 5px 5px 15px;  /*T R B L*/
    margin-bottom:20px;
}

div.box_label {
    color:#045a8d;
    font-weight:bold;
    font-size:1.1em;
    text-align:right;
}

/* default look of links */
a:link, a:visited {
    color:#025;
    text-decoration: none;
	font-weight:bold;
}

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


/* appearing conflict blocks  in review_admin_assign.php */
div.conflict_block {
		      position:absolute;
		      visibility:hidden;
		      border: 2px solid #999999;
		      background-color: #ebeff8;
		      width: 400px;
		      padding: 4px;
		      text-align:left;

}

/* misc table cells for listing abstracts for review-related stuff*/
td.checkbox {
   width:25px;
}
td.title {
   width:225px;
}
td.author {
   width:125px;
}
td.submitted {
   width:125px;
}
td.lastmod {
   width:150px;
}
td.status {
   width:125px;
}
td.actions {
   width:100px;
   text-align:center;
}


/* styles for various stuff in review_edit.php */
div.scroll_div {
   overflow:auto;
   height:950px;
   width:100%;
}

br.thin {
   line-height:.7em;
}

div.rating_box_scale {
    background-color:#DDD;
    margin: 0px 15px 0px;
    padding:5px;
}


div.rating_box_caption {
    background-color:#373839;
    color:#DDD;
    margin: 0px 15px 0px;
    padding: 5px 15px 5px;
    line-height:.8em;
    font-size:10pt;
    font-weight:bold;
}


div.rating_box_outer {

    background-color:#373839;
    margin: 0px 15px 0px;
    padding:4px;

}
div.rating_box_inner {
    background-color:#DDD;
    height:100%;
    margin:0px;
    padding:4px;
}

textarea,comment {
    width:100%;
    overflow:auto;
    border:1px solid #CCC;
}


div.slide_down_box {
    border: 1px solid #999999;
    background-color:#DDE;
    margin: 0px 15px 0px;
    padding:5px;
}



table.row {
   margin: 10px;
}


/* styles  highlighting rows in lists */
.even_row_css {
  background-color:#FFFFFF;
}
.odd_row_css {
  background-color:#DDDDDD;
}
.highlight_css {
  background-color:#FBE7F7;
}
.conflict_row_css {
  background-color:#FFCCCC;
}



/* styles for shading around the rating radio buttons */
td.rating_off { background-color: #FFF; }
td.rating_on { background-color: #666; }

/* for the question mark tooltip links in the review edit page */
a:link.q_link, a:visited.q_link,a:hover.q_link {
   text-decoration:none;
   font-weight:bold;
   color:#DDD;
}

/* for the question mark tooltip links in the admin report  create  page */
a:link.q_link2, a:visited.q_link2,a:hover.q_link2 {
   text-decoration:none;
   font-weight:bold;
   color:#888;
}

/* admin subheader label */
span.admin_subheader_label {
    color:#045a8d;
    font-size:1.2em;
    font-weight:bold;
}


div.gray_box {

    background-color:#ebeff8;

    padding:15px;

    margin-bottom:20px;

}



/* default look of links */


/*  begin stuff for tab menu items */

td.spacer {

    width:5px;

    background-color:#3565ad;

}



div.off {
    background-color:#1a3868;
}
div.on {

    background-color:#b0bfd6;



}



div.on div, div.off div {

    height:12px;

    width:136px;

    padding:5px;

    text-align:center;

}





div.on a:link, div.on a:visited {

    text-decoration: none;

    color:#1a3868;

    font-weight:bold;

    font-size:10pt;

    line-height:1.3em;

}



div.on a:hover {

    text-decoration: none;

    color:#1a3868;

    font-weight:bold;

    font-size:10pt;

    line-height:1.3em;

}



div.off a:link, div.off a:visited {

    text-decoration: none;

    color:#ffffff;

    font-weight:bold;

    font-size:10pt;

    line-height:1.3em;

}



div.off a:hover {

    text-decoration: none;

    color:#ebeff8;

    font-weight:bold;

    font-size:10pt;

    line-height:1.3em;

}



/*  end stuff for tab menu items */



span.required_field {

    color:#ff0000;

    font-size:80%;

}




/*background image for APS login bar*/
.aps_login {
  background-image: URL("/images/aps_login.gif");
  background-repeat: no-repeat;
  width: 900px;
}

.reg_page {
  text-align: left;
  padding-left: 12em;
}


.edit_disclose {
  text-align: left;
  padding-left: 5em;
}
#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url('../images/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('../images/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('../images/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}@charset "utf-8";

/******************

TABLE OF CONTENTS

------------------



=GENERAL

=HEADER

=NAVIGATION

=HOME PAGE

=INNER PAGE

=FOOTER



*******************/













/******************

=GENERAL

*****************/

body {

	margin: 0 auto;

	padding: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #313131;

	line-height: 24px;
	text-align:center;
}

/*	background: #fff2e5 url('http://aspho.live.imagescape.com/images/design/page_bg.gif') repeat-x top;
*/

.clear {clear: both;}



h1 {

	margin: 4px 0;

	padding: 0;

	line-height: 28px;

	font-size: 28px;

	color: #bc2e19;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: normal;

	font-style: italic;}



h2 {

	margin: 30px 0 4px 0;

	padding: 0;

	line-height: 24px;

	font-size: 24px;

	color: #bc2e19;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: normal;

	font-style: italic;}



h3 {

	margin: 30px 0 4px 0;

	padding: 0;

	line-height: 20px;

	font-size: 20px;

	color: #e36c1c;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: normal;

	font-style: italic;}

.redbold {
	margin: 0 0 0 0;
	padding: 0;
	line-height: 20px;
	font-size: 14px;
	color: #bc2e19;
	font-family: font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

.ccul { 
        margin-left: 0px 
        } 
	



/******************

=HEADER

*****************/


#wrapper {

	margin: 0 auto;
	width: 767px;
	text-align:left;
	}

#header {

	margin-top: 11px;

	position: relative;

	height: 236px;

	z-index: 2;
	}



a#logo {

	display: block;

	text-decoration: none;

	line-height: 129px;

	overflow: hidden;

	height: 43px; /* these previous 3 rules hide the text and only display the logo image. Use this for SEO/accessibility purposes */

	width: 253px;}

/*	background: transparent url('http://aspho.live.imagescape.com/images/design/logo.gif') no-repeat top left;*/


ul#meta_nav {

	position: absolute;

	right: 2px;

	top: 0;

	margin: 0;

	padding: 0;

	list-style-type: none;}



ul#meta_nav li {

	display: inline;

	float: left;

	margin: 0 6px;

	font-size: 12px;

	color: #10686b;}



ul#meta_nav li a {

	color: #10686b;

	text-decoration: undeline;}



#header #search {

	float: right;

	margin-top: 20px;}



#header #search input {

	margin: 0;

	border: 1px solid #000000;

	background-color: #f9f9f9;

	width: 141px;

	height: 14px;

	padding-left: 6px;

	color: #575757;

	font-size: 11px;

	line-height: 14px;

	margin-right: 4px;}



#header #search input.submit {

	width: 26px;

	height: 18px;

	background-color: #5c5c5c;

	border: none;

	color: #ffffff;

	font-size: 12px;

	cursor: pointer;

	line-height: 18px;

	padding: 0;

	margin: 0;

	text-align: center;}



#header #science_photo {

	position: absolute;

	top: 117px;

	z-index: 10;

	margin: 0;

	padding: 0;}



#header #bw_photo {

	position: absolute;

	top: 117px;

	right: 28px;

	z-index: 20;

	margin: 0;

	padding: 0;}





/**********************

=NAVIGATION

*********************/



#header ul#primary_nav {

	border-right: 1px solid #91bb9c;

	list-style-type: none;

	position: absolute;

	left: 0;

	top: 90px;

	margin: 0;

	padding: 0;

	z-index: 50;}



#header ul#primary_nav li {

	display: inline;

	float: left;

	margin: 0;

	padding: 0;

	position: relative;}



#header ul#primary_nav li a {

	border-left: 1px solid #91bb9c;

	padding: 0;

	margin: 0;

	color: #10686b;

	font-size: 12px;

	display: block;

	height: 23px;

	line-height: 70px;

	overflow: hidden;

	background-position: 0 0}



/*#header ul#primary_nav li a#membership { background-image: url('http://aspho.live.imagescape.com/images/design/nav_membership.gif'); width: 84px;}

#header ul#primary_nav li a#education { background-image: url('http://aspho.live.imagescape.com/images/design/nav_education.gif'); width: 72px;}

#header ul#primary_nav li a#pediatric { background-image: url('http://aspho.live.imagescape.com/images/design/nav_pediatric.gif'); width: 150px;}

#header ul#primary_nav li a#training { background-image: url('http://aspho.live.imagescape.com/images/design/nav_training.gif'); width: 125px;}

#header ul#primary_nav li a#certification { background-image: url('http://aspho.live.imagescape.com/images/design/nav_certification.gif'); width: 85px;}*/



#header ul#primary_nav li a:hover {

	border-left: 1px solid #4a7a7a;

	background-position: 0 23px;}

	



/* Flyout Menu Styling */

#header ul#primary_nav li ul {

	position: absolute;

	left: -999em;}



#header ul#primary_nav li:hover ul, #header ul#primary_nav li.sfhover ul {

	position: absolute;

	left: -1px;

	background-color: #ffffff;

	list-style-type: none;

	margin: 0;

	padding: 0;

	border-bottom: 1px solid #1e1f23;}



#header ul#primary_nav li ul li {

	float: none;

	margin: 0;

	padding: 0;}



#header ul#primary_nav li ul li a {

	display: block;

	height: 22px;

	width: 195px;

	background-color: #f3f4f8;

	color: #5b5c60;

	border: 1px solid #1e1f23;

	border-bottom: none;

	line-height: 22px;

	overflow: auto;

	margin: 0;

	padding: 0;

	padding-left: 9px;

	text-decoration: none;}



#header ul#primary_nav li ul li a:hover {

	background-color: #e1eded;

	color: #262429;

	border: 1px solid #1e1f23;

	border-bottom: none;

	text-decoration: none;}

	/* END navigation */







/******************

=HOME PAGE

*****************/



#hp_content {

	z-index: 1;

	position: relative;

	background-color: #ffffff;

	width: 735px;

	margin: 0 auto;

	padding: 20px 15px 16px 17px;}



#hp_content #left_col {

	width: 436px;

	float: left;}



#hp_content h1 {

	margin: 0px;

	font-size: 24px;}

	

#hp_content p {

	margin: 4px 3px 45px 0px;}

	

#hp_content #left_col .panel {

	position: relative;

	width: 396px;

	background-color: #c4e2e2;

	height: auto !important;

	min-height: 130px;

	height: 130px;

	margin: 32px 0;

	padding: 2px;}



#hp_content #left_col .panel h2 {

	width: 269px;

	margin: -18px 0 12px -10px;

	padding-left: 6px;

	background-color: #e36c1c;

	height: 24px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #ffffff;

	line-height: 24px;

	position: relative;

	letter-spacing: -.5px;}



#hp_content #left_col .panel span.date {

	display: block;

	margin-top: 6px;

	width: 44px;

	height: 47px;

	float: left;

	background-color: #ffffff;

	position: absolute;

	top: 20px;

	left: 29px;

	margin-bottom: 3px;}



#hp_content #left_col .panel span.date span.month {

	text-transform: uppercase;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	display: block;

	height: 16px;

	line-height: 16px;

	background-color: #579193;

	font-weight: bold;

	letter-spacing: 2px;

	font-size: 11px;

	color: #eef5f5;

	text-align: center;

	border-top: 1px solid #000000;}



#hp_content #left_col .panel span.date span.day {

	display: block;

	color: #579193;

	background-color: #ffffff;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 29px;

	line-height: 18px;

	position: relative;

	margin: 0;

	padding: 0;

	text-align: center;}



#hp_content #left_col .panel img {

	background-color: #ffffff;

	padding: 2px;

	border: 2px solid #10686b;

	float: left;

	margin: 6px 0 8px 16px;}

	

	

#hp_content #left_col .panel p {

	font-size: 11px;

	color: #000000;

	line-height: 20px;

	width: 297px;

	float: right;

	margin: 0 0 7px 0;

	padding: 0;}

	

#hp_content #left_col .panel a {

	color: #10686b;

	padding-right: 22px;

	background: url('http://aspho.live.imagescape.com/images/design/arrow.gif') no-repeat right center;

	text-decoration: none;

	font-weight: bold;

	font-size: 12px;

	letter-spacing: -.5px;}

/* End of Left Column styles */







#hp_content #right_col {

	margin-top: 156px;

	padding-left: 8px;

	float: left;

	width: 280px;

	}	



#hp_content #right_col ul#callouts {

	margin: 0;

	padding: 0;

	list-style-type: none;}



#hp_content #right_col ul#callouts li {

	margin: 0;

	margin-bottom: 12px;

	padding: 0;

	padding-left: 30px;

	background-position: left bottom;

	background-repeat: no-repeat;

	line-height: 22px;}



#hp_content #right_col ul#callouts li#careers {background-image: url('http://aspho.live.imagescape.com/images/design/suitcase.gif');}

#hp_content #right_col ul#callouts li#find {background-image: url('http://aspho.live.imagescape.com/images/design/mag.gif');}

#hp_content #right_col ul#callouts li#calendar {background-image: url('http://aspho.live.imagescape.com/images/design/cal.gif');}



#hp_content #right_col ul#callouts a {

	color: #e36c1c;

	display: block;

	font-size: 13px;

	font-weight: bold;

	text-decoration: none;

	border-bottom: 1px solid #1e7173;

	height: 22px;}



#hp_content #right_col ul#callouts a:hover {

	background-color: #f0f0f0;}



#hp_content #right_col .panel {

	width: 258px;

	background-color: #c4e2e2;

	height: auto !important;

	min-height: 234px;

	height: 234px;

	margin: 40px 0;

	padding: 2px 12px;}



#hp_content #right_col .panel h2 {

	width: 195px;

	margin: -14px 0 12px -20px;

	padding-left: 6px;

	background-color: #e36c1c;

	height: 24px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #ffffff;

	line-height: 24px;

	position: relative;

	letter-spacing: 0px;}



#hp_content #right_col .panel img {

	background-color: #ffffff;

	padding: 2px;

	border: 2px solid #10686b;

	float: left;

	margin: 6px 8px 8px 0;}

	

#hp_content #right_col .panel p {

	font-size: 11px;

	color: #000000;

	line-height: 20px;

	margin: 0 0 7px 0;

	padding: 0;}

	

#hp_content #right_col .panel a {

	color: #10686b;

	padding-right: 22px;

	background: url('http://aspho.live.imagescape.com/images/design/arrow.gif') no-repeat right center;

	text-decoration: none;

	font-weight: bold;

	font-size: 12px;

	letter-spacing: -.5px;}









/******************

=INNER PAGE

*****************/



#content {

	position: relative;

	background-color: #ffffff;

	width: 767px;

	margin: 0 auto;

} 

ul#L2_nav {

	border-top: 1px solid #b0cdce;

	border-bottom: 1px solid #b0cdce;

	display: block;

	list-style-type: none;

	text-align: left;

	margin: 16px 0;

	padding: 4px 0;}



ul#L2_nav li {

	display: inline;

	color: #439194;

	margin: 0;

	padding: 0;}



ul#L2_nav li a {

	padding: 2px 12px;

	margin: 0;

	color: #439194;

	text-decoration: none;

	font-weight: bold;

	font-size: 13px;}



ul#L2_nav li a:hover {

	padding: 2px 12px;

	margin: 0;

	color: #439194;

	text-decoration: underline;

	font-weight: bold;

	font-size: 13px;}





#content img.left {

	background-color: #ffffff;

	padding: 2px;

	border: 2px solid #1e7174;

	float: left;

	margin: 6px 12px 12px 0;}



#content img.right {

	background-color: #ffffff;

	padding: 2px;

	border: 2px solid #1e7174;

	float: right;

	margin: 6px 0 12px 12px;}



#content a {

	color: #0f6164;

	font-weight: bold;

	text-decoration: underline;}



#content a:hover {

	color: #439194;

	font-weight: bold;

	text-decoration: underline;}





/*     Table Styles  - if fixed TD or TABLE widths are desired, set the widths in the HTML document    */

#content table {

	border: 2px solid #5c5c5c;

	border-collapse: collapse;

	background-color: #dae4e4;

	font-size: 11px;

	color: #5c5c5c;

	margin: 10px 0;}



#content table th {

	font-weight: bold;

	color: #4c4c4c;

	text-align: center;

	background-color: #cdcdcd;

	font-size: 12px;

	padding: 6px 10px;

	border: 1px solid #ffffff;}



#content table th.col {

	font-weight: bold;

	color: #4c4c4c;

	text-align: right;

	background-color: #cdcdcd;

	font-size: 12px;

	padding: 14px 10px 14px 20px;

	border: 1px solid #ffffff;}



#content table td {

	font-weight: normal;

	color: #4c4c4c;

	text-align: center;

	background-color: #dae4e4;

	font-size: 11px;

	padding: 8px 10px;

	border: 1px solid #ffffff;}

/*     Table Style for     */
#newtable {
	background-color: #ffffff;
        margin: 0 auto;
        padding: 20px 40px 40px 20px;
        position: relative;
        width: 707px;
        z-index: 1;}

#newtable table {
	border: 2px solid #5c5c5c;
	border-collapse: collapse;
	background-color: #dae4e4;
	font-size: 11px;
	color: #5c5c5c;
	margin: 10px 0;}

#newtable table th {
	font-weight: bold;
	color: #4c4c4c;
	text-align: left;
	background-color: #cdcdcd;
	font-size: 12px;
	padding: 6px 10px;
	border: 1px solid #ffffff;}

#newtable table th.col {
	font-weight: bold;
	color: #4c4c4c;
	text-align: right;
	background-color: #cdcdcd;
	font-size: 12px;
	padding: 14px 10px 14px 20px;
	border: 1px solid #ffffff;}

#newtable table td {
	font-weight: normal;
	color: #4c4c4c;
	text-align: left;
	background-color: #dae4e4;
	font-size: 11px;
	padding: 8px 10px;
	border: 1px solid #ffffff;}

#newtable a {
	color: #0f6164;
	font-weight: bold;
	text-decoration: underline;}

#newtable a:hover {
	color: #439194;
	font-weight: bold;
	text-decoration: underline;}

/*     END Table Style     */

#white table {
	border: 0px;
	border-collapse: collapse;
	background-color: #ffffff;
	font-size: 11px;
	color: #ffffff;
	margin: 10px 0;}

#white table td {
	font-weight: normal;
	color: #4c4c4c;
	text-align: center;
	background-color: #ffffff;
	font-size: 11px;
	padding: 8px 10px;
	border: 1px solid #ffffff;}
	



/*     Form Styles     */



#content form {

	margin: 20px 0;}

	

#content form label {

	float: left;

	display: block;

	width: 132px;

	height: 22px;

	text-align: right;

	color: #5c5c5c;

	font-size: 12px;

	padding-right: 2px;

	font-weight: bold;

	margin: 4px 5px;}



#content form input.text {

	float: left;

	height: 18px;

	width: 211px;

	border: 1px solid #000000;

	backgrond-color: #f9f9f9;

	padding-left: 4px;

	color: #478486;}



#content form input.text:focus {

	height: 18px;

	width: 211px;

	border: 1px solid #4ca3a6;

	backgrond-color: #f9f9f9;

	padding-left: 4px;

	color: #000000;

	float: left;

	clear: right;}



#content form textarea.textarea {

	height: 110px;

	width: 274px;

	border: 1px solid #000000;

	backgrond-color: #f9f9f9;

	padding-left: 4px;

	margin: 0;

	color: #478486;}



#content form textarea.textarea:focus {

	height: 110px;

	width: 274px;

	border: 1px solid #4ca3a6;

	backgrond-color: #f9f9f9;

	padding-left: 4px;

	color: #000000;

	float: left;

	clear: right;}



#content form input.submit, #content form input.button {

	clear: both;

	float: left;

	margin: 6px;

	margin-left: 144px;

	color: #ffffff;

	background-color: #5c5c5c;

	font-size: 13px;

	text-transform: uppercase;

	padding: 1px 4px;

	border: none;

	cursor: pointer;}



* html #content form input.submit, * html #content form input.button { margin-left: 150px; }

	





/******************

=FOOTER

*****************/



#footer {


	border-top: 2px solid #323636;

	height: auto !important;

	min-height: 100px;

	height: 100px;
	color: #454545;
	clear: both;

}

/*	background: #e7f0f0 url('http://aspho.live.imagescape.com/images/design/footer_bg.gif') repeat-x top;*/

#footer_container {

   width:767px;
 	
	 position:absolute;

   left:50%;margin-left:-384px;
 
   }

#footer #footer_container ul{

	width: 767px;

	height: 20px;

	margin: 10px auto;

	padding: 0;

	padding-left: 10px;

	text-align: left;

	list-style-type: none;}



#footer #footer_container ul li {

	margin: 0;

	padding: 0;

	display: inline;

	float: left;}



#footer #footer_container ul li a {

	color: #454545;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin-right: 24px;

	text-decoration: none;}



#footer #footer_container ul li a:hover {

	color: #454545;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin-right: 24px;

	text-decoration: underline;}



#footer #footer_container p {

	width: 680px;

	margin: 10px auto;

	padding: 0;

	padding-left: 10px;
	padding-right: 87px;

	text-align: left;

	clear: right;

	color: #454545;

	font-weight: normal;

	line-height: 18px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin-bottom: 28px;}

/* ===================
* ID-SPECIFIC STYLES *
------------------- */

/* ***
* ADDITIONS
*** */

p {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height:normal;
}
.psmall {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9px;
	line-height:normal;
}
label {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}
.navLeft {
	font-size: 10px;
	color: #000000;
	text-decoration : none;}
#topnav {
  background: #fff none;
  border-collapse: collapse;
  color: #000;
}
#topnav td {
  border: 1px solid #fff;
  border-collapse: collapse;
}
#topnav a {
  cursor: pointer;
  display: block;
  font-size: 9px;
  font-weight: bold;
  line-height: 12px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
#topnav td, #topnav td a {
  background: #639 none;
  color: #fff;
  vertical-align: middle;
}


/* outermost div.  constricts width and sets default background color */
.tpl-wrapper {
  background: #fff;
  width: 720px;
  /* **** */
  border: none;
  border-collapse: collapse;
}

/* main header image and text heading */
#tpl-header {
  border-collapse: collapse;
  height: 150px;
  vertical-align: middle;
}

#hd-logo {
  border: none;
  width: 151px;
}

#hd-name {
  border: none;
}

/* header image or logo */
#tpl-header img {
  /* expand image to width of the the header section, and the height will be set
   * proportionately */
  border: none;
  width: 100%;
}

/* header text */
#tpl-header h1 {
  display: table-cell;
  font-size: 24px;
  padding: 5px;
  vertical-align: middle;
}

/* side navigation menu area */
#tpl-site-nav {
  font-family: arial,verdana,helvetica,sans-serif;
  font-size: 10px;
  width:10px;
  float:left;
  padding: 10px 0px 20px 10px; 
  background: #ffffff;
	margin: 0 auto;
}

#tpl-site-nav ul * {
  font-size: 10px;
  text-align: right ;
  margin-right: 5px ;
  
}

#tpl-site-nav p {
  color: #000000;
  font-size: 10px;
  text-align: right ;
  margin-right: 5px ;
}

#tpl-site-nav address {
  margin-top: 1em;
  text-align: center;
}

#tpl-site-nav a {
	color: #0f6164;
	font-weight: bold;
	text-decoration:none;
  display: block;
  padding: 0px 0px 8px 0px;
  text-align: right ;
  margin-right: 5px ;
  line-height:normal;
 }
  
/*  put back??  mlh html>body #tpl-site-nav a {
  padding: 3px 0;
}*/

#tpl-site-nav ul a {
	color: #0f6164;
	font-weight: bold;
	text-decoration:none;
  font-size: 10px;
  text-align: right ;
  margin-right: 5px ;
  line-height:normal;
}

#tpl-site-nav ul {
  margin: 0;
  padding: 0;
  text-align: right ;
  margin-right: 5px ;
  list-style: none none outside;
}
  /*border-bottom: 1px solid #000000;*/

#tpl-site-nav li {
  color: #bc2e19;
  list-style: none none outside;
  margin: 0;
  padding: 0;
  text-align: right ;
  margin-right: 5px ;
}

#tpl-site-nav ul li {
  color: #bc2e19;
  display: block;
  font-weight: bold;
  margin: 0;
}
 
 /* 
   padding-top: 1em;
border-top: 1px solid #000000;*/

#tpl-site-nav ul ul {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

#tpl-site-nav ul ul li {
  font-size: 10px;
  font-weight: normal;
  padding: 0;
}
/* content area */


/*	width: 590px;*/

#tpl-content {
	
	position: relative;
	z-index: 1;
	background-color: #ffffff;
	line-height:normal;
	margin: 0 auto;
 	font-size: 12px;
  	font-weight: normal;
	padding: 20px 40px 40px 20px;
	float: left;
	border-collapse:collapse;
	} 

/* footer area */
.tpl-footer {
  font-family: verdana,helvetica,arial,sans-serif;
  font-size: 9px;
  padding: 5px;
  text-align: center;
}
.tpl-footer a {
  background: transparent none;
  color: #000;
  font-size: 9px;
  font-weight: normal;
  text-decoration: underline;
}
.tpl-footer b {
  font-size: 12px;
}




/* ======================
* CLASS-SPECIFIC STYLES *
* -------------------- */
.etools-small
{ font-family: verdana,helvetica,arial,sans-serif;
  font-size: 9px;
  color: #000000; }

.etools-sidenav1
{ font-family: verdana,helvetica,arial,sans-serif;
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
  color: #663399; }

.etools-table-head
{ font-family: verdana,helvetica,arial,sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 11px; }

.etools-sidenav2
{ font-family: verdana,helvetica,arial,sans-serif;
  color: #000000;
  font-size: 9px; }

.etools-form-label, .etools-label-content
{ font-family: verdana,helvetica,arial,sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 12px; }

.etools-addtocart
{ font-family: verdana,helvetica,arial,sans-serif;
  color: #000000;
  font-size: 12px; }

.etools-big-alert
{ font-family: verdana,helvetica,arial,sans-serif;
  font-weight: bold;
  color: #990033;
  font-size: 13px; }

.etools-alert
{ font-family: verdana,helvetica,arial,sans-serif;
  font-weight: bold;
  color: #990033;
  font-size: normal; }

.etools-sm-alert
{ font-family: verdana,helvetica,arial,sans-serif;
  font-weight: bold;
  color: #990033;
  font-size: x-small; }

.etools-bold {
  background: transparent none;
  color: #006;
  font-size: 10px;
  font-weight: bold;
}

.with-subtitle {
  display: inline;
}
#nav-cart caption {
  padding: 20px 0px 0px 0px;
	margin: 0;
	line-height: normal;
}
#nav-cart table {
  background: #eee none;
  border: 1px solid #ccc;
  border-collapse: collapse;
  color: #000;
  padding: 0px 0px 0px 0px;
	margin: 10px 0;
	width: 100%;
	}
#nav-cart table th {
  font-size: 0.8em;
  padding: 0px 2px 0px 2px;
  margin: 0;
  line-height:15px;
}
#nav-cart table  td {
  font-size: 0.8em;
  padding: 0px 2px 0px 2px;
  margin: 0;
  background:none;
  
}

.bottom-border {
  border-bottom: 1px solid #b9cbe4;
}

 	
/*#tpl-content H3 {
 	font-size: 12px;
}
 	
#tpl-content H4 {
 	font-size: 10px;
}*/


#tpl-content a {
	color: #0f6164;
	font-weight: bold;
	text-decoration:none;}

#tpl-content a:hover {
	color: #439194;
	font-weight: bold;
	text-decoration:none;}

#tpl-content table {
	background-color: #ffffff;
	font-size: 11px;
	margin:0;
	border:none;
	
	}

#tpl-content table td {
	font-weight: normal;
	text-align: left;
	background-color: #ffffff;	
	font-size: 11px;
	padding: 3px;}
	
#tpl-content form {

	margin: 0px;}

	

#tpl-content form label {

	float: left;

	display: block;

	width: auto;

	height: auto;

	text-align: left;

	color: #5c5c5c;

	font-size: 12px;

	padding-right: 2px;

	font-weight: bold;

	margin: 4px 5px;}



#tpl-content form input.text {

	float: left;

	height: 18px;

	width: 211px;

	border: 1px solid #000000;

	backgrond-color: #f9f9f9;

	padding-left: 4px;

	color: #478486;}



#tpl-content form input.text:focus {

	height: 18px;

	width: 211px;

	border: 1px solid #4ca3a6;

	backgrond-color: #f9f9f9;

	padding-left: 4px;

	color: #000000;

	float: left;

	clear: right;}



#tpl-content form textarea.textarea {

	height: 110px;

	width: 274px;

	border: 1px solid #000000;

	backgrond-color: #f9f9f9;

	padding-left: 4px;

	margin: 0;

	color: #478486;}



#tpl-content form textarea.textarea:focus {

	height: 110px;

	width: 274px;

	border: 1px solid #4ca3a6;

	backgrond-color: #f9f9f9;

	padding-left: 4px;

	color: #000000;

	float: left;

	clear: right;}



#tpl-content form input.submit, #content form input.button {

	clear: both;

	float: left;

	margin: 6px;

	margin-left: 144px;

	color: #000000;

	background-color: #5c5c5c;

	font-size: 13px;

	text-transform: uppercase;

	padding: 1px 4px;

	border: none;

	cursor: pointer;}

#ordersummary table {
	padding: 3px;
}
#ordersummary table td{
	padding: 3px;
}
#ordersummary table th{
	padding: 3px;
}

#checkout label{
	font-weight: bold;
	margin: 0;
	padding: 0px 5px 0px 0px;

}
#checkout form label{
	font-weight: bold;
	margin: 0px 0px;
	padding: 0px 5px 0px 0px;
}
#checkout table td{
	font-weight: bold;
	margin: 0;
	padding: 0px 5px 0px 0px;
}
.alignright{
text-align:right;
}