/* css for TMTAV :: Vanguard Web Studios Applications and Pages */

/*CSS from Lisa's Pages */

.content_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.page_heading {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #284086;
}

/* end Lisa's styles */

h1 {
	color: #284086;
	font-size: 18px;
	}

h2 {
	color: #284086;
	font-size: 14px;
	}

hr {
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: .5px; 
	border-left-width: 0px; 
	border-color: #7B7B7B ;	
	}
	
#pageHeading {
	vertical-align: top;
	padding-top: 15px;
	padding-bottom: 10px;
	}

#pageHeading h1 { 
	/* The style below was copied to match existing headings */
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #284086;
	}

#mainBody {
	width: 615px;
	
	/* The style below was copied to match existing headings */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 20px 0px;
	}
	
#watermark {
	vertical-align: top;
	display: block;
	}

#captionText {
	font-size: 10px;
	color: #7B7B7B;
	}

#formBody {
	font-size: 12px;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 10px;
	background-color: #F7F7F7;
	border: 1px #7B7B7B solid;
	width: 80%;
	}

#memberLogin_textCenter {
	font-size: 12px;
	width: 50%;
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
	}	

#memberLogin {
	font-size: 12px;
	width: 100%;
	}	

#center_memberLogin {
	width: 60%; 
	margin-left: auto; 
	margin-right: auto; 
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F7F7F7;
	text-align: left;
	border: 1px #4E4E4E dotted;
	}
	
#formLabel {
	float: left;
	width: 30%;
	}	

#formInput {
	width: 300px;
	}	

#formBody {
	margin-bottom: 4px;
	}

#centerConfirmation div{
	text-align: center;
	width: 70%; 
	margin-left: auto; 
	margin-right: auto; 
	}

#centerNavigation div{
	text-align: center;
	margin-left: auto; 
	margin-right: auto; 
	}

#center{
	width: 100%; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	}
	
#formHeading {
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px; 
	border-color: #7B7B7B ;
	height: 20px;
	vertical-align: top;
	color: #284086;
	font-size: 14px;
	font-weight: 900;
	}

#formMessageDisplay	 {
	width: 90%; 
	height: 300px;
	margin-left: auto; 
	margin-right: auto; 
	padding-top: 18%;
	text-align: center;
	}
	
#formMessageDisplay	 h1{
	color: #006600;
	}
	
#navigation {
	width: 200px;
	text-align: left;
	}

#navigationIcon {
	width: 30px;
	float: left;
	vertical-align: middle;
	height: 26px;
	display: block;
	}
		
#navigationIcon img{
	vertical-align: middle;
	display: block;
	}		

a.adminIndex:link {font-size: 12px; color: #8299D7; text-decoration: underline;}
a.adminIndex:visited{font-size: 12px; color: #8299D7; text-decoration: underline;}
a.adminIndex:link:active, a.adminIndex:visited:active {font-size: 12px; color: #9F9F9F; text-decoration: none;}
a.adminIndex:link:hover, a.adminIndex:visited:hover {font-size: 12px; color: black; text-decoration: none;}			
	
#adminIndex {
	vertical-align: middle;
	text-align: center;
	display: inline;
	height: 48px;
	}

#adminIndexIcon {
	width: 52px;
	height: 48px;
	float: left;
	vertical-align: middle;
	display: inline;
	line-height: 55px;
	}
		
#adminIndexIcon img{
	vertical-align: middle;
	display: inline;
	line-height: 55px;
	}		

#adminIndexText{
	vertical-align: middle;
	text-align: left;
	display: block;
	height: 48px;
	padding-top: 15px;
	margin-bottom: auto;
	left-indent: 2px;
	}			
	
#mainBodyLeft {
	float: left;
	width: 35%;
	}

#adminStats	
	{
	width: 100%;
	color: #666766;
	font-size: 11px;
	}
	
#displayTable{
	width: 55%;
	float: right;
	margin-top: 10px;
	}

#newsletterDisplayTable{
	width: 55%;
	margin-top: 10px;
	}
	
