@import url(http://wacac.goalquest.net/index.php/site/reset/);
@import url(http://wacac.goalquest.net/index.php/site/formstyles/);

/* CSS Document */

/* =LAYOUT 

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

body {
	background: url(/images/body-background.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

div#header {
	width: 780px;
	height: 159px;
	margin: 0 auto;
	position: relative;
	left: 2px;
	background: url(/images/wacac-header.jpg) top left no-repeat;
}	

div#header h1 a, div#header h1 span#at_home {
	height: 0 !important;
	width: 780px;
	display: block;
	padding-top: 159px;
	background: url(/images/wacac-header.jpg) top left no-repeat;
	overflow: hidden;
}

div#wrapper {
	background: url(/images/content-background.png) top center repeat-y;
	margin: 0 auto;
	width: 780px;
	text-align: left;
}

/* =NAVIGATION

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

ul#nav {
 	font-size: 85%;
        padding: 0;
        margin-left:12px;
}

ul#nav li {
	float: left;
}

ul#nav li a {
	display: block;
	padding: 10px 7px 10px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4b87c6;
	text-decoration: none;
	text-transform: uppercase;
        margin-bottom: 15px;
}

ul#nav li.here a {
	background: #efffd6;
}

/*.*/

div#mainContent {
	float: left;
	clear: left;
	width: 480px;
	display: inline;
	margin-left: 30px;
    margin-top: -50px;
}

div#memberHomeContent {
	float: left;
	clear: left;
	width: 480px;
	display: inline;
	margin-left: 30px;
        margin-top: 15px;
        font-size: 90%;
}


div#memberHomeContent tr {
      
}

div.wide-content {
	float: left;
	clear: left;
	width: 710px;
	display: inline;
	margin-left: 30px;
}

div#sidebar {
	padding-top: 5px;
	float: right;
	width: 230px;
	display: inline;
	margin-right: 25px;
	background: #eeeeee;
}

div#sidebar ul.sidebar_nav {
	padding: 10px;
	margin: 0;
}

div#sidebar ul.sidebar_nav li {
	list-style-type: none;
}

div#sidebar ul.sidebar_nav li a {
	padding: 0;
	margin: 0;
	font-size: 110%;
	color: #4b87c6;
	text-decoration: none;
}

div#sidebar div.sidebarContent {
	padding: 10px;
}

div#sidebar div.sidebarContent h4 {
	font-size: 120%;
	color: #000;
	margin-top: 1em;
}

div#sidebar img {
        border: 1px solid #999;
}

div#membershipModule {
        float: right;
        margin-right: 25px;
        display: inline;
        font-size: x-small;
}

p.www {
	padding: 5px 5px 5px 20px;
	margin: 0;
	background: url(/images/link_go.png) no-repeat left 4px;
}

p.email {
	padding: 5px 5px 5px 20px;
	margin: 0;
	background: url(/images/email_link.png) no-repeat left 5px;
}

p.doc {
	padding: 5px 5px 5px 20px;
	margin: 0;
	background: url(/images/page_white_word.png) no-repeat left 5px;
}

p.fax {
	padding: 5px 5px 5px 20px;
	margin: 0;
	background: url(/images/printer.png) no-repeat left 5px;
}

p.pdf {
	padding: 5px 5px 5px 20px;
	margin: 0;
	background: url(/images/page_white_acrobat.png) no-repeat left 5px;
}

p.tel {
	padding: 5px 5px 5px 20px;
	margin: 0;
	background: url(/images/telephone.png) no-repeat left 5px;
}

p.xls {
	padding: 5px 5px 5px 20px;
	margin: 0;
	background: url(/images/page_white_excel.png) no-repeat left 5px;
}

div.job_listing h2 small {font-size:70%;}
div#sidebar p.www,
div#sidebar p.email,
div#sidebar p.doc,
div#sidebar p.fax,
div#sidebar p.pdf,
div#sidebar p.tel,
div#sidebar p.xls { margin: 0; }

div#footer {
	background: url(/images/footer-background.png) bottom center no-repeat;
	padding-top: 10px;
	padding-bottom: 20px;
	color: #fff;
	font-size: x-small;
	width: 780px;
	margin: 0 auto;
	text-align: center;
}

div#footer ul {
	border-top: 1px solid #cacaca;
	width: 700px;
	margin: 0 auto;
	padding-top: 10px;
}


div#footer li {
	display: inline;
	border-left: 1px solid #cacaca;
	padding: 0 6px;
}

