/*
CSS Stylesheet for vtcaonline.com
Website built and maintained by the IT and Communications Company
Andrew Coulter 2008

Stylesheet Organization Format:
--------------------------------------------------
/*===========SECTION=====================*/
	/*
	Sub-Section--------------------------*/
	
		/*--Sub-sub-section--------------*/
		
			/*----Sub-sub-sub-section----*/

/*===========SECTION 2===================*/
	/*
	Etc, etc, etc. . .
---------------------------------------------------

Stylesheet Index:
---------------------------------------------------
1) Universals
	A) Links and Images
	B) Formatting Classes
2) Main Container Divs
3) Menu
	A) Blue Backdrop and Menu Links
		1) Menu Buttons
			a) Menu Button Text and Image Formatting (Links: text and arrows)
	B) Members' Login Box
4) Home Page Specific Elements
	A) Page Content
	B) News and Events
		1) Tabs
		2) Text Formatting
		3) Tabbed Box Feet Content Section (One div for both tabbed boxes; faux columns via bg img)
	C) Members Box (Bottom tabbed box)
		1) Tabs
		2) Content
		3) Tabbed Box Feet
		4) Text Formatting
	D) Sponsor Boxes
		1) Image and Text Formatting
	E) Footer Address
5) Interior Layout
	A) Containers
	B) Content Formatting
	C) Content Images and Effects
	D) Interior Tabbed Boxes
		1) Containers
		2) Formatting

*/

/*==============UNIVERSALS==============*/
* {
font-family: arial;
margin: 0;
padding: 0;
}

body {
margin: 0;
behavior:url(csshover.htc);
}

body, html {
height: 100%;
}

hr {
position: relative;
z-index: 200;
width: 500px;
}

ol, ol li {
position: relative;
z-index: 500;
margin-left: 9px;
margin-top: 12px;
}

/*
Links and Images--------------------*/
a {
outline: none;
outline-color: none;
outline-width: 0px;
text-decoration: none;
color: #16439E;
}

a:hover {
text-decoration: underline;
}

a img {
border: none;
}

img {
margin: 0;
padding: 0;
}

/*
Formatting Classes------------------*/
.clear {
clear: both;
}

.right {
float: right;
}

.left {
float: left;
}

.center {
text-align: center;
}

.blue_italic {
font-size: 15px;
color: #16439E;
font-style: italic;
/*font-family: "Lucida Fax";
 --- changed font family to default 12/09 */
}

.offset {
/*position: relative;
z-index: 500;
width: 342px;
float: left;*/
margin: 0 0 0 25px;
}

.lock {
margin-left: 4px;
}

.small {
font-size: 13px;
}

/*===============MAIN CONTAINER DIVS===============*/

#uni_wrapper {
background: pink;
background: url(/images/body_bg.gif) repeat-y #FFFFFF center;
/*min-width: 1163px;*/
min-width: 1024px;
min-height: 100%;
}

#main_container {
width: 1009px;
margin: 0 auto;
color: #2B4196;
min-height: 100%;
/*background: black;*/
}

#expanding_content {
width: 185px;
position: absolute;
}

#wrapper {
width: 185px;
float: left;
}

#body {
position: relative;
width: 585px;
padding: 25px 0px 25px 27px;
color: #545454;
font-size: 14px;
}

#sponsor_and_address {
postion: relative;
float: right;
width: 799px;
height: 250px;
}

/*====================MENU======================*/
#menu_placeholder {
height: 805px;
width: 185px;
background: url(/images/column_bg.jpg) no-repeat;
background-position: center bottom;
}

/*
Blue Backdrop and Menu Links--------------------*/
#menu {
width: 175px;
padding: 10px 5px 5px 5px;
background: #2A4195;
text-align: right;
}

.sub_menu {
font-size: 11px;
color: #FFFFFF;
background: #0D388E;
padding: 3px;
}

/*--Menu Buttons---------------*/
.menu_button {
position: relative;
width: 156px;
padding: 3px 19px 3px 0px;
height: auto;
line-height: 100%;
margin: 0px 0px 7px 0px;
}

/*----Menu Button Text and Image Formatting (Links: text and arrows)----*/
.menu_button a, .sub_menu a, .menu_button a:hover {
color: #FFFFFF;
text-decoration: none;
}

.sub_menu a:hover {
text-decoration: underline;
}

.menu_button a {
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
line-height: 100%;
text-decoration: none;
font-size: 14px;
padding: 2px 4px 2px 2px;
overflow: visible;
}

.menu_button img {
position: absolute;
top: 1px;
right: 0px;
padding-left: 5px;
}

