body {
margin: 0;
padding: 0;
font-family: Verdana, sans-serif;
line-height: 1.5em;
color: #333;
background: #e8e6cb;
font-size: x-small; /* IE5 Win */
voice-family: "\"}\""; 
voice-family: inherit;
font-size: small;
}
html>body { /* be nice to Opera */
font-size: small;
}



/* Links */

a:link {
color: #49669C;
}
a:visited {
color: #8EA4C2;
}
a:hover {
color: #036;
}

#content a:hover {
background:#fff39e;
}

/* General Selectors */

#content p {
margin: 1em 0;
padding: 0;
}

img {
border:0;
}

blockquote {
font:13px "Trebuchet MS", "sans serif";
}

/* Layout */

#wrap {
	position: relative;
	margin: 5px auto;
	padding:0;
	border:1px  #344643;
	font-size: 95%;
	background: #fff;
	width: 840px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 840px;

}
html>body #wrap {
width: 840px;
} 

/* Masthead */

#mast {
background:#fff url(Images/GGSSI_840Bnr.jpg) no-repeat;
width:838px;
height:111px;
margin:0;
padding:0;
border:1px solid #344643;
}

#mast h1 {
position:absolute;
top:0px;
left:0px;
margin:0;
text-indent:-9000px;
border:0;
font-size:0;
background: url(file:///Smriti/CSS_Sites/CoffeCup_Site/spot.colorado.edu/%7Ebaileysm/images/mast_home_h1.gif) no-repeat;
width:161px;
height:111px;
}

#picture1 {
background:#fff url(Images/Albert3.jpg) no-repeat;
height:111px;
margin:0;
padding:3px;
border:1px dashed #344643;
float:right;
margin-left:10px;;
border:1px dashed #344643;
padding:3px;
voice-family:"\"}\"";
voice-family:inherit;
width:200px;
}

/* Content */

#content {
	padding:5px;
	border:1px #344643;
	border:1px #344643;
	margin-left: 20px;
	margin-right: 20px;
}

#content h2 {
color:#344643;
margin-top:2em;
font-size:medium;
voice-family:"\"}\"";
voice-family:inherit;
font-size:medium;
}
html> #content h2 {
font-size:medium;
}

#content h10 {
color:#49669C;
margin-top:0em;
font-size:medium;
line-height: .5em;
voice-family:"\"}\"";
voice-family:inherit;
font-size:medium;
}
html> #content h10 {
font-size:medium;
}

#content h3 {
color:#663300;
font-size:medium;
voice-family:"\"}\"";
voice-family:inherit;
font-size:small;
}
html> #content h3 {
font-size:small;
}

#dropcap
{
float:left;
width:1em;
font-size:400%;
font-family:cursive;
line-height:87%;
margin:0;
}

#content p {
text-align:justify;
}

#content ul {
list-style:square outside;


}
#content ul ul {
list-style:disc outside;


}
#content ul ul ul {
list-style:circle outside;


}

#main {
	margin-top:0em;
	border:1px solid #344643;
	margin-bottom: 0em;
}

/* Menu */

#menu
{
margin:0;
padding:0;
position:absolute;
top:111px;
left:0px;
width:840px;
height:auto;
border-top: 1px solid #344643;
}
#menu h2
{
display:none;
margin:0;
padding:0;
border:0;
}

#menu ul 
{
margin:0;
padding:0;
border:0;
text-align:center;
white-space: nowrap;
}

#menu ul li 
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
clear:none;
font-size:small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:x-small;
}

html> #menu ul li {
font-size:x-small;
}

#menu ul li a 
{
background:#adc3ae;
width: 102px;
height: 2em;
border-right: 1px solid #344643;
border-bottom:1px solid #344643;
padding: 0;
margin: 0 0 1px 0;
color: #344643;
text-decoration: none;
display: block;
text-align: center;
font-weight: normal;
letter-spacing: 1px;
line-height: 2em;
voice-family:"\"}\"";
voice-family:inherit;

}

html> #menu ul li a
{
width:102px;
}

#menu ul li#AbTab a
{
width: 142px;
border-right:1px solid #344643;
}

#menu ul li#InterTab a
{
width: 119px;
border-right:1px solid #344643;
}

#menu ul li#BorderLineLeft a
{
width: 95px;
border-left:1px solid #344643;
}

#menu ul li#BorderLineRight a
{
width: 95px;
border-right:1px solid #344643;
}

#menu ul li a:hover 
{
color: #fff;
background: #477145;
text-decoration: none;
}

#menu a#current 
{
color: #344643;
cursor:default;
background:#fff;
border-bottom:1px dotted #344643;
}

#menu em
{
font-style:normal;
text-decoration:underline;
}

/* CU Link */

#home {
position:absolute;
top:10px;
left:542px;
margin:0;
border:0;
padding:0;
width:108px;
height:28px;
}

#home span {
font:9px Arial, "sans serif";
color:#663300;
}

#home a {
text-decoration:none;
}

/* Theme */

#theme {
    position: absolute;
    top: 340px;
    right: 5px;
    margin: 0;
    padding: 0;
    width:200px;
    text-align:right;
    }
