/*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 */
	margin: 0px;
	padding: 0px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #BFD0DD;
}
.BodyWrapper { /* Defines further background image information for the web page. Seen in the template file. */
	background-repeat: repeat-y;
	text-align: left;
	background-image: url(colOneBG.jpg);
	background-position: center;
}
.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: 175px;
	width: 832px;
	padding: 0px;
	padding-top: 5px;
	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: 357px;
	float: right;
}
.WebHeadDivider{

	height:1px;
	width:100%;
	padding:0px;
	margin:0px;
}
.CenterWidth {
	width: 832px;
	margin: auto;
	min-height:450px;
	background-image: url(images/leftNavBG.png);
	background-repeat:repeat-y;
	overflow: visible;
}
.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 */
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
	margin-left: 225px;
	font-style: normal;
	font: Verdana,Arial;
	font-size: 11px;
	line-height: 19px;
	padding-left:1px;
	padding-right:1px;
	overflow: visible;
	display: block;
}
.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: 832px;
	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;
	background-color: #FFFFFF;
}

H1 { /* Defines H1 attributes inside of the div or span with the class H1tag  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #346B98;
	background-color: #E7ECF5;
	border-top:#036 1px solid;
	border-bottom:#036 1px solid;
	line-height: 20px;
	padding:5px;
	padding-left:5px;
	padding-top:5px;
	margin-left:-8px;
	margin-right:0px;
	margin-top:-5px;
	margin-bottom:0px;
	text-transform:uppercase;
	

}

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: 14px;
	font-weight: light;
	color: #0099CC;
}

.OneCol { /* Defines the attributes of the div tag labeled OneCol found in use inside the wysiwig editor on the One Column preloaded layouts */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #FFFFFF;
	margin:0px;
	padding-left:10px;
	min-height:400px;
	overflow: visible;
	display: block;
	padding-top:15px;
}

.TwoCol { /* Defines the attributes of the div tag with the class TwoCol found in use inside the wysiwig editor on the Two Column preloaded layouts */
	margin: 0px;
	padding: 0px;
	width: 915px;
	background-image: url(http://www.updateablewebsite.com/images/template_2/software_leftCol.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #E1E6EC;
	clear:both;
}

.TwoCol_LEFT { /* Defines the attributes of the div tag with the class TwoCol_LEFT found in use inside the wysiwig editor on the Two Column preloaded layouts */
	width: 220px;
	padding: 5px;
	float:left;
}

.TwoCol_RIGHT { /* Defines the attributes of the div tag with the class TwoCol_RIGHT found in use inside the wysiwig editor on the Two Column preloaded layouts */
	background-image: url(http://www.updateablewebsite.com/images/template_2/software_rightCol.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 653px;
	padding: 15px;
	background-color: #FFFFFF;
	border-left:1px;
	border-left-color:#CCCCCC;
	border-left-style:dotted;
	padding-bottom:20px;
	margin-left:231px;
}

.ThreeCol { /* Defines the attributes of the div tag with the class ThreeCol found in use inside the wysiwig editor on the Three Column preloaded layouts */
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #FFFFFF;
	padding-bottom:20px;

}

.ThreeCol_LEFT { /* Defines the attributes of the div tag with the class ThreeCol_LEFT found in use inside the wysiwig editor on the Three Column preloaded layouts */
	width: 190px;
	float: left;
	padding: 5px;
	background-color: #FFFFFF;
/*	border-right:1px;
	border-right-color:#CCCCCC;
	border-right-style:dotted;
*/
}
.ThreeCol_Middle { /* Defines the attributes of the div tag with the class ThreeCol_Middle found in use inside the wysiwig editor on the Three Column preloaded layouts 
	background-image: url(http://www.updateablewebsite.com/images/template_2/software_rightCol.jpg);
	background-repeat: repeat-x;
	background-position: top;*/
	width: 503px;
	background-color: #FFFFFF;
	border:1px;
	border-color:#CCCCCC;
	border-style:dotted;
	border-top:1px;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.ThreeCol_RIGHT { /* Defines the attributes of the div tag with the class ThreeCol_Right found in use inside the wysiwig editor on the Three Column preloaded layouts */
	background-position: top;
	float: right;
	width: 190px;
	padding: 5px;
	background-color: #FFFFFF;
/*	border-left:1px;
	border-left-color:#CCCCCC;
	border-left-style:dotted;
*/
}


.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;
	margin-bottom:5px;
	margin-left:-10px;
	margin-top:-13px;
	padding:0px;
	padding-left:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;	

}
.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(http://www.updateablewebsite.com/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;
}

.SiteMapContainer{
	width:45%;
	padding:5px;
	min-height:70px;
	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;
	display:none;
}
.SiteMapContainer .filename{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#009900;
	float:left;
	padding-right:15px;
}
.SiteMapContainer #description{
	font-size:11px;
	height:29px;
	overflow:hidden;
	line-height:15px;
}
.SiteMapContainer .a{
	font-size:12px;
	height:15px;
	overflow:hidden;
}
.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;
}.BodyWrapper .HeaderLogo .HeaderLogo_right #Consultation {
	float: left;
	clear: left;
}
.BodyWrapper .HeaderLogo .HeaderLogo_right .NJ {
	width: 230px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 0px;
	line-height: 12px;
	clear: left;
	padding-top: 15px;
}
.BodyWrapper .HeaderLogo a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.BodyWrapper .HeaderLogo .HeaderLogo_right .NJ .text {
	padding-top: 5px;
}