/* INTRODUCTION & HEADER */
/* */
/* Designed in "CSS" ("C"ascading "S"tyle "S"heet), this is the single style sheet that controls all the link, font, and layout 
conventions of the CCCS Website. Alter it, upload it, and you alter the site AS A WHOLE. This means all pages in the CCCS directory 
will be modified as this style sheet is modified. Thus is the magic and danger of CSS Design. */
/* */
/* This style sheet was composed July 2006 at UNLV by O. Quimby Melton of elq web designs (www.elquatrodesigns.com). */
/* */
/* ALL SECTIONS SAVE "SECTION I: Link Conventions" ARE LISTED IN ALPHABETICAL ORDER. */
/* */
/* QUICK GLOSSARY */
/* position:absolute - positions the element independently of the other elements on the page. */
/* margin - amount of space between an element and those elements that surround it. */
/* padding - amount of space between the elements of an element (text, pictures, boxes, &tc.) and that element's border. */
/* line-height - determines the space between the lines in a single paragraph (the text between this tag pair: <p></p>). */
/* color: #EF3123 - red */
/* color: #1A3E92 - blue */
/* color: #042A88 - text blue */
/* text-decoration: none - no underline */
/* */
/* "Aut viam inveniam aut faciam." */
/* */
/* SECTION I: Link Conventions */
/* */
a:link { /* This field determines how links will appear on the site in their default state. */
	text-decoration: underline;
	color: #EF3123;
}
a:visited { /* This field determines how links that have been visited by a user in a single browser session will appear on the page. 
The links will continue to appear this way until the browser cache is cleared. */
	text-decoration: underline;
	color: #EF3123; 
}
a:hover { /* This field determines how links will appear on the page when a user hovers his/her mouse cursor over them. */
	text-decoration: none; 
	color: #EF3123;
}
a:active { /* This field determines how active/"clicked" links will appear on the page. */
	text-decoration: none;
	color: #EF3123; 
}
/* */
/* SECTION II: Font Conventions */
/* */
.largeheaderstyle { /* This field determines the conventions of the primary heading text. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #042A88;
	line-height: 150%;
}
.maintextstyle { /* This field determines the conventions of the website's main information/"reading" text. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 150%;
	color: #042A88;
	text-align:left;
}
.calendarstyle { /* This field determines the conventions of the website's calendar text on the news pag8. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 100%;
	color: #000000;
	text-align:left;
}
.smallheaderstyle { /* This field determines the conventions of the secondary heading text. */
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	line-height: 150%;
	color: #042A88;
	font-weight:bold;
}
.smalltextstyle { /* This field determines the conventions of the caption text under the image on the homepage. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 150%;
	color: #042A88;
	margin-left:10px;
}
.smalltextstyle2 { /* This field determines the conventions of the caption text under the image on the storepage. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 150%;
	color: #042A88;
	margin-top:-8px;
}
/* */
/* SECTION III: Layout Convetions/CSS Boxes */
/* */
body { /* A default HTML tag, in CSS the "body" tag is a container like the boxes below. In this stylesheet, body tag is manipulated so 
that the page elements are centered using a familiar CSS "cheat" or "trick." This field instructs the browser to center all the text on 
the page while setting the left and top margins so that the page elements are centered and flush-top no matter the browser size. The 
"text-align:center" command is counteracted by the "text-align:left" commands in the layout boxes below. This allows the elements to be
centered and the text to be justified left. Nifty neato, no? :-)*/
	margin-left:20px; 
	margin-top:10px; 
	text-align:center;
}
.botlinksformatting { /*This field allows for the extra spacing around and line below the bot links at the top of the colophon. */
	line-height:200%;
	border-bottom: 1px solid #6D6D6D;
	padding: 10px;
}
.colophonbox { /* This field determines the conventions of the colophon box that appears at the bottom of every page of the website. */
	/* Layout Conventions */
	height: auto;
	width: 800px;
	background-color:#FFFFFF;
	border: none;
	margin:0px auto;
	padding-top:0px;
	padding-bottom:0px;
	/* Font Conventions */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 150%;
	color: #042A88;
}
.contentbox { /* This field determines the conventions of the box element that contains the content information/"reading" text and pictures 
on every page of the website. */
	/* Layout Conventions */
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:0px;
	max-width:589px;
	max-height:493px;
	height:493px;  /* 496 - 3px */
	background-color:#FFFFFF;
	border: none;
	text-align:left;
	/* Font conventions are determined by the tags in "SECTION II: Font Conventions" above. */
	/* Scrollbar Conventions */
	overflow:auto;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF; 
	scrollbar-arrow-color: #042A88;
}
.highlightsbox { /* This field determines the conventions of the box element that contains the "Highlights" on every page of the website. */
	/* Layout Conventions */
	max-width:153px;
	max-height:194px;
	height:180px;
	margin-top: 0px;
	padding-top:0px;
	background-color:#EDEDED;
	border: none;
	padding-left: 5px;
	/* Font conventions */
	color: #EC1C24;
	text-align:left;
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;
}
.rssbox { /* This field determines the conventions of the box element that contains the "RSS" badge in the upper right hand corner of the newsfeed page. */
	float: right;
	line-height: 150%;
	width: auto;
	margin: 5px;
	border: none;
	background-color: #F4F4F4;
	padding:5px;
	/* Font Conventions */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 150%; 
	color: #000000;
}
.sitemapbox { /* This field determines the conventions of the box element that contains the "xml | txt | Free Sitemaps" links in the upper right hand corner of the sitemap page. */
	float: right;
	line-height: 150%;
	width: auto;
	margin: 5px;
	border: none;
	background-color: #F4F4F4;
	padding:5px;
	/* Font Conventions */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 150%; 
	color: #000000;
}