div#footer li#lastFooter {
	border-right: 1px solid #cacaca;
}

div#footer li a {
	color: #cacaca;
	text-decoration: none;
}

div#footer li a:hover {
	text-decoration: underline;
}

div#copyright {
 position: relative;
 color: #ccc;
 margin-top: 10px;
}

br.clear,

div.clear {
	clear: both;
}

span.jobsHeader {
 font-size: 120%;
 font-weight: bold;
 width: 100%;
 border-bottom: 1px dotted #eee;
}

/* =HOME PAGE

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

div#sidebar h3 {
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	padding: 3px 10px;
	font-weight: bold;
	text-transform: uppercase;
}

div.newsAdItem {
	margin-bottom: 10px;
}

div.newsAdDate {
	font-weight: bold;
}

div#newsAd a#newsAdLink {
	font-weight: bold;
	color: #a2a2a2;
	display: block;
	text-align: right;
	padding-right: 5px;
	text-decoration: none;
}

div#newsAd a#newsAdLink:hover {
	text-decoration: underline;
	background: transparent;
}

div#membershipAd {
	background: url(/images/membership-ad-button.gif) top left no-repeat;
	border-top: 3px solid #fff;
}

div#membershipAd a {
	display: block;
	padding-top: 28px;
	height: 0 !important;
	overflow: hidden;
	background: url(/images/membership-ad-button.gif) top left no-repeat;
}

div#careersAd {
	border-top: 3px solid #fff;
	background: #4b87c6;
	color: #fff;
	padding: 3px 0;
	padding-bottom: 5px;
}

div#careersAd h3 {
	background: url(/images/careers-ad-header.gif) top left no-repeat;
	text-indent: -9999px;
	height: 53px;
}

div#careersAd a {
	font-weight: bold;
	color: #fff;
	display: block;
	text-align: right;
	padding-right: 5px;
	text-decoration: none;
	border-bottom: 3px solid #fff;
}

div#careersAd a:hover {
	text-decoration: underline;
	background: transparent;
}

div.careersItem {
 border-bottom: 1px dotted #aed4fc;
}

div.careersItem a {
 padding: 2px 0;
 font-size: 110%;
 border: none !important;
 text-align: left !important;
 text-decoration: underline !important;
}

div.careersDate {
 padding: 5px 0 2px 0;
 font-weight: bold;
}

/* =MEMBERSHIP PAGES

*****************************************************************/
div.memberInstitutionColumn {
	float: left;
	width: 48%;
	padding-right: 1%;
}

/* =JOBS PAGES

*****************************************************************/
div#jobsList div.careersItem {
  padding: 10px 0; 
}

/* =EXECUTIVE BOARD PAGES

*****************************************************************/
table.executive-board-table {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 1em;
}

table.executive-board-table caption { display: none; }

table.executive-board-table td,
table.executive-board-table th {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	padding: 3px;
}

table.executive-board-table td {
	width: 150px;
	cursor: default;
}

table.executive-board-table tr:hover,
table.executive-board-table tr:hover td.executive-board-position {
	background: #fefefe;
	color: #333;
}

table.executive-board-table th {
	background: #4b87c6;
	color: #fff;
}

table.executive-board-table td.executive-board-position {
	font-weight: bold;
	background: #fefefe;
}

/* =COLLEGE FAIRS PAGES

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

table.collegeFairSchedule {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 100%;
	margin-bottom: 10px;
}

table.collegeFairSchedule th,
table.collegeFairSchedule td {
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 3px;
}

table.collegeFairSchedule th {
	text-align: center;
	font-weight: bold;
	background: #eee;
}

table.collegeFairSchedule td {
	width: 50px;
}

table.collegeFairSchedule tr td.collegeFairWeekday {
	background: #f1f1f1;
	text-align: center;
}

table.collegeFairSchedule div.collegeFairDate { font-weight: bold; color: #666; }
table.collegeFairSchedule div.collegeFairEventInfo.NACAC strong { color: #4b87c6; }
table.collegeFairSchedule div.collegeFairEventInfo.WACAC strong { color: #f89828; }

table.collegeFairSchedule tr td.


table.otherCollegeFairsInfo {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

table.otherCollegeFairsInfo th,
table.otherCollegeFairsInfo td {
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 3px;
}

table.otherCollegeFairsInfo td.collegeFairLabel {
	font-weight: bold;
	width: 150px;
	background: #f1f1f1
}


/* =LINKS

*****************************************************************/
a:link {
	color: #f89828;
	font-weight: normal;
}

