/*To get further information on the usages of the each application page that the associated tags are found on, you can take a look over at cssUsageSheet.txt. Also you are done with the editing the styles from your pages, you may want to remove the comments throughout this document to lean out this file. 







Note: Do not use float left and float right in combination with content area where the length of the content is unknown. Rather, for a two column setup, use a float left for the column that is defined in conjunction with the content section having a padding-left in order to create the two columun setup.



*/







body { /* Defines information for the HTML body tag. Adding background image information and no white borders on the outside of the document */



	background-image: url(images/template_2/bgbottom-Web.jpg);



	background-repeat: repeat;



	margin: 0px;



	padding: 0px;



	text-align:left;



	font-family: Verdana, Arial, Helvetica, sans-serif;



}



.BodyWrapper { /* Defines further background image information for the web page. Seen in the template file. */



	background-image: url(images/template_2/bgtop-WEB.jpg);



	background-repeat: repeat-x;



	text-align: left;



}



.TopMainNav { /* Utilized in the template file, to define the width properties of the main navigation */



	width: 225px;



	float: left;



	font: Verdana,Arial;



	font-size: 11px;



}







.HeaderLogo { /* Utilized in the template file, to hold the logo area */



	height: 90px;



	width: 919px;



	padding: 0px;



	padding-top: 10px;



	margin-left: auto;



	margin-right: auto;



	background-image: url(images/BG.png);



	background-repeat: repeat-y;



}



.HeaderLogo .logo { /* Utilized in the template file, to further define logo atributes */



	float: left;



	padding-top: 3px;



	padding-right: 4px;



	padding-bottom: 2px;



	padding-left: 4px;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 8px;



	line-height: 7px;



	margin: 0px;



}



.HeaderLogo .HeaderLogo_right { /* Utilized in the template file, to further define area to the rightside of logo header area */



	width: auto;



	float: right;



}



.WebHeadDivider{



	background-color:#CCCCCC;



	height:1px;



	width:100%;



	padding:0px;



	margin:0px;



}



.CenterWidth {



	width: 919px;



	margin: auto;



	min-height:450px;



	background-image: url(images/leftNavBG.png);



	background-repeat:repeat-y;



}



.LeftSideMainNav { /* Utilized in the template file, to define the width properties of the main navigation */



	width: 250px;



	float: left;



}







.ContentArea { /* Utilized in the template file, to define the width properties content area ( The space inbettween the top header and the bottom footer information */



	background-image: url(images/template_2/software_rightCol.jpg);



	background-repeat: repeat-x;



	background-position: top;



	background-color: #FFFFFF;

	

	padding-left:10px;

	

	padding-right:10px;



	min-height:400px;



	text-align: left;



	margin-left: 226px;



	font-style: normal;



	font: Verdana,Arial;



	font-size: 11px;



	line-height: 19px;



	width:671px;







}



.ContentArea .clear {  /* Utilized several places including the template file. It clears both left and right areas and helps to align blocks of information correctly 



	clear: both;



	width:99%;*/



}







.Footer_Links { /* Defines background attribute information for the associated div tag in the template file */



	width: 916px;



	background-repeat: no-repeat;



	height: 55px;



	overflow: hidden;



	text-align: center;



	padding-top: 14px;



	margin: 0px;



	padding-right: 0px;



	padding-bottom: 0px;



	padding-left: 0px;



	background-position: center top;



	margin-left:auto;



	margin-right:auto;



}







H1 { /* Defines H1 attributes inside of the div or span with the class H1tag  */



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 22px;



	font-weight: bolder;



	color: #006666;



	line-height: 20px;



	padding:0px;



	padding-left:0px;



	padding-top:10px;



	margin:0px;







}







H2 { /* Defines the attributes of the h2 tag with the class TwoCol_RIGHT found in use inside the wysiwig editor on the Two Column preloaded layouts */



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 18px;



	font-weight: light;



	color: #0099CC;



}

















.a { /* defines anchor link information  for anchor links with the class of a*/



	font-family: Verdana, Arial, Helvetica, sans-serif;



	color: #0099CC;



}







.Footer_Links { /* defines attributes for the div tag with the class Footer_Links. Found on the main template file */



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 9px;



	padding-top:20px;



	border-top:#999999 1px solid;



		clear:both;



}



.Footer_Links a { /* defines attributes for the anchor links in the div with the Footer_Links class */



	color: #003366;



	padding: 3px;







}







.loginform { /* Defines the attributes of the loginform classed tags */







	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	height: 300px;



	width: 400px;



}



.searchcount { /* Defines the attributes of the searchcount classed tags */



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	padding-top: 5px;



	padding-bottom: 5px;



}



.Breadcrumbs{ /* Defines the attributes of the div area Breadcrumbs classed tags */



	margin:0px;



	padding:0px;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	color:#D3EAF8;



}



