﻿
/***********************************
*  COLUMN STRUCTURE                *
************************************/

#column-header {
	background-color: #FFFFFF;
	padding: 10px;
}

#columns {
	margin-bottom: 50px;
}

#column-left {
	width: 188px;
	vertical-align: top;
}

#column-center {
	vertical-align: top;
}

/* This is a DIV tag withing the center column TD */
#column-center-container {
	margin-left: 12px;
}

/***********************************
*  COLUMN HEADER                   *
************************************/

/* This is the DIV Tag that is the lime green "Page Header" at the top of orbs */
#column-header {
	background: #BDD800 url('../images/header_background_green.png') no-repeat top left;
	margin-bottom: 12px;
	margin-top: 12px;
	padding: 0px;
	height: 95px;
}

/* This is the Title of the page in the Page Header */
h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 15px;
	padding-top: 10px;
}

h1 p {
	color: #FFFFFF;
	font-size: 18pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/* This is the DIV tag that surrounds the menu of the Page Header */
#column-header-menu {
	background-color: transparent;
	top: 23px;
	position: relative;
	padding-left: 15px;
}

/* This is the Paragraph that is the menu of the Page Header */
#column-header-menu p {
	font-size: 10pt;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#column-header-menu p span {
	color: #000000;
	font-weight: bold;
}

#column-header-menu p a {
	font-size: 10pt;
	color: #000000;
}

#column-header div.resource {
	width: 49px;
	height: 43px;
	background: transparent url('../images/header_tail_green.png') no-repeat top left;
	position: absolute;
	z-index: 1;
	margin-top: 30px;
	margin-left: 750px;
	_background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/header_tail_green.png', sizingMethod='scale');
}



/***********************************
*  COLUMN GENERAL                  *
************************************/

h3 {
	margin-top: 0;
	margin-bottom: 0;
}

h3 p {
	font-size: 10pt;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}



/***********************************
*  COLUMN SEARCH                   *
************************************/

#column-search {
	background: #FFFFFF url('../images/column_white_round_bottom.png') no-repeat center bottom;
	margin-top: 0px;
	margin-bottom: 12px;
	padding-bottom: 15px;
}

#column-search h3 {
	padding-bottom: 5px;
	background: transparent url('../images/column_white_round_top.png') no-repeat center top;

}

#column-search h3 p {
	text-align: left;
	padding-left: 10px;
}

#column-search-container {
	padding: 5px 10px 0px 10px;
}

#column-search select {
	width: 168px;
	margin-bottom: 5px;
}

#column-search-query {
	width: 128px;
}

#column-search-container #column-search-category {
	width: 120px;
}

#column-search-btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	height: 22px;
	width: 35px;
	border-width: 0px;
	border-style: none;
	cursor: pointer;
	background: transparent url('../images/go.gif') no-repeat top left;
}



/***********************************
*  MENU                            *
************************************/

div.column-menu {
	background: #C2E5F9 url('../images/menu_round_bottom.png') no-repeat bottom left;
	margin: 0px;
	padding-bottom: 10px;
}

/* All titles in the columns use H3 tags (Content Blocks and Editor/Members) */
div.column-menu h3 {
	margin-bottom: 0;
	height: 43px;
}

div.column-menu h3 p {
	font-size: 10pt;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}

div.column-menu-container {
	background-color: #C2E5F9;
	padding-right: 10px;
}

div.column-menu ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0.75em;
	position: relative;
	list-style-image: url('../images/column_bullet.gif');
}

div.column-menu ul a {
	color: #636363;
	font-size: 8pt;
}

/* Main Menu */

#main-menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #6E6E6D;
	padding-left: 10px;
	margin-bottom: 10px;
}

p.main-menu-parent {
	padding-top: 8px;
}

p.main-menu-parent a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #545454;
}

p.main-menu-child a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #6E6E6D;
}



/***********************************
*  INDIVIDUAL MENU TYPES           *
************************************/

#column-explore h3 {
	background: #C2E5F9 url('../images/explore_round_top.png') no-repeat top left;
}

#column-search-tags h3 {
	background: #C2E5F9 url('../images/popular_round_top.jpg') no-repeat top left;
}





/***********************************
*  SUBCATEGORIES                   *
************************************/

#column-center-subcategories {
	padding-bottom: 20px;
	margin-bottom: 12px;
	background: #FFFFD7 url('../images/column_yellow_round_bottom.gif') no-repeat left bottom;
}

#column-center-subcategories h2 {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: transparent url('../images/column_yellow_round_top.gif') no-repeat left top;
}

#column-center-subcategories h2 p {
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 20px 0px 10px 20px;
}

#subcategories-menu {
	margin-left: 20px;
	margin-right: 20px;
}

#subcategories-menu ul {
	padding: 0px;
	margin: 0px;
	color: #6E6E6D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	list-style: none;
}

#subcategories-menu ul a {
	color: #3A8ABC;
	font-size: 10pt;
}


/***********************************
*  CENTER CONTENT BODY             *
************************************/

div.content-text {
	height: 100%;
}

div.content-text p {
	padding-top: 10px;
	line-height: 135%;
}

#body-container {
	padding-left: 20px;
	padding-right: 20px;
}

#body-container ul{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10pt;
}

#body-container ul li{
	margin-bottom:1em;
}

/***********************************
*  SEARCH & BROWSE RESULTS         *
************************************/

#create-an-orb {
	text-align: right;
	margin: 20px 20px 0px 0px;
}

#create-an-orb a {
	background: transparent url('../images/o.png') no-repeat top right;
	padding-right: 18px;
}