a:visited {
	color: #666;
}

a:hover {
	background: #efffd6;
	color: #4b87c6;
}

a:active {
	color: #000;
        background: #efffd6;
}

/* =TYPOGRAPHY 

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

blockquote { margin-left: 20px; }

h1,h2,h3,h4,h5,h6 {
	color: #f89828;
	font-weight: normal !important;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 180%;
}

h3 {
	font-size: 160%;
}

h4 {
	font-size: 140%;
}

h5 {
	font-size: 120%;
}

h6 {
	font-size: 100%;
}

h4.development { padding-left: 10px; padding-top: 5px; }

div#mainContent h2 {
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.12;
	margin-bottom: 1.5em;
}

div#mainContent h3,
div#mainContent h4,
div#mainContent h5,
div#mainContent h6 { margin-top: 1em; }

div#wrapper {
	line-height: 1.5;
	color: #666666;
}

div#mainContent { font-size: 85%; }
div#sidebar 	{ font-size: 80%; }

div#mainContent p,
div#sidebar p,
div#mainContent ul,
div#sidebar ul,
div#mainContent ol,
div#sidebar ol {
	margin-bottom: 1em;
}

div#mainContent ol,

div#sidebar ol { list-style: decimal; }

div#mainContent ol,

div#sidebar ol,

div#mainContent ul,

div#sidebar ul {
	margin-left: 3em;
}

div#mainContent ul li,

div#sidebar ul li {
	background: url(/images/list-square.gif) 0 6px no-repeat;
	padding-left: 10px;
	margin: 0.25em 0;
}

.capitalize {
        text-transform: capitalize;
}

/* =CALENDAR

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

.calendarBG {
 background-color: #fff;
 width: 100%;
}

.calendarBlank {
 background-color: #f1f1f1;
 text-align: center;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #4b87c6;
 font-size: 130%;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #000;
 background-color: #eee;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#f93;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarToday a,
.calendarCell a {
 color:             #000;
 text-decoration:   none;
 background-color:  #ffc286;
 display: block;
}
.calendarToday a { background-color: transparent; }

.calendarToday a:visited,
.calendarCell a:visited {
 color:             #666;
 text-decoration:   none;
}

.calendarToday a:hover,
.calendarCell a:hover {
 color:             #4b87c6;
 text-decoration:   none;
 background-color:  #efffd6;
}

.calendarBG th,
.calendarBG td { padding: 3px; }

#calendarTodayLink { display: block; text-align: right; padding: 3px; }

/* =CALENDAR

*****************************************************************/
div#membershipModule {
 background: url(/images/login_btn.gif) no-repeat;
 width: 230px;
 height: 33px;
 margin-bottom: 10px;
}
div#membershipModule p { padding: 10px 0 0 10px; }


/* =NEWS SECTION

*****************************************************************/
div#newsList div.newsAdItem {
  border-top: 1px solid #ddd;
  padding: 10px 0;
}


/* =MEMBER SECTION

*****************************************************************/
div#sidebarMember h3 {
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	padding: 3px 10px;
	font-weight: bold;
	text-transform: uppercase;
}

div#sidebarMember {
	padding-top: 5px;
        padding-bottom: 10px;
	float: right;
	width: 230px;
	display: inline;
	margin-right: 25px;
	background: #eeeeee;
        font-size: 90%;
}

div#sidebarMember a {
 margin-left: 10px;
}

div#sidebarMember .profileHead {
 margin-left: 10px;
 padding-top: 4px;
 color: #f89828;
 font-size: 120%;
}

div#sidebarMember .menuHeadingBG {
 margin-left: 10px;
 padding-top: 4px;
 color: #f89828;
 font-size: 130%;
 text-transform: uppercase;
}

.tableHeading {
 color: #f89828;
 font-size: 110%;
}

.breadcrumb {
 margin-bottom: 10px;
}

table.tableborder {
 margin-top: 15px;
}

td.memberlistHead {
 padding: 0 5px;
 font-weight: bold;
 border-bottom: 2px solid #666;
}

td.memberlistRowOne {
 padding: 5px 5px;
 background: #fff;
}
td.memberlistRowTwo {
 padding: 5px 5px;
 background: #e7e7e7;
}

td.memberlistFooter .defaultSmall {
 margin: 15px 0;
}

.formRow {
 padding: 5px 0;
}

.formRowSubmit {
 background: #e7e7e7;
 padding: 5px 0;
}

#member_search_fields {
 margin-top: 15px;
}