/*****************************************/
/* Basics */
/*****************************************/

body {
	margin: 0;
	padding: 0;
	background: #455560 url(images/bg-main-gradient.png) 50% 0 repeat-y;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	line-height: 15px;
	color: #646464;
}

/* Content Elements */

a {font-size: 11px; font-weight: normal; color: #3ebbf1;}
a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

ul li, ol li {font-size: 11px; font-weight: normal; color: #5a87c5;}

blockquote {font-size: 15px; font-weight: normal; color: #5a87c5; line-height: 20px;padding: 0 50px 20px 50px;}

p, .text {color: #646464; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

/* Headings */

h1 {font-size: 24px; font-weight: normal; color: #5a87c5; padding-bottom: 20px;}
h2 {font-size: 18px; font-weight: normal; color: #3ebbf1; padding-bottom: 5px;}
h3 {font-size: 14px; font-weight: normal; color: #5a87c5;}
h4 {font-size: 11px; font-weight: normal; color: #455560; text-transform: uppercase;}
h5 {font-size: 11px; font-weight: bold; color: #646464;}
h6 {font-size: 11px; font-weight: bold;color: #000;}
.head1 {color: #5a87c5; font-size: 24px; font-weight:bold;}
.head2 {color: #3ebbf1; font-size: 18px; font-weight:bold;}
.head3 {color: #5a87c5; font-size: 14px; font-weight:bold;}
.head4 {color: #455560; font-size: 11px; font-weight:bold;}


.cart_table {background: #ebebeb;}
.cart_table td {padding: 8px;}
.cell_white {background: #f9fcfd;}
.cell_light {background: #ecfaff;}
.cell_medium {background: url(images/bg-content-table-header.gif) 0 100% repeat-x; color: #3ebbf1;}

/* Button */
.button{
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: #3ec0f5;
	color: #fff;
	border:1px solid #ebebeb;
	margin: 10px 0;
	padding: 4px;
	cursor: pointer;
	_width:0; 
	_overflow: visible;
}

.button:hover{
	background: #ecfaff;
	color: #64646d;
}


/* Common Classes */

.left {float: left;}
.right {float: right;}
.clear {clear: both;}


/*****************************************/
/* Layout */
/*****************************************/

#capsule {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#header {
	width: auto;
	height: 120px;
	margin: 0;
	padding: 0;
	position: relative;
}

#header h1 {
	width: 430px;
	height: 44px;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 18px;
	left: 0;
	background: url(images/logo.png) 0 0 no-repeat;
}
#header h1 span {display: none;}

#menu {
	width: 960px;
	height: 33px;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	background: url(http://psmcme.asahq.org/images/menu_bg.png) 0 0 no-repeat;
}

#content_capsule {
	width: auto;
	margin: 0;
	padding: 30px;
	background: #fff;
}

#content {
	width: auto;
	margin: 0;
	padding: 30px;
	border: 1px solid #dadada;
}

#footer {
	width: auto;
	height: 60px;
	margin: 15px 0;
	padding: 0;
	position: relative;
	background: url(images/footer-mission-statement.png) 0 0 no-repeat;
}

#footer_link {width: 200px; height: 60px; position: absolute; top: 0; right: 0; cursor: pointer;}


/*****************************************/
/* Layout */
/*****************************************/

/* Main Menu Colors */
.menu a:link,
.menu a:visited {}
.menu a {}
.menu a span {margin: 0 13px 0 0; padding: 0 11px 0 17px;}
.menu {display: inline-block;}
.menu {display: inline;}
#menu {display: table;}

.menu {
	display: table-row;
	height: 33px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	white-space: nowrap;
}
.menu li {display:inline;}
.menu a {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 38px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 33px;
	float: left;
	background: url(images/menu_separ.png) 0 0 no-repeat;
}
.menu a:link,
.menu a:visited {color: #fff;}

/* Menu Hover & "In" State */
.menu a:hover,
.menu a:active,
.menu a.in:link,
.menu a.in:visited,
.menu a.in:hover,
.menu a.in:active {
	color: #5a87c5;
	background: url(images/nav_on_right.png) 100% 0 no-repeat;
}

.menu a:hover span,
.menu a:active span,
.menu a.in:link span,
.menu a.in:visited span,
.menu a.in:hover span,
.menu a.in:active span {
display: block;
	height: 33px;
	
	background: url(images/nav_on_left.png) 0 0 no-repeat;
}

TD.cell_light {
	background-color: #9DBFF2; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height:14px; 
	color: #000000; 
	padding:2px 5px 2px 5px;
}

TD.cell_medium {
	background-color: #6799E6; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height:14px; 
	color: #5a87c5; 
	padding:2px 5px 2px 5px;
}

TD.cell_dark {
	background-color: #3E6DB5; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height:14px; 
	color: #FFFFFF; 
	padding:2px 5px 2px 5px;
}

TD.cell_white {background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:14px; color: #000000; padding:2px 5px 2px 5px;}

TD.cell_black {background-color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:14px; color: #FFFFFF; font-weight: bold; padding:2px 5px 2px 5px;}


