/*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: Trebuchet MS, 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;



	margin-left:auto;



	margin-right:auto;



}







.toplinks { /* Utilized On the hard coded navigational links in the template file, its the container for the links on the top of the page*/



	width: 919px;



	clear: both;



	height: 20px;



}







.toplinks .toplinks_right { /* Utilized On the hard coded navigational links in the template file, its the container for the links */



	float: right;



}



.toplinks #toplinks_left { /* Utilized On the hard coded navigational links in the template file, its the container for the links */



	float: left;



}



#toplinks_left a { /* Utilized On the hard coded navigational links in the template file, its the defines the attributes for the anchor links inside the toplinks_left div tag */



	font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;



	color: #0066CC;



	font-size: 11px;



	text-decoration: none;



}







.toplinks_right a { /* Utilized On the hard coded navigational links in the template file, its the defines the attributes for the anchor links inside the toplinks_right div tag */



	font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;



	color: #0066CC;



	font-size: 11px;



	text-decoration: none;



}







.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: Trebuchet MS, 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/BG.png);



	background-repeat:repeat-y;



}



.TopMainNav { /* Utilized in the template file, to define the width properties of the main navigation */
	margin-left:auto;
	margin-right:auto;
	padding-left:300px;
	padding-top: 100px;

}







.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: 10px;



	padding-left: 10px;



	text-align: left;



	margin-left: auto;



	margin-right: auto;



	font-style: normal;



	font: Trebuchet MS, Arial, Helvetica, Sans-Serif;



	font-size: 11px;



	line-height: 19px;



	width:898px;



}



.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: Trebuchet MS, 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: Trebuchet MS, Arial, Helvetica, Sans-Serif;



	font-size: 18px;



	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: Trebuchet MS, Arial, Helvetica, Sans-Serif;



	font-size:12px;



	background-position: top;







	padding-left:10px;



	min-height:400px;



}







.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(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(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:Trebuchet MS, 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: Trebuchet MS, 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: Trebuchet MS, 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: Trebuchet MS, Arial, Helvetica, Sans-Serif;



	font-size: 12px;



	height: 300px;



	width: 400px;



}



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



	font-family: Trebuchet MS, 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:Trebuchet MS, 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:Trebuchet MS, 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:Trebuchet MS, Arial, Helvetica, Sans-Serif;



	font-size:11px;



}



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



	font-family: Trebuchet MS, 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: Trebuchet MS, Arial, Helvetica, Sans-Serif;



	font-size: 12px;



}



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



	font-family: Trebuchet MS, 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: Trebuchet MS, Arial, Helvetica, Sans-Serif;



	font-size: 9px;



	font-style:italic;



}



.SiteMapContainer .filename{



	font-family: Trebuchet MS, 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: Trebuchet MS, Arial, Helvetica, Sans-Serif;



	font-size: 9px;



	font-style:italic;



}



.Archives-SiteMap .filename{



	font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;



	font-size: 9px;



	color:#009900;



	float:left;



	padding-right:15px;



}

#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: Trebuchet MS, Arial, Helvetica, Sans-Serif;

	text-align:center;

	font-size:9px;

	color: 000000;

	padding:5px;

	font-style:oblique;

	border:#EAEAEA 1px solid;

	line-height:12px;

}