/*
Members' Login Box------------------------------*/
.membership_boxes {
background: #CDCBCC;
color: #535353;
width: 171px;
padding: 6px;
margin: 8px auto 8px auto;
font-size: 14px;
border-right: 1px #ABABAB solid;
border-bottom: 1px #ABABAB solid;
border-left: 1px #EDEDED solid;
border-top: 1px #EDEDED solid;
}

.membership_boxes b {
font-size: 12px;
}

.membership_boxes .blue_italic {
margin-bottom: 10px;
}

.login_reg {
width: 105px;
height: 16px;
border: 1px #A9B6C5 solid;
margin: 3px 0 3px 0;
}

.submit {
background: url(/images/input_bg.gif) #FFFFFF;
width: 62px;
}

.submit a, .submit a:hover {
color: #535353;
text-decoration: none;
margin-left: 10px;
top: 2px;
position: relative;
}

.submit:hover {
background: url(/images/input_bg_hover.gif) #FFFFFF;
}

.buttons {
font-size: 12px;
height: 20px;
color: #535353;
border: 0px;
outline: none;
margin: 3px 0 3px 0;
}

/*===================HOME PAGE SPECIFIC ELEMENTS===========================*/
/*
Page Content-------------------------------*/
#welcome {
width: 572px;
padding: 8px;
border: 1px #B0BCCA solid;
background: url(/images/box_bg.gif) repeat-x #FFFFFF;
font-family: arial;
font-size: 12px;
}

/*--News and Events-------------------------------------*/
#news_and_events {
margin-top: 10px;
width: 598px;
}

#tab_wrapper {
position: relative;
width: 588px;
margin-left: 1px;
font-size: 13px;
}

/*----Tabs----*/
#news_and_events #top {
float: left;
background: url(/images/large_tab.gif) no-repeat;
width: 373px;
height: 45px;
}

#news_and_events #smaller_top {
float: right;
background: url(/images/smaller_tab.gif) no-repeat;
height: 45px;
width: 217px;
}

/*----Content Section (One div for both tabbed boxes; faux columns via bg img)----*/
#news_and_events #content {
width: 598px;
background: url(/images/news_and_events_bg.gif) repeat-y center;
padding-bottom: 8px;
}

#news_and_events #content .left {
width: 352px;
padding: 6px;
background: url(/images/box_bg.gif) repeat-x;
}

#news_and_events #content .right {
width: 194px;
padding: 6px;
background: url(/images/box_bg.gif) repeat-x;
}

/*----Tabbed Box Feet----*/
#news_and_events #smaller_tab_bottom {
float: right;
background: url(/images/smaller_tab_bottom.gif) no-repeat;
height: 15px;
width: 217px;
}

#news_and_events #bottom {
float: left;
background: url(/images/large_tab_bottom.gif) no-repeat;
height: 15px;
width: 373px;
}

.article_index {
position: absolute;
bottom: 0px;
right: 10px;
}

#left {
right: 235px;
}

#member {
bottom: 9px;
right: 16px;
}

/*----Text Formatting----*/
.headline {
font-family: Times New Roman;
font-weight: bold;
color: #16439E;
font-size: 13px;
}

.summary {
margin-left: 15px;
font-size: 12px;
}

#news_and_events ul .headline {
margin-left: 15px;
}

#news_and_events ul .summary {
list-style-type: none;
}

/*--Members Box (Bottom tabbed box)----------------*/

#bottom_tabbed_box_dropshadow {
width: 576px;
margin-left: 1px;
min-height: 75px;
padding: 6px 6px 30px 6px;
background: url(/images/box_bg.gif) repeat-x;
}

*html #bottom_tabbed_box_dropshadow {
height: 75px;
}

/*----Tabs----*/
#bottom_tabbed_box #top {
width: 596px;
height: 45px;
background: url(/images/full_tab.gif) no-repeat;
}

/*----Content----*/
#bottom_tabbed_box #content {
position: relative;
width: 596px;
min-height: 75px;
background: url(/images/large_box_bg.gif) repeat-y #FFFFFF;
}

*html #bottom_tabbed_box #content {
height: 75px;
}

/*----Tabbed Box Feet----*/
#bottom_tabbed_box #bottom {
width: 596px;
height: 13px;
background: url(/images/full_tab_bottom.gif) no-repeat;
}

/*----Text Formatting----*/
.new_member {
list-style-type: none;
margin: 0 auto;
}

.new_member li {
width: 192px;
text-align: center;
float: left;
}

/*--Sponsor Boxes---------------*/
#side_sponsors_box {
width: 180px;
height: auto;
padding: 10px 0;
float: right;
background: #2B4196;
color: #FFFFFF;
text-align: center;
font-size: 13px;
}