.BreadCrumbs a{ /* Defines the attributes of the anchor tags in the area Breadcrumbs classed tags */



	color:#006699;



	text-transform:capitalize;



	text-decoration: none;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:11px;



}



.RequestEmailForm{ /* Defines the attributes of the div area RequestEmailForm classed tags */



	text-transform:capitalize;



	text-decoration: none;



	font-family:Verdana, Arial, Helvetica, sans-serif;



	font-size:11px;



}



.RelatedArticles { /* Defines the attributes of the div area RelatedArticles classed tags */



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 11px;



	padding: 5px;



	border-top-width: 1px;



	border-right-width: 1px;



	border-bottom-width: 1px;



	border-left-width: 1px;



	border-top-style: dotted;



	border-right-style: none;



	border-bottom-style: none;



	border-left-style: none;



	border-top-color: #CCCCCC;



	border-right-color: #CCCCCC;



	border-bottom-color: #CCCCCC;



	border-left-color: #CCCCCC;



}



.RelatedArticles ul{ /* Defines the attributes of the unordered list, RelatedArticles classed tags */



	padding-left: 0px;



	margin-top: 5px;



	margin-bottom:0px;



	margin-right: 25px;



	margin-left: 15px;



}



.TopArticle{ /* Defines the attributes of the TopArticle classed tags */



	list-style-position: outside;



	list-style-image: url(cms-img/smallFolder-1.png);



	font-size: 12px;



	vertical-align: middle;



	height: 40px;



	padding-top: 5px;



	padding-right: 5px;



	padding-bottom: auto;



	padding-left: 5px;



	margin-top: auto;



	margin-right: 5px;



	margin-bottom: 0px;



	margin-left: 5px;



}



.TopArticle a { /* Defines the attributes of the anchor links in the TopArticle classed tags */



	font-weight: bold;



	color: #3067CD;



	text-decoration: none;



	height: 10px;



	overflow: hidden;



	margin: 0px;



	padding: 0px;



}



.SubArticle{ /* Defines the attributes of the a SubArticle classed tags */



	list-style-type: decimal;



	list-style-position: outside;



	margin-left: 25px;



	margin-top: 0px;



	padding-top:0px;







}



.SubArticle a { /* Defines the attributes of the anchor links in the SubArticle classed tags */



	color: #0066CC;



	text-decoration: none;



}



.red { /* Defines the attributes of the red classed tags */



	color: #FF0000;



	padding: 5px;



}



.RemotePostAlert{ /* Defines the attributes of the RemotePostAlert classed tags */



	padding:15px;



	background-color:#FFFFCC;



	border:#FFCC66 dotted 1px;



	width:400px;



	height:150px;



	overflow:visible;



}







.Alert { /* Defines the attributes of the alert classed tags */



	background-color: #FFFFCC;



	padding: 15px;



	border: 1px dotted #FFFF66;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



}



.updatedOnDate {  /* Defines the attributes of the updatedOnDate classed tags */



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 9px;



}



.SiteMapContainer{



	width:45%;



	padding:5px;



	min-height:120px;



	float:left;



}



.SiteMapContainer .updatedOnDate {  /* Defines the attributes of the updatedOnDate classed tags */



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 9px;



	font-style:italic;



}



.SiteMapContainer .filename{



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 9px;



	color:#009900;



	float:left;



	padding-right:15px;



}



.Archives-SiteMap{



	clear:both;



}



.Archives-SiteMap .archivetitle{



	font-weight:bold;



}



.Archives-SiteMap .updatedOnDate {  /* Defines the attributes of the updatedOnDate classed tags */



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 9px;



	font-style:italic;



}



.Archives-SiteMap .filename{



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 9px;



	color:#009900;



	float:left;



	padding-right:15px;



}



.reminder{



	Width:500px;



	text-align:center;



	font:Arial, Helvetica, sans-serif;



	font-size:12px; margin:auto;



}
#IMGholderTableLeft{ /* Used for the default templates in the wysiwig editor in order to hold the left aligned image*/
	margin-right:10px;
	margin-bottom:10px;
	width:50px; /* Sets the smallest sized container which is overwritten by image size*/
}
#IMGholderTableRight{ /* Used for the default templates in the wysiwig editor in order to hold the right aligned image*/
	margin-left:10px;
	margin-bottom:10px;
	width:50px; /* Sets the smallest sized container which is overwritten by image size*/
}
#IMGholderTableCenter{ /* Used for the default templates in the wysiwig editor in order to hold the center aligned image*/
	margin-left:10px;
	margin-bottom:10px;
	width:50px; /* Sets the smallest sized container which is overwritten by image size*/
}

.citation{ /* Div tag inside of IMGholderTables's below the image*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:9px;
	color: 000000;
	padding:5px;
	font-style:oblique;
	border:#EAEAEA 1px solid;
	line-height:12px;
}