#newsletterDisplayTable table{
	width: 100%;
	padding-top: 10px;
	margin-top: 10px;
	}
	
#educationDisplayTable{
	width: 90%;
	margin-top: 10px;
	}
	
#educationDisplayTable table{
	width: 100%;
	margin-top: 10px;
	}	

.queryDisplay {
	font-size: 12px;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 0px; 
	border-color: #7B7B7B ;
	padding: 1px;
	width: 100%;
	}
	
.vertical-align a{
	vertical-align: middle;
	height: 26px;
	padding-top: 2px;
	}	

#spacer {
	height: 10px;	
	}
	
#smallSpacer {
	height: 5px;	
	}

#breadcrumb {
	margin-top: 3px;
	font-size: 11px;
	color: #7B7B7B;
	width: 80%;
	
	}

#container div{
	display: block;
	}	

.queryDisplay {
	font-size: 12px;
	color: #7B7B7B;
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 0px; 
	border-color: #7B7B7B ;
	padding: 1px;
	width: 100%;
	}

.queryDisplay td, th{
	color: #343434;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 1px; 
	border-color: #7B7B7B ;
	font-size: 10px;
	}

.queryDisplay th,td{	
	text-align: left;
	}
	
tr.queryDisplayHeader {
	background-color: #D6DEEF;
	color: #284086;
	text-align: left;
	}
	
.alternateRow {
	background-color: #F0F0F0;
	}

#floatRight {
	float: right;
	}
	
#floatLeft {
	float: left;
	}		

#previewWatermark { 
	background-image: url('../images/preview_watermark.gif');
	background-repeat: repeat-y;
	background-position: 30% 50%
	}

#memberBodyContainer
	{
	position: relative;
	float: left;
	}

#memberPageBody
	{
	position: relative;
	float:left;
	width: 300px;
	}
	
#memberPageImage
	{
	position: relative;
	float: right;
	text-align: right;
	width: 300px;
	display: block;
	}
	
#test
	{
	position: relative;
	display: block;
	}
	
a.admin:link {font-size: 12px; color: #284086; text-decoration: underline;}
a.admin:visited{font-size: 12px; color: #284086; text-decoration: underline;}
a.admin:link:active, a.admin:visited:active {font-size: 12px; color: #284086; text-decoration: none;}
a.admin:link:hover, a.admin:visited:hover {font-size: 12px; color: black; text-decoration: none;}	

a.breadcrumb:link {color: #7B7B7B; text-decoration: underline; letter-spacing: 1px;}
a.breadcrumb:visited{color: #7B7B7B; text-decoration: underline; letter-spacing: 1px;}
a.breadcrumb:link:active, a.breadcrumb:visited:active {color: #D8DBE2; text-decoration: none; letter-spacing: 1px;}
a.breadcrumb:link:hover, a.breadcrumb:visited:hover {color: #284086; text-decoration: none; letter-spacing: 1px;}

a.bottomNavigation:link {text-decoration: underline;}
a.bottomNavigation:visited{color: #616161; text-decoration: none;}
a.bottomNavigation:link:active, a.bottomNavigation:visited:active {color: #616161; text-decoration: none;}
a.bottomNavigation:link:hover, a.bottomNavigation:visited:hover {color: #284086; text-decoration: none;}

/*************************
Alert Message
*************************/
#alertMessage {
	position: relative;
	top: 0px;
	left: 2px;
	padding-right: 5px;
	margin-top:10px;
}
#alertMessageFieldset {
	border: 1px solid #FF0000;					
}
#alertMessageLegend {
	display: block;		
	border: 1px solid #2B5108;	
	background-color: #FF0000;			
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;		
	text-align:center;
	padding:1px 1px 1px 1px;
	width:0;
}
#alertMessage Ul {			
	list-style-type:disc;
	padding-left:15px;			
	margin:0 0 0 10px;	
}
#alertMessage Li {		
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
} 

td.heading {
	font-size: small;
	font-weight: bold;
	}
	
.spacer {
	height: 10px;
	line-height: 10px;
	}
	
td.description {
	font-size: 12px;
	}