/*--Built for box around sponsors allowing ARTBA logo w/white bkgrnd --------------*/
#side_alt_sponsors_box {
width: 180px;
height: auto;
padding: 0px 0;
float: right;
color: #000000;
text-align: center;
font-size: 13px;
}

#bottom_sponsors_box {
padding: 20px 0 20px 0;
margin-bottom: 25px;
width: 799px;
background: #2B4196;
text-align: center;
}

/*----Image and Text Formatting----*/
#side_sponsors_box img {
margin: 10px 0;
}

.thanks {
font-family: "Lucida Fax";
font-style: italic;
}

.sponsors {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}

/*--Footer Address-----------------*/
#bottom_address {
font-size: 12px;
width: 799px;
}

/*==================================INTERIOR LAYOUT===================================*/

/*
Containers--------------------------------------------------------*/
#body_interior {
width: 797px;
min-height: 505px;
position: relative;
padding: 25px 0px 25px 19px;
color: #545454;
font-size: 14px;
}

*html #body_interior {
height: 505px;
}

#content_header {
position: relative;
background: url(/images/content_header.jpg) no-repeat right;
width: 796px;
height: 34px;
}

#content_interior {
position: relative;
width: 757px;
min-height: 396px;
padding: 0px 20px;
background: url(/images/content_border.gif) repeat-y;
}

*html #content_interior {
height: 396px;
}

/*
Content Formatting-------------------------------------------------*/

#content_header p {
position: absolute;
top: 6px;
left: 32px;
font-style: italic;
font-family: "Lucida Fax";
font-weight: bold;
color: #FFFFFF;
}

.section_headers {
position: relative;
z-index: 502;
font-size: 14px;
}

#content_interior p, #content_interior ul, #content_interior a, #content_interior span {
position: relative;
z-index: 500;
}

#content_interior p, #content_interior ul {
padding: 13px 0;
}

#content_interior ul {
margin-left: 15px;
}

/*
Content Images and Effects-------------------------------------*/
#fadeout {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

#content_bottom {
position: absolute;
bottom: 0px;
left: 0px;
width: 796px;
height: 243px;
background: url(/images/content_bottom.gif) no-repeat;
}

.hr {
position: relative;
z-index: 501;
margin: 3px 0 0 0;
}

/*
Interior Tabbed Boxes-------------------------------------------*/

/*--Containers--------------*/
.side_box_wrapper {
width: 222px;
z-index: 502;
position: relative;
float: right;
clear: right;
padding: 20px 0 20px 20px;
}

.side_box {
background: #F0F0F8;
border-left: 1px #A9B6C6 solid;
border-right: 1px #A9B6C6 solid;
padding: 0px 12px 12px 12px;
width: 196px;
font-size: 13px;
}

.interior_tab {
background: url(/images/interior_tab.gif) no-repeat;
height: 22px;
}

.tab_label {
color: #2A4397;
font-weight: bold;
font-size: 13px;
width: 220px;
background: #F0F0F8;
border-left: 1px #A9B6C6 solid;
border-right: 1px #A9B6C6 solid;
overflow: visible;
}

/*--Formatting-------------*/
.bottom {
background: url(/images/interior_tab_bottom.gif) no-repeat #F0F0F8;
height: 5px;
line-height: 0;
font-size: 0;
}

.tab_label div {
width: 126px;
text-align: center;
}

.tab_label span {
position: relative;
top: -15px;
}

.side_box ul {
list-style-type: square;
margin-left: 10px;
}

/*
Government Affairs------------------------------------------*/
.legislation_chart {
position: relative;
z-index: 500;
margin: 0 auto;
width: 753px;
}

.legislation_chart a {
position: relative;
z-index: 500;
width: 188px;
float: left;
text-align: center;
}

/*
Publications------------------------------------------*/
.publications_boxes {
position: relative;
z-index: 500;
width: 400px;
margin: 0 5px 5px 0;
}

.wider {
width: 690px;
}

.pub_cell {
position: relative;
z-index: 500;
width: 230px;
}

/*
Resources----------------------------------------------*/
.member_links {
position: relative;
z-index: 500;
width: 50%;
float: left;
}

/*
Membership---------------------------------------------*/

#sliding_nav_wrapper {
position: relative;
top: 0px;
left: 0px;
z-index: 510;
}

#sliding_nav {
z-index: 510;
position: absolute;
background: #A9B6C5;
height: 102px;
width: 265px;
border-left: 1px #013668 solid;
border-right: 1px #013668 solid;
border-bottom: 1px #013668 solid;
}

#sliding_nav a {
margin: 3px 3px -3px 3px;
}

