/*
	mainportal.css
	ghbarratt Main Portal

	Created:	2005 
	By:				Glen H. Barratt
	Contact:	ghbarratt (at) powersketchdesign.com

*/

	/* General */
	body
	{ 
		font-family:				Arial, helvetica, sans-serif;
		margin:							0px;
		color:							#787878;	
	}
	ul
	{
		margin-top:					3px;
		margin-bottom:			3px;
	}
	h2
	{
		font-weight:				bold;
	}

	a img
	{
		border:none;
	}
	td
	{
		color:							#787878;
		font-size:					10pt;
	}


	/* define font styles once */
	.header, .footer 
	{
		font-family: 				Arial, SanSerif, Helvetica;
	}

	.mainContentText
	{
		font-size:					70%;
	}
	
	.topperTitle
	{
		font-size:					10pt;
		text-transform:			uppercase;
		font-weight:				600;
		/*color:							#787878;*/
		margin:							0px;
		padding-top:				4px;
		vertical-align:			middle;
		line-height:				43px;
		white-space:				nowrap;
	}
	
	/* header and footer */
	.header, .footer
	{
		font-size: 					8pt;
		color:							#cccccc;
		margin:							0px;
		margin-top: 				0px;
		margin-bottom:			0px;
		text-align:					right;
	}
	a.header, a.footer
	{
		font-size: 					8pt;
		color:							#dddddd;
	}
	a.header:hover, a.footer:hover
	{
		font-size: 					8pt;
		color:							#ffffff;
	}


	/* TopMenu dropflap */
	.dropflapTD, a.dropflapLink, a.dropflapLink:hover
	{
		font-size:					7pt;
		font-weight:				500;
		text-align:					center;
		margin:							0px;
		margin-top: 				0px;
		margin-bottom:			0px;
	}
	
	.dropflapTD
	{
		color:							#666666;
	}
	
	a.dropflapLink
	{
		color:							#777777;
	}

	a.dropflapLink:hover
	{
		color:							#444444;
	}


	.sideSectionTD
	{
		background-color:		#989898;
		background-image:		url("/mainportal/images/side_section_back_top.gif");
		background-repeat:	repeat-x;
	}

	.sideSectionText
	{
		margin: 5px;
		color:							#eeeeee;
	}

	a.sideSectionLink
	{
		color:							#eeeeee;
	}

	a.sideSectionLink:hover
	{
		color:							#ffffff;
	}

	.iconImage
	{
		/*filter:					alpha(opacity=75); -moz-opacity:0.75;*/
		border:					0px;
		height:					43px;
		width:					43px;
		line-height:		43px;
	}

	.iconImage:hover
	{
		/*filter:alpha(opacity=95); -moz-opacity:0.95;*/
		border:	0px;
	}

	
	.smallIconImage
	{
		border:					0px;
		padding-top:		0px;
		padding-bottom:	0px;
		margin-top:			0px;
		margin-bottom:	0px;
		font-size:			17pt;
	}

	.mainContentTopperText
	{
		font-size:					12pt;
		font-weight:				600;
		line-height:				43px;
		vertical-align:			middle;
		color:							#787878;
	}

	.mainContentTopper
	{
		border-right:			solid 1px #A8A8A8;
	}
	
	.captionText,	.captionTextBorderBottom
	{
		font-size:				7pt;
	}
	
	.captionText
	{
		padding-left:			5px;
		padding-right:		5px;
		padding-top:			5px;
		padding-bottom:		5px;
		white-space:			normal;
	}
	
	.captionTextBorderBottom
	{
		padding-left:			5px;
		padding-right:		5px;
		padding-top:			5px;
		padding-bottom:		5px;
		border-bottom:		solid 1px; 
		border-left:			solid 1px; 
		border-right:			solid 1px; 
	}
	
	.blogHeader
	{
		color:						white;
		font-size:				5pt;
		text-transform:		uppercase;
		font-weight:			bold;
		white-space:			nowrap;
	}

	.borderTopCover
	{
		border-top:				solid 1px; 
		border-left:			solid 1px; 
		border-right:			solid 1px; 
	}
	
	.borderBottomCover
	{
		border-bottom:		solid 1px; 
		border-left:			solid 1px; 
		border-right:			solid 1px; 
	}
	
	
	.smallerText
	{
		font-size: 8pt;
	}
	
	.mainContentTD
	{
		margin:								5px;
		border-top:						solid	1px #666666;
		border-bottom:				solid 1px #666666;
		border-left:					solid 1px #666666;
		border-right:					solid 1px #666666;
		background-color:			#F0F0F0;
		background-repeat:		repeat-x;
		color:								#444444;
	}

	.mainContentText
	{
		margin:								5px;
		font-size:						9pt;
		line-height:					11pt;
		vertical-align:				top;
	}
		
	
	/*FeatureLink*/
	a.featureLink
	{
		font-size:					80%;
		color:							#aaaaaa;
		margin-top: 				0px;
		margin-bottom:			0px;
		letter-spacing:			0px;
	}
	a.featureLink:hover
	{
		font-size:					80%;
		color:							#ffffff;
		margin-top: 				0px;
		margin-bottom:			0px;
		letter-spacing:			0px;
	}


	/*areaTitle*/
	.areaTitle,a.areaTitle
	{
		vertical-align:			middle;
	}
	
	/*description*/
	.description,a.description
	{
		font-size:					8pt;
		font-weight:				normal;
		font-family:				Arial, sanserif, helvetica;
		color:							#FD4104;
		margin-top: 				0px;
		margin-bottom:			0px;
		letter-spacing:			0px;
		vertical-align:			middle;
	}
	
	/*subTitle*/
	.subtitle,a.subtitle,a.subtitle:hover
	{
		font-size:					10pt;
		font-weight:				bold;
		font-family:				Arial, sanserif, helvetica;
		color:							#FD4104;
		margin-top: 				0px;
		margin-bottom:			0px;
		letter-spacing:			0px;
		vertical-align:			middle;
	}
	a.subtitle
	{
	}
	a.subtitle:hover
	{
		color:							#ffaa00;
	}
	
	/*meterLabel*/
	.meterLabel,a.meterLabel
	{
		font-size:					8pt;
		font-weight:				bold;
		font-family:				Arial, sanserif, helvetica;
		margin-top: 				0px;
		margin-bottom:			0px;
		letter-spacing:			0px;
		vertical-align:			middle;
		white-space:				nowrap;
	}
	
	/*moreLink*/
	.moreLink,a.moreLink
	{
		font-size:					10pt;
		font-weight:				bold;
		font-family:				Arial, sanserif, helvetica;
		color:							#FD4104;
		margin-top: 				0px;
		margin-bottom:			0px;
		letter-spacing:			0px;
		vertical-align:			middle;
	}
	a.moreLink:hover
	{
		font-size:					10pt;
		font-weight:				bold;
		font-family:				Arial, sanserif, helvetica;
		color:							#ff6622;
		margin-top: 				0px;
		margin-bottom:			0px;
		letter-spacing:			0px;
		vertical-align:			middle;
	}


	/*BottomNav*/
	.bottomNav
	{
		vertical-align:				middle;
	}
	a.bottomNav
	{
		text-transform:			uppercase;
		font-weight:				bold;
		font-size: 					8pt;
		color:							#cc3300;
		margin:							0px;
		margin-top: 				0px;
		margin-bottom:			5px;
		letter-spacing:			0px;
		line-height:				90%;
	}
	a.bottomNav:hover
	{
		text-transform:			uppercase;
		font-weight:				bold;
		font-size: 					8pt;
		color:							#ff6622;
		margin:							0px;
		margin-top: 				0px;
		margin-bottom:			5px;
		letter-spacing:			0px;
		line-height:				90%;
	}
	
	a.bottomNavSmall
	{
		text-transform:			uppercase;
		font-weight:				bold;
		font-size: 					60%;
		color:							#dddddd;
		margin:							0px;
		margin-top: 				0px;
		margin-bottom:			5px;
		letter-spacing:			0px;
		line-height:				90%;
	}
	a.bottomNavSmall:hover
	{
		text-transform:			uppercase;
		font-weight:				bold;
		font-size: 					60%;
		color:							#ffffff;
		margin:				 			0px;
		margin-top: 				0px;
		margin-bottom:			5px;
		letter-spacing:			0px;
		line-height:				90%;
	}

	.paragraph
	{
		margin-top: 5px;
	}