/* CSS Document */

@import url(thickbox.css);

/* !!!!!!!!!!!! Zeroing Styles !!!!!!!!!!!! */

/* These styles set all browser default styles to zero to maintain consistancy across browsers therefore you must manually set all styles */


* {
margin:0;
padding:0;
border:0;
}

html, body {
min-height: 100%;
height: auto;
height:100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,table,html {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
}

q:before,q:after {
content:'';
}

h1,h2,h3,h4,h5,h6,pre,code { 
font-size:1em; 
}

a img,:link img,:visited img { 
border:none;
}

address { 
font-style:normal; 
}

/* !!!!!!!!!!!! Display Styles !!!!!!!!!!!! */

/* Styles that effect the display and not the structure of the site such as fonts, headers, HTML tag styles and 'a' styles should be defined here */

body {
font-family:"Century Gothic", Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

td {
font-family:"Century Gothic", Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

ul {
list-style:outside;
list-style-type:disc;
color:#000000;
}

ol {
list-style:outside;
list-style-type:decimal;
color:#000000;
}

li {
padding:.5em 0;
}

h1 {
font-family:"Century Gothic", Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:2.4em;
color:#663366;
padding:0 0 10px 0;
font-weight:normal;
position:absolute;
left:99999px;
display:none;
}
/* h1 styles are for defining the structure of the site (mostly for screen readers) they will not be viewable or printable unless CSS is disabled such as with a mobile device*/

h2 {
font-family:"Century Gothic", Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:2.2em;
padding:0 0 4px 0;
color:#b3b340;
font-weight:normal;
}
/* h2 styles are for page titles*/

h3 {
font-family:"Century Gothic", Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1.8em;
padding:0 0 4px 0;
color:#b3b340;
font-weight:normal;
}
/* h3 styles are for main content headlines*/

h4 {
font-family:"Century Gothic", Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#663366;
padding:0 0 10px 0;
font-weight:normal;
}
/* h4 styles are for main content sub headlines*/

h5 {
font-family:"Century Gothic", Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
padding:0 0 4px 0;
color:#57803d;
font-weight:bold;
}
/* h5 styles are for block content types*/

h6 {
font-family:"Century Gothic", Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
padding:0 0 4px 0;
color:#b3b340;
font-weight:normal;
}

p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1em;
padding:.5em 0;
line-height:2em;
}

a {
color:#003e7e;
text-decoration:none;
}

a:link a:visited a:active {
color:#003e7e;
}

a:hover {
color:#e44d2e;
}

.offpage {
position:absolute;
left:99999px;
display:none;
}
/* the .offpage class is for assets that should not be displayed on screen or printed but are there for semantic, audio, screenreaders, or mobile devices */

#fontControls {
text-decoration:none;
color:#FFFFFF;
/*
height:100%;
width:100%;
*/
padding: 0px;
float:left;
}

.print {
display:none;	
}

/* !!!!!!!!!!!! Browser Hacks !!!!!!!!!!!! */

/* Browsers differ from each other and differ depending on which operating system they are on. It is inevetable that you will have to write "hacks" to deal with these issues */

* html [selectorname] {
}

/* IE6 Hack - Read by IE6 only */

html>body [selectorname] {
}

/* IE7 Hack - Read by IE7 only */

html>/**/body [selectorname] {
}

/* Firefox 2.0 Hack - Read by Firefox only */

/*\*/
html>body*[selectorname] {
}
/**/

/* Safari Hack (both PC & Mac) - Read by Safari only */

/* !!!!!!!!!!!! Layout Styles !!!!!!!!!!!! */

/* Layout styles are styles that control where and what assets are displayed. CSS in this section should follow the indenting format that HTML follows for ease-of-use. I only use classes because IDs cannot be overwritten for alt styles. */

body {
background-color:#fff;
}

	.sitewrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -481px auto;
	}  
	/* Sticky footer code - .sitewrapper { -margin }, .footer { height }, .push { height } must have the same values */

		.sitebackground {
		} 

			.sitecontainer {
			width:100%;
			overflow:hidden;
			}

				.skipnav {
				}
				
					.skipnav ul {
					margin:0;
					list-style:none;
					}
					
						.skipnav li {
						padding-right:1em;
						float:left;
						}
				
				/* !!!!!!!!!!!! Header Styles !!!!!!!!!!!! */
			
				.header {
				width:100%;
				clear:both;
				text-align:center;
				}	
				
					/* ?????????? Start Jump Navigation Styles ?????????? */
					
					#iefix2{ z-index: 100; }

					* html #iefix2 { /*\*/position: absolute; top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((10 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
					
					#iefix > #iefix2 { position: fixed; top: 0px; right: 10px; } 
					
					/* IE6 Fixed Positioning Hack */
				
					.jumpnav {
					width:180px;
					position:fixed;
					top:0;
					right:10px;
					background-image:url(../images/jump_bg.gif);
					background-position:bottom center;
					background-repeat:no-repeat;	
					overflow:auto;
					font-size:.9em;
					padding:6px 0 8px 0;
					}
					
					.jumpnav a {
					color:#999;
					}
					
					.jumpnav a:hover {
					color:#e44d2e;
					}
					
						.jumpleft {
						float:left;
						width:85px;
						text-align:right;
						padding-right:5px;
						}
						
						*html .jumpleft {
						width:90px;
						}
				
						.jumpright {
						float:left;
						width:85px;
						text-align:left;
						padding-left:5px;
						}
						
						*html .jumpright {
						width:90px;
						}
				
						.jumpsearch {
						clear:both;
						}
					
					/* ?????????? End Jump Navigation Styles ?????????? */
				
					/* ?????????? Start Main Navigation Styles ?????????? */
					
					.navcontainer {
					margin:0 auto;
					width:641px;
					}
					
					*html .navcontainer {
					margin:0 auto;
					width:661px;
					}
					
						.navtop {
						}
							
							.navlisttop {
							list-style:none;
							float:left;

							}
							
							.navlisttop li {
							margin:0 20px;
							float:left;
							}
								
								a.navitem1 {
								display:block;
								background-image:url(../images/chakra_logo_circle.jpg);
								background-repeat:no-repeat;
								height:119px;
								width:109px;
								}
								
									.chakratext {
									background-image:url(../images/chakra_logo_text.jpg);
									background-repeat:no-repeat;
									background-position:center;
									height:100%;
									width:100%;
									}
									
								a.navitem2 {
								display:block;
								background-image:url(../images/flower.jpg);
								background-repeat:no-repeat;
								height:119px;
								width:110px;
								}
									
								a.navitem3 {
								display:block;
								background-image:url(../images/shell.jpg);
								background-repeat:no-repeat;
								height:119px;
								width:132px;
								}
									
								a.navitem4 {
								display:block;
								background-image:url(../images/pinwheel.jpg);
								background-repeat:no-repeat;
								height:119px;
								width:115px;
								}
									
						.navbottom {
						clear:both;
						}
							
							.navlistbottom {
							list-style:none;
							float:left;
							}
							
							.navlistbottom li {
							margin:0 20px;
							float:left;
							}
								
								a.navitem1b {
								display:block;
								background-image:url(../images/chakra_logo_dots.jpg);
								background-repeat:no-repeat;
								height:32px;
								width:109px;
								}
									
								a.navitem2b {
								display:block;
								background-image:url(../images/create.jpg);
								background-repeat:no-repeat;
								height:32px;
								width:110px;
								}
								
								a.navitem2b:hover {
								background-image:url(../images/create_over.jpg);
								}
								
								.on a.navitem2b {
								background-image:url(../images/create_over.jpg);
								}
									
								a.navitem3b {
								display:block;
								background-image:url(../images/communicate.jpg);
								background-repeat:no-repeat;
								height:32px;
								width:132px;
								}
								
								a.navitem3b:hover {
								background-image:url(../images/communicate_over.jpg);
								}
								
								.on a.navitem3b {
								background-image:url(../images/communicate_over.jpg);
								}
									
								a.navitem4b {
								display:block;
								background-image:url(../images/connect.jpg);
								background-repeat:no-repeat;
								height:32px;
								width:115px;
								}
								
								a.navitem4b:hover {
								background-image:url(../images/connect_over.jpg);
								}
								
								.on a.navitem4b {
								background-image:url(../images/connect_over.jpg);
								}
					
					/* ?????????? End Main Navigation Styles ?????????? */
					
					/* ?????????? Start Sub Navigation Styles ?????????? */
					
					.subnavcontainer {
					clear:both;
					padding-top:20px;
					text-align:center;
					}
					
					*html .subnavcontainer {
					clear:both;
					padding-top:8px;
					}
					
						.subnavtop {
						height:3px;
						background-image:url(../images/dash.jpg);
						background-repeat:repeat-x;
						background-position:center left;
						}
					
						.subnav {
						padding:10px 0 0 0;
						}
						
						*html .subnav {
						padding:2px 0 10px 0;
						}
					
							.subnavlist {
							list-style:none;
							padding-bottom:8px;
							}
							
							.subnavlist li {
							padding:0 10px;
							font-size:1.2em;
							display:inline-block;
							}
							
							.subnavlist li {
							display:inline;
							}		
							
								.createsublist li {
								font-size:.95em;
								}
								
								.communicatesublist li {
								font-size:.95em;
								}
								
								.connectsublist li {
								font-size:.95em;
								}
								
								.on {
								color:#e44d2e;
								}
								
								.subbold {
								font-weight:bold;
								}
								
								.subital {
								font-style:italic;
								}
						
						.subnavbottom {
						clear:both;
						height:3px;
						margin-top:8px;
						padding-bottom:20px;
						background-image:url(../images/dash.jpg);
						background-repeat:repeat-x;
						background-position:top left;
						}
					
						/* ?????????? End Sub Navigation Styles ?????????? */
						
						/* ?????????? Start Pager Styles ?????????? */
					
						.pagercontainer {
						text-align:center;
						}
						
							.pagerlist {
							list-style:none;
							}
							
							.pageritems {
							margin:0 2px;
							display:inline-block;
							}
							
							.pageritems {
							display:inline;
							}
							
							.pageritems a {
							display:inline-block;
							padding-top:8px;
							height:33px;
							width:33px;
							}
							
							.pageritems a.on {
							color:#e44d2e;
							background-image:url(../images/pager_circle.jpg);
							background-repeat:no-repeat;
							background-position:top;
							}
						
								.pagerback {
								}
						
								.pages {
								}
						
								.pagerforward {
								}
					
						/* ?????????? End Pager Styles ?????????? */
					
				/* !!!!!!!!!!!! Main Area Styles !!!!!!!!!!!! */
			
				.main {
				width:100%;
				clear:both;
				text-align:center;
				vertical-align:top;
				}
					
						/* ?????????? Start Global Block Styles ?????????? */
						
						.blockheader {
						color:#57803d;
						font-size:.9em;
						line-height:1.6em;
						background-image:url(../images/dash_sm.jpg);
						background-repeat:repeat-x;
						background-position:bottom left;
						padding-bottom:10px;
						}
						
						.blockheader h5 {
						font-size:1.3em;
						}
						
						a.iconlink {
						display:block;
						height:100%;
						width:100%;
						}
						
						a.blocklink {
						color:#57803d;
						}
						
						a.blocklink:hover {
						color:#e44d2e;
						}
						
						.blockcontent {
						padding-top:10px;
						}
						
						.more a {
						font-size:1.2em;
						}
						
							/* ?????????? Start Block Icon Array ?????????? */
						
							.blockicon_project {
							float:right;
							width:61px;
							height:61px;
							background-image:url(../images/icons/icon_project.jpg);
							background-repeat:no-repeat;
							margin:0 0 4px 4px;
							}
							
							/* ?????????? End Block Icon Array  ?????????? */
						
						/* ?????????? End Global Block Styles ?????????? */
					
					/* ?????????? Start Large Block Styles ?????????? */
					
					.largeblock {
					display:inline-block;
					height:500px;
					width:900px;
					background-image:url(../images/leftbracket.gif);
					background-repeat:no-repeat;
					background-position:left top;
					text-align:left;
					}
					
					.largeblock { 
					display:inline;
					}
					
					html>/**/body .largeblock {
					display:inline-block;
					}
				
						.largeblockinner {
						width:100%;
						height:100%;
						background-image:url(../images/rightbracket.gif);
						background-repeat:no-repeat;
						background-position:right top;
						}
					
							.largeblockcontent {
							height:420px;
							width:820px;
							padding:40px;
							}
							
							*html .largeblockcontent {
							height:500px;
							width:900px;
							}
								
								.largeleft {
								width:590px;
								height:420px;
								overflow:hidden;
								float:left;
								}
								
								.largeright {
								width:214px;
								padding-left:16px;
								float:left;
								overflow:hidden;
								}
								
								*html .largeright {
								width:230px;
								}
								
									.largerightinner {
									height:390px;
									overflow:hidden;
									margin-bottom:12px;
									}
			
					/* ?????????? End Large Block Styles ?????????? */
					
					/* ?????????? Start Landing Large Block Styles ?????????? */
						
							.landing .largeleft {
							width:590px;
							height:395px;
							overflow:hidden;
							float:left;
							}
							
							.landing .largeright {
							width:214px;
							padding-left:16px;
							float:left;
							overflow:hidden;
							}
							
							*html .landing .largeright {
							width:230px;
							}
							
								.landing .largerightinner {
								height:365px;
								overflow:hidden;
								margin-bottom:12px;
								}
					
						.landing .lgtab {
						float:left;
						height:30px;
						width:827px;
						text-align:center;
						font-weight:bold;
						color:#083A77;
						background-image:url(../images/lgblock_tab.gif);
						background-repeat:no-repeat;
						background-position:bottom;
						}
						
						.landing .lgtab a {
						display:block;
						padding-top:8px;
						font-weight:bold;
						color:#083A77;
						width:100%;
						height:100%;
						}
						
						.landing .lgtab a:hover {
						color:#e44d2e;
						}
					
					/* ?????????? End Landing Large Block Styles ?????????? */
					
					/* ?????????? Start Medium Block Styles ?????????? */
			
					.medblock {
					display:inline-block;
					height:500px;
					width:600px;
					background-image:url(../images/leftbracket.gif);
					background-repeat:no-repeat;
					background-position:left top;
					text-align:left;
					}
					
					.medblock { 
					display:inline;
					}
					
					html>/**/body .medblock {
					display:inline-block;
					}

					
						.medblockinner {
						width:100%;
						height:100%;
						background-image:url(../images/rightbracket.gif);
						background-repeat:no-repeat;
						background-position:right top;
						}
					
							.medblockcontent {
							float:left;
							height:420px;
							width:520px;
							padding:40px;
							overflow:hidden;
							}
							
							*html .medblockcontent {
							height:500px;
							width:600px;
							}
							
								.medblockcontentinner {
								height:390px;
								overflow:hidden;
								margin-bottom:12px;
								}
					
					/* ?????????? End Medium Block Styles ?????????? */
					
					/* ?????????? Start Landing Medium Block Styles ?????????? */
							
								.landing .medblockcontentinner {
								height:365px;
								overflow:hidden;
								margin-bottom:12px;
								}
								
						.landing .mdtab {
						float:left;
						height:30px;
						width:520px;
						text-align:center;
						font-weight:bold;
						color:#083A77;
						background-image:url(../images/mdblock_tab.gif);
						background-repeat:no-repeat;
						background-position:bottom;
						}
						
						.landing .mdtab a {
						display:block;
						padding-top:8px;
						font-weight:bold;
						color:#083A77;
						width:100%;
						height:100%;
						}
						
						.landing .mdtab a:hover {
						color:#e44d2e;
						}
					
					/* ?????????? End Landing Medium Block Styles ?????????? */
					
					/* ?????????? Start Small Block Styles ?????????? */
					
					.smallblock {
					display:inline-block;
					height:300px;
					width:300px;
					background-image:url(../images/leftbracket2.gif);
					background-repeat:no-repeat;
					background-position:left top;
					text-align:left;
					}
					
					.smallblock { 
					display:inline;
					}
					
					html>/**/body .smallblock {
					display:inline-block;
					}

					
						.smallblockinner {
						width:100%;
						height:100%;
						background-image:url(../images/rightbracket2.gif);
						background-repeat:no-repeat;
						background-position:right top;
						}
					
							.smallblockcontent {
							float:left;
							height:275px;
							width:220px;
							padding:40px;
							overflow:hidden;
							}
							
							*html .smallblockcontent {
							height:275px;
							width:300px;
							}
							
								.smallblockcontentinner {
								height:275px;
								overflow:hidden;
								margin-bottom:12px;
								}
			
					/* ?????????? End Small Block Styles ?????????? */
			
					/* ?????????? Start Landing Small Block Styles ?????????? */
							
								.landing .smallblockcontentinner {
								height:365px;
								overflow:hidden;
								margin-bottom:12px;
								}
			
					.landing .smtab {
					float:left;
					height:30px;
					width:220px;
					text-align:center;
					font-weight:bold;
					color:#083A77;
					background-image:url(../images/smblock_tab.gif);
					background-repeat:no-repeat;
					background-position:bottom;
					}
					
					.landing .smtab a {
					display:block;
					padding-top:8px;
					font-weight:bold;
					color:#083A77;
					width:100%;
					height:100%;
					}
					
					.landing .smtab a:hover {
					color:#e44d2e;
					}
			
					/* ?????????? End Landing Small Block Styles ?????????? */
			
				/* !!!!!!!!!!!! Footer Styles !!!!!!!!!!!! */
				
				.footer, .push {
				height: 481px; 
				width:100%;
				clear:both;
				}
				/* Sticky footer code - .sitewrapper { -margin }, .footer { height }, .push { height } must have the same values */
				
					.footercontentcontainer {
					clear:both;
					width:100%;
					height:165px;
					background-position:center;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:1.2em;
					color:#999;
					text-align:center;
					}
					
						.footercontent {
						width:900px;
						margin:0 auto;
						text-align:left;
						padding-top:60px;
						}
						
							.footerconleft {
							width:440px;
							float:left;
							padding-right:10px;
							text-align:right;
							padding-top:42px;
							}
							
								.footerboxlt1 {
								}
							
								.footerboxlt2 {
								}
								
									/* ?????????? Start Share Button Styles ?????????? */
								
									.share-buttons {
									list-style:none;
									color:#999;
									}
									
										.share-buttons li {
										float:right;
										padding-left:5px;
										}
										
										.share-buttons li a {
										display:block;
										height:32px;
										width:32px;
										}
										
											.digg a {
											background-image:url(../images/icons/icon_digg.gif);
											background-repeat:no-repeat;
											}
											
											.twitter a {
											background-image:url(../images/icons/Twitter.gif);
											background-repeat:no-repeat;
											}
											
											.stumbleupon a {
											background-image:url(../images/icons/stumble.gif);
											background-repeat:no-repeat;
											}
											
											.del-icio-us a {
											background-image:url(../images/icons/delicious.gif);
											background-repeat:no-repeat;
											}
											
											.facebook a {
											background-image:url(../images/icons/facebook.gif);
											background-repeat:no-repeat;
											}
											
											.myspace a {
											background-image:url(../images/icons/myspace.gif);
											background-repeat:no-repeat;
											}
											
											.google a {
											background-image:url(../images/icons/google.gif);
											background-repeat:no-repeat;
											}
											
											.technorati a {
											background-image:url(../images/icons/technorati.gif);
											background-repeat:no-repeat;
											}
											
											.reddit a {
											background-image:url(../images/icons/Reddit.gif);
											background-repeat:no-repeat;
											}
											
									/* ?????????? End Share Button Styles ?????????? */
							
							.footerconright {
							width:440px;
							float:right;
							padding-left:10px;
							}
							
								.footerboxrt1 {
								padding:0 0 5px 0;
								}
							
								.footerboxrt2 {
								padding:5px 10px 5px 0;
								float:left;
								font-size:.75em;
								}
							
								.footerboxrt3 {
								padding:5px 0 5px 10px;
								float:left;
								font-size:.75em;
								}
								
								.footerboxrt4 {
								clear:both;
								padding:5px 0 0 0;
								}
					
					/* ?????????? Start Keyword Link Styles ?????????? */
					.keywordcontainer {
					height:189px;
					width:100%;
					background-image:url(../images/keyword_tile.jpg);
					background-repeat:repeat-x;
					background-position:top;
					}
					
						.keywordbg {
						height:189px;
						width:100%;
						background-image:url(../images/keyword_bg.jpg);
						background-repeat:no-repeat;
						background-position:top center;
						}
					
							.keywordcontent {
							width:100%;
							}
								
								.keywordlist {
								width:100%;
								list-style:none;
								float:left;
								text-align:center;
								}
								
									.keywordlist li {
									margin:0 6px;
									display:inline-block;	
									}
									
									.keywordlist li {
									display:inline;	
									font-size:.9em;
									}
									
									.keywordlist li a {
									display:inline-block;
									padding-top:8px;
									color:#57803d;
									}
					
					/* ?????????? End Keyword Link Styles ?????????? */
				
				/* !!!!!!!!!!!! Lightbox Styles !!!!!!!!!!!! */
				
				.lb_container {
				margin:0 auto;
				width:98%;
				}
				
					.lb_top {
					width:100%;
					height:29px;
					}
				
						.lb_topleft {
						height:29px;
						width:69px;
						background-image:url(../images/lightbox_box_topleft.gif);
						background-repeat:no-repeat;
						background-position:bottom left;
						}
				
						.lb_topcenter {
						height:29px;
						background-color:#fff;
						}
				
						.lb_topright {
						height:29px;
						width:69px;
						background-image:url(../images/lightbox_box_topright.gif);
						background-repeat:no-repeat;
						background-position:bottom right;
						}
				
					.lb_middle {
					}
					
						.lb_middlecontainer {
						}
				
							.lb_middleleft {
							background-image:url(../images/lightbox_box_tileleft.gif);
							background-repeat:repeat-y;
							background-position:top left;
							}
					
								.lb_middleright {
								background-image:url(../images/lightbox_box_tileright.gif);
								background-repeat:repeat-y;
								background-position:top right;
								}
							
									.lb_content {
									margin:0 20px;
									padding:0 6px;
									height:434px;
									text-align:left;
									overflow:auto;
									}
				
					.lb_bottom {
					}
				
						.lb_bottomleft {
						height:29px;
						width:69px;
						background-image:url(../images/lightbox_box_bottomleft.gif);
						background-repeat:no-repeat;
						background-position:top left;
						}
				
						.lb_bottomcenter {
						height:29px;
						width:400px;
						background-color:#fff;
						color:#999;
						padding-top:6px;
						text-align:center;
						}
						
							.lb_bottomcenter a {
							color:#999;
							}
				
						.lb_bottomright {
						height:29px;
						width:69px;
						background-image:url(../images/lightbox_box_bottomright.gif);
						background-repeat:no-repeat;
						background-position:top right;
						}
				
				.closebutton {
				margin-bottom:-6px;
				}
				
				.chakrafooter {
				margin-bottom:-4px;
				}
				
/* !!!!!!!!!!!! Alt Media Styles !!!!!!!!!!!! */

/* It is neccesary to write different versions of your CSS document for different types of media such as print.css, mobile.css, and/or accessible.css. The following styles should be defined in a different stylesheet for the media you intend to use. These styles should make it easy to quickly turn on and off different assets if the HTML code has been implemented correctly. */

.altmod {
}
/* This class is for sytles that will need to display differently for different media */

.altnone {
}
/* This class is for sytles that will not display on different media */

.altfunc {
}
/* This class is for sytles of functional site assets such as navigation or forms that will display differently on different media or not at all */