#theme a img {
    margin: 5px 5px 0 0;
    }
    
a.noline:link, a.noline:visited {
        border-style: none;
    }

/* Footer */

#footer {
clear:both;
background:#adc3ae;
border-top:1px solid #344643;
margin-top:0em;
border:1px solid #344643;
}

#footer h2 {
display:none;
}

#footer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
color: #344643;
width: 100%;
font-size: 80%;
text-align: center;
}

#footer li {
display: inline;
border-right: 1px solid #344643;
}

#footer li#right {
border-right:0px;
}

#footer li a
{
text-decoration: none;
color: #344643;
padding: 0.2em 1em;
}

#footer li a#now
{
text-decoration: none;
color: #000;
}

#footer li a:hover
{
color:#fff;
}

/* Contact Page */

#addressGGSSI {
float:left;
margin-left:20px;;
border:1px dashed #344643;
padding:3px;
width:218px;
voice-family:"\"}\"";
voice-family:inherit;
width:200px;
}
html> #address {
width:200px;
}

/* Index Page */

#address {
	float:right;
	margin-left:30px;
	;
	border:1px dashed #344643;
	padding:10px;
	width:200px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:200px;
	top: auto;
	margin-top: 40px;
}
html> #address {
width:200px;
}

#address p
{
margin-top:2px;
font-family:Arial, sans serif;
font-size:13px;
font-weight:600;
text-align:center;
color:#344643;
}

address
{
font-style:normal;
color:#227;
font-weight:700;
font-family:Arial, sans serif;
font-size:11px;
text-align:left;
color:#344643;
font-weight:500;
}

/* Home Page */

.rightbox
{
width:200px;
margin: 5px;
padding: 3px;
font:80% Arial, sans serif;
text-align:center;
color:#663300;
voice-family:"\"}\"";
voice-family:inherit;
width:200px;
float:right;
}
html> .rightbox {
width:200px;
}

/* Product Page */

.rightbox2
{
width:335px;
margin: 10px;
padding: 3px;
font:80% Arial, sans serif;
text-align:center;
color:#663300;
voice-family:"\"}\"";
voice-family:inherit;
width:335px;
float:right;
}
html> .rightbox2 {
width:335px;
}

.rightbox3
{
width:119px;
margin: 10px;
padding: 3px;
font:80% Arial, sans serif;
text-align:center;
color:#663300;
voice-family:"\"}\"";
voice-family:inherit;
width:119px;
float:left;
}
html> .rightbox2 {
width:335px;
}

.rightbox4
{
width:666px;
margin: 0px;
padding: 0px;
font:80% Arial, sans serif;
text-align:left;
color:#663300;
voice-family:"\"}\"";
voice-family:inherit;
float:left;
}
html> .rightbox2 {
width:335px;
}

.rightboxHome
{
width:314px;
height:230px;
margin: 0px;
padding: 5px 0px 10px 20px;
font:80% Arial, sans serif;
text-align:center;
color:#663300;
voice-family:"\"}\"";
voice-family:inherit;
float:right;
}

.leftbox5
{
width:164px;
margin: 10px;
padding: 3px;
font:80% Arial, sans serif;
text-align:center;
color:#663300;
voice-family:"\"}\"";
voice-family:inherit;
float:left;

}
html> .rightbox2 {
width:335px;
}

/* About Us */

.leftbox
{
width:200px;
margin: 5px;
padding: 3px;
font:80% Arial, sans serif;
text-align:center;
color:#663300;
voice-family:"\"}\"";
voice-family:inherit;
width:200px;
float:left;
}
html> .leftbox {
width:200px;
}

/* Columns */

.ClientListRight
{
width:335px;
margin: 0px;
padding: 0px;
text-align:left;
voice-family:"\"}\"";
voice-family:inherit;
width:335px;
float:Right;
}
html> .rightbox2 {
width:335px;
}

#ClientListLeft
{
width:335px;
margin: 0px;
padding: 0px;
text-align:left;
voice-family:"\"}\"";
voice-family:inherit;
width:335px;
float:Left;
}
html> .rightbox2 {
width:335px;
}

.col1 {
margin-right:52%;
width:48%;
}

.col2 {

top:250px;
left:200px;
}

	 
/* Tutorials */

code {
color:#CC3300;
font-size:98%;
}

div.code {
width:558px;
margin:5px auto;
padding:10px 5px;
border:1px solid #666;
background:#ddd;
voice-family:"\"}\"";
voice-family:inherit;
width:550px;
}
html> .code {
width:550px;
}

div.code h4 {
text-align:center;
margin-top:0.5em;
font-weight:600;
color:#227;
}

.text {
color:#000;
}

.purple {
color:purple;
}


/*Start Simple CSS SlideShow  */

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:320px; 
height:320px; 
background:#f4f4d9 url(images/slides/slide_05.jpg) 0 40px no-repeat;
border:1px solid #f4f4d9;
margin:0 auto;
list-style-type:none;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:320px 0 0 0; 
list-style-type:none; 
position:relative; 
width:320px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-320px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-280px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:40px solid #f4f4d9;
border-right:40px solid #f4f4d9;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;

}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;

}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}