/*
	CCC Student Help Desk
	
	Author:	Paul C. Rogers II
	Date:	March 12, 2015
	
	
	Filename:	helpdesk.css
	
	INFO1500
	
*/

/*  Color Palette

	RGB color values:
	
	Greens:					Yellows:				Blues:
	rgb(190,214,197)		rgb(249,252,235)		rgb(172,176,194)
	rgb(136,180,150)		rgb(230,235,175)		rgb(125,133,162)
	rgb(83,153,105)			rgb(199,206,113)		rgb(86,98,142)
	rgb(38,126,64)			rgb(165,176,53)			rgb(47,63,121)
	rgb(10,93,35)			rgb(130,140,20)			rgb(24,39,97)
	
*/



				/* Header Styles */



header {
 width: 100%;
}

header h1 {
	Color: rgb(190,214,197);
	height: 2em;
	margin: 20px auto;
	text-align: center;
}



				/* Navigation Styles */



				/* Horizontal Nav */
				
				
nav.horizontalNAV {
	margin-left: 16%;
}


nav.horizontalNAV ul li {
	display: block;
	float: left;
	text-align: center;
	width: 12%;
	height: 45px;
	line-height: 3em;
	margin-left: 10px;
	margin-right: 10px;
	list-style-type: none;
	background-color: rgb(83,153,105);
	border: rgb(10,93,35) 3px solid;
}

nav.horizontalNAV ul li a {
	display: block;
	float: left;
	text-align: center;
	width: 100%;
	height: 45px;
	line-height: 3em;
	list-style-type: none;
	color: rgb(190,214,197);
	font-weight: bold;
	text-decoration: none;
}


nav.horizontalNAV ul li a:hover {
	color: rgb(190,214,197);
	background-color: rgb(38,126,64);
}


					/*Vertical Nav */
					
					
nav.verticalNAV {
	width: 11.5%;
	height: 100%;
	clear: left;
	float: left;
	text-decoration: none;
	list-style-type: none;
	margin-top: 1%;
	margin-left: 1%;
	
}

nav.verticalNAV ul li {
	list-style-type: none;
	padding: 5px;
	margin: 10px 0px;
	font-size: 0.95em;
}


nav.verticalNAV ul li a{
	text-decoration: none;
	list-style-type: none;
	color: /*rgb(136,180,150)*/rgb(190,214,197);
	padding-left: 10px;
}

nav.verticalNAV ul li a:hover {
	color: white;
}




				/* Body Styles */



body {
	background-color: rgb(38,126,64);
	background-image: url(../images/CCClogo.png);
 	background-position: top left;
	background-repeat: no-repeat;
 	background-size: 195px;
}

section {
	background-color: rgb(136,180,150);
	width: 87%;
	min-height: 500px;
	float: left;
	border-top: rgb(10,93,35) solid 4px;
	border-left:rgb(10,93,35) solid 4px;
	margin-top: 7px;
}

img.helpdeskIMG {
	float: right;
	width: 45%;
	margin-left:23px;
	margin-bottom:23px;
}

img.helpdeskIMGfullPage {
	float: right;
	width: 30%;
	margin-left:23px;
	margin-bottom:23px;
}



				/* Article Styles */
				
				
				
article.main {
	width: 62%;
	background-color: rgba(255,255,255,0.6);
	min-height: 500px;
	padding-top: 10px;
	padding-left: 7px;
	padding-right: 7px;
	margin: 0px;
	clear: left;
	float: left;
}

article.fullPage {
	width: 90%;
	background-color: rgba(255,255,255,0.6);
	min-height: 520px;
	padding-top: 10px;
	padding-left: 7px;
	padding-right: 7px;
	margin: 0px;
	clear: left;
	float: left;
}

article.side {
	width: 32%;
	background-color: rgba(255,255,255,0.6);
	clear: right;
	float: right;
	padding-top: 10px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 2%;
	margin-top: 1%;
	margin-bottom: 5%;
}

article.main p {
	padding: 7px;
	text-align:justify;
	margin-top:20px;
	margin-right:10px;
	margin-bottom:20px;
}

p {
	text-align:justify;
	padding: 5px;
}

p.side {
	text-align: center;
	padding: 5px;
}

p#chat {
	float:right; margin-top:40px; color:green; text-align:center; font-weight:bold; font-size:1.1em;
}

p b {
	color: rgb(38,126,64);
	font-size:1.1em;
	margin: 0px auto;
    text-align:center;
}

h1 b {
	color: rgb(38,126,64);
	font-size:1.2em;
	margin-left:33%; 
    margin-bottom:0px;
    text-align:center;
}

b.side {
	color: rgb(38,126,64);
	font-size:1.1em;
	margin: 0px;
    text-align:center;
}

img.bar {
	height: 5px;
	width: 90%;
	margin: 0px 5%;
	border: rgb(24,39,97) 1px solid;
	
}

span {
	font-size:15.3pt;
	line-height:115%;
	font-family:"Calibri Light",sans-serif;
	color: rgb(38,126,64);
}

div.side {
	font-size: 1em;
	line-height: 1.1em;
	margin-bottom:5px;
	text-align: center;
}

img#construction {
	margin: 30px 25%;
	display: inline;
}




				/* List Styles */



ul.services {
	margin-left: 5%;
}

ul.services li {
	list-style-image: url(../images/blue-bullet.jpg);
	padding: 7px 0px;
}

ul.faqTut {
	margin-left: 5%;
	margin-bottom: 4%;
}

ul.faqTut li {
	list-style-image: url(../images/blue-bullet.jpg);
	padding: 7px 0px;
}

ul.faqTut li.main span {
	color: black;
}


li p {
	line-height: 1em;
	margin: 0px;
}

li h2 {
	line-height: 1em;
	margin: 0px;
}


				/* Aside Styles */




				/* Footer Styles */
				
				

footer {
	background-color: rgb(172,176,194);
	border-top: rgb(47,63,121) solid 2px;
	border-bottom: rgb(47,63,121) solid 2px;
	clear: left;
	Width: 100%;
}

footer address {
   color: white;
   font-size: 125%;
   font-style: normal;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center; 
}