/* -----------------------------------------------
Project: CITT Web Site Cascading Style Sheet for Screen Display
Designer: Therese Ingram, therese.ingram@ucdenver.edu
Developer: Glenda Crawford, glenda.crawford@ucdenver.edu
Website: http://www.cittdesign.com
Last Update: January 19, 2007
----------------------------------------------- */
html {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.4em;
	color: #434236;
	background-color: #A6A6A6;
}
body {
	padding: 0px;
	margin: 0px;
}
#container {
	padding: 0;
	margin: 0 auto;
	width: 720px;
	text-align: left;
	position: relative;
	background: url(../images/content_bkgrnd.gif) repeat-y;
	z-index:1;
}
#header {
	padding: 0;
	margin: 0;
	width: 720px;
	height: 117px;
	background: url(../images/header.gif) no-repeat;
}
#innercontainer { /*contains two columns of content*/
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	width: 470px;
	float:right;
	position:relative;
}
/*------ MAIN PAGE NAVIGATION ------*/
#nav {
	padding: 0;
	margin: -95px 0px 0px 280px;
	width: 450px;
	height: 30px;
	position: relative;
	float:right;
}
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}
#nav ul li {
	display: inline;
	height: 30px;
}
#nav a {
	margin: 0;
	padding: 0px 10px 0px 10px;
	float: left;
	text-decoration: none;
	font-size: .75em;
	color: #fff;
}
#nav ul li a {
	margin: 0;
	color: #fff;
	height: 30px;
	background-color: #726e5d;
}
#nav ul li a.current {
	margin: 0;
	color: #fff;
	height: 30px;
	background-color: #A5A392;
}
#nav ul li a:hover {
	color: #fff;
	background-color:#666453;
}
/*------ Left Column ------*/
#leftcolumn {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 223px;
	height: 448px;
	background: url(../images/left_column_bkgrnd.gif) no-repeat;
	float:left;
	position:relative;
	z-index:2;
	}
#leftcolumn p.quotable { /*Quote from clients*/
	padding: 50px 23px 15px 35px;
	margin: 0px;
	color: #fff;
	font-size: 0.85em;
	line-height: 1.5em;
}
#leftcolumn p.quotable span.quotes { /*Span for large Quote marks*/
	padding: 0px 1px 0px 1px;
	margin: 0px;
	color: #ECEBE1;
	font-size: 1.5em;
	font-weight:bold;
}
/*------ Right Column ------*/
#rightcolumn {
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	width: 160px;
	position: relative;
	float: right;
	}
/*------ MAIN BODY MARKUP ------*/
#content {
	padding: 0px 10px 0px 0px;
	margin: 0px;
	width: 275px;
	position: relative;
	float: left;
}
#content.widecolumn {
	width: 450px;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	position: relative;
	float: left;
	z-index:9;
	}
#content h1 {
	padding: 10px 10px 8px 10px;
	margin: 0px;
	color: #696756;
	background-color:#FFF;
	font-size: 1.3em;
	line-height: 1.1em;
	font-weight: bold;
}
#content h2 {
	padding: 5px 10px 0px 10px;
	margin: 0px;
	color: #696756;
	background-color:#FFF;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: bold;
}
#rightcolumn h2 {
	padding: 5px 10px 0px 10px;
	margin: 0px;
	color: #900;
	background-color:#FFF;
	font-size: 1.2em;
	font-weight: bold;
}
#content h3 {
	padding: 3px 10px 0px 10px;
	margin: 0px;
	color: #696756;
	background-color:#FFF;
	font-size: 1.1em;
	font-weight: bold;
}
#rightcolumn h3 {
	padding: 3px 10px 0px 10px;
	margin: 0px;
	color: #930;
	background-color:#FFF;
	font-size: 1.1em;
	font-weight: bold;
}
#content h4 {
	padding: 3px 10px 0px 10px;
	margin: 0px;
	color: #696756;
	background-color:#FFF;
	font-size: 1.0em;
	font-weight: bold;
}
#rightcolumn h4 {
	padding: 10px 10px 0px 10px;
	margin: 0px;
	color: #930;
	background-color:#FFF;
	font-size: 1.0em;
	font-weight: bold;
}
#content h5 {
	padding: 7px 10px 0px 10px;
	margin: 0px;
	color: #696756;
	background-color:#FFF;
	font-size: 1.0em;
	font-weight: bold;
}
#content p {
	padding: 3px 10px 15px 10px;
	margin: 0px;	
}
#rightcolumn p {
	padding: 3px 10px 15px 10px;
	margin: 0px;	
	font-size: .85em;
	line-height: 1.4em;
}
#content table { /* table */
	margin: 10px 20px;
	padding: 0px;
	color: #000;
	background-color: #fff;
	border: 1px solid #787562;
	width: 90%;
}	
#content table th { /* table header */
	color: #fff;
	background-color: #787562;
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
}	
#content table td { /* table cell */
	padding: 5px 10px;
	border: 1px solid #787562;
	vertical-align: top;
	}