#selector {
position: relative;
z-index: 500;
width: 267px;
height: 25px;
background: url(/images/selector.gif) no-repeat;
float: left;
}

#selector span {
position: absolute;
top: 5px;
left: 3px;
}

/*
Calendar Section ----------------------------------------*/

.label {
text-align: center;
height: 15px;
}

.label a {
text-align: center;
}

.calendar {
margin-top: 14px;
z-index: 500;
position: relative;
border: 1px #194898 solid;
width: 262px;
}

.calendar a {
text-decoration: underline;
}

.calendar_header {
background: /*url(/images/header_bg.gif) repeat-x */#194898;
color: #FFFFFF;
}

.calendar_header td {
width: 16px;
}

.calendar td {
padding: 5px 10px;
}

.today {
border: 1px #A9B6C5 solid;
}

.gray {
background: #D2D8E0;
color: #FFFFFF;
}

.white {
background: #EFF0F8;
}

.selected_day {
background: #89A0CA;
color: #FFFFFF;
}

.selected_day a {
color: #FFFFFF;
}

#events_pane {
width: 470px;
padding-top: 14px;
z-index: 500;
position: relative;
}

.event_label {
margin-bottom: -15px;
}

#calendar_nav {
float: right;
clear: right;
width: 256px;
position: relative;
z-index: 500;
color: #FFFFFF;
background: #234090;
margin-top: 1px;
padding: 6px 0 6px 6px;
}

#calendar_nav select {
position: relative;
z-index: 500;
height: 22px;
margin: 1px 2px 0 2px;
}

#calendar_nav span {
margin-top: 4px;
}

/*
VTCA Classifieds------------------------------------------------------*/

.classifieds {
z-index: 500;
position: relative;
width: 750px;
}

.class_cell_one {
width: 200px;
float: left;
}

.class_cell_two {
width: 550px;
float: left;
}

.full_cell {
width: 750px;
float: left;
}

.class_cell, .full_cell {
position: relative;
z-index: 500;
}

/*
Advanced Search------------------------------------------------------*/

table {
position: relative;
z-index: 500;
}


#search {
position: relative;
z-index: 500;
width: 760px;
}

#search div {
padding: 8px 8px 0 0;
}

.input {
width: 505px;
}

.long {
width: 508px;
}

.multiselect {
width: 250px;
}

#results {
width: 750px;
margin-top: 16px;
}

#results td, #results th {
padding: 4px 8px 4px 8px;
/*border-top: 1px gray solid;
border-bottom: 1px gray solid;*/
text-align: left;
}

/*---------Stats------------*/

#stats td {
padding: 4px 6px 4px 0px;
}

/*---------Conference Presentations---------*/

.event_block {
/*width: 750px;
background: url(/images/event_box.gif) no-repeat;*/
position: relative;
z-index: 500;
/*padding: 6px 0 6px 6px;*/
}

.blue {
position: relative;
z-index: 500;
background: #CFD3E4;
}

.margin {
margin-left: 15px;
}

.super_margin {
margin-left: 30px;
z-index: 500;
position: relative;
}

/*-------------Member List -----------------*/

#member_list {
width: 765px;
margin-top: 25px;
}

.membership_box {
width: 750px;
margin-top: 15px;
position: relative;
z-index: 500;
}

.membership_box p {
line-height: 75%;
}

.mb_label {
width: 375px;
height: auto;
background: url(/images/m_box_tabs_2.gif) no-repeat;
float: left;
min-height: 32px;
}

.mb_label div {
width: 170px;
text-align: center;
margin-top: 4px;
font-size: 13px;
color: #16439E;
font-weight: bold;
}

*html .mb_label {
height: 32px;
}

.mb_content {
width: 725px;
padding: 12px;
background: url(/images/mb_bg.gif) repeat-y;
font-size: 13px;
}

.mb_sides {
width: 350px;
}

.mb_bottom {
height: 5px;
background: url(/images/mb_bottom.gif) no-repeat;
}

.membership_box_single {
width: 350px;
margin-top: 15px;
position: relative;
z-index: 500;
}

.mb_single_content {
width: 350px;
background: url(/images/mb_single_bg.gif) repeat-y;
padding: 12px;
font-size: 13px;
}

.mb_single_bottom {
width: 350px;
height: 5px;
background: url(/images/mb_single_bottom.gif) no-repeat;
}

.column_two {
/*background: #D4D4DB;*/
}

.profile_page_table {
width: 325px;
}

.profile_page_table td {
padding: 5px 0 5px 0;
vertical-align: top;
}

.profile_label {
color: #949FAC;
}

.profile_info {
}