#content ul, #content ol {
	margin: 0px 20px 0px 20px;
}
*html #content ul, *html #content ol {
	margin: 0px 20px 0px 45px;
}
#content ul li {
	margin-bottom: 10px;	
	list-style-image: url(../images/bullet.gif);
}
#content ul li ul li {
	margin-left: 10px; 
	list-style-type: circle;
}
#content ol li {
	margin-bottom: 10px;
	line-height: 1.5em;
}
#content ol li ol li {
	margin-bottom: 10px;
	line-height: 1.5em;
	list-style-type: lower-alpha;
}
#content img.rightimage {
	float: right;
	border: 1px #000 solid;
	margin-left: 15px;
	}
a {
	color: #546D6C;
	}
a:hover {
	color: #000;
	background-color: #aedb68;
	}
/*------------------------- Staff Boxes ------------------------------*/
#content .staffbox {
	margin: 5px 10px 20px 10px;
	padding: 5px;
	border: 2px #526c64 solid;
	background-color: #E7F3D1;
	}
#content .staffbox h2 {
	background-color: #E7F3D1;
	}
#content .staffbox img {
	margin: -15px -15px 10px 10px;
	padding: 0px;
	border: 3px #526c64 solid;
	background-color: #E7F3D1;
	float: right;
	position:relative;
	z-index:10;
	}
/*------------------------- Footer ------------------------------*/
#footer {
	margin: 0px;
	padding: 0px;
	width: 720px;
	height: 34px;
	background-image: url(../images/footer.gif);
	position: relative;
	clear:both;
}
#footer p {
	margin: 0px;
	padding: 10px 0px 0px 260px;
	font-size: .8em;
	color:#fff;
}
#footer a:link, #footer a:visited {
	color: #FFFFFF;
}
/*------------------------- Miscelaneous ------------------------------*/
.hidden {
	display: none;
	}
	
	
@media only screen and (max-device-width: 480px) {

* {
	float: none !important;
	-webkit-text-size-adjust:100%;  

	}

/* clearing out margins, padding, setting position back to static from relative */

#container, #innercontainer, #content .widecolumn, #content, #nav, #content .staffbox img, #footer, #footer p {
	margin: 0;
	padding: 0;
	position: static;
}


html, body {
	font: 16px/21px sans-serif;
	background: #fff;
	padding: 3px;
	color: #000;
}

/* lots of position relative in original stylesheet */

#container {
	background: none;
	width: 100% ;
}


#innercontainer {
	width: 100% ;
	clear: both;
}

#content .widecolumn {
	width: 330px !important;
	position: static;

}

#content {
	width: 330px !important;
	position: static;
}

#content .staffbox {
	background: #fff;
	color: #000;
}

#leftcolumn, #header {
	display: none;
}


#nav {

	width: 330px;
	display: block;  /* LEAVE -  needed to turn #nav back on from header being turned off */
	height: auto;
}

#nav ul {
	list-style: disc outside none;
}

#nav ul li
{
	display: list-item;
}

#nav ul li a, #nav ul li a.current {
	background: #fff;
	color: #00f;
	text-decoration: underline;
}

#nav ul li a hover {
	background: #ff;
	color: #00f;
}

	
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	display: block;
}
	

#content .staffbox h2 {
	background: #fff;
	color: #696756;
}

#content .staffbox img {
	border: 0;
}

#footer {
	width: 330px;
	background: #fff none;
	color: #000;
	clear: both;
	text-align: left;
	
}

#footer p {
	color: #000;
	background: #fff none;

}
	
	
}  //End android, etc