/* style sheet for all global elements */
/* CHROME site */

/* the color #24255F cooresponds to RBG values of 36, 37, 95 */
/* it's the main, 'dark blue' color of the CHROME logo */

body
{
	background: #FFF;
	color: black;
	width: 640px;
}

a:link { color: #24255F; }
a:visited { color: #64659F; }

#headergraphic
{
	border-width: 0;
	margin: 0;
	overflow: visible;
}


#headergraphic
{
	text-align: center;
	padding: 0;
	margin: 0;
}



/* the upper navigation has a horizontal line running the width of the page both above and below the link text */

#uppernavigation
{
	font-size: 14px;
	font-family: georgia, "times new roman", serif;
	text-indent: 0;
	text-align: center;
	border-style: solid none solid none;
	border-width: 2px 0 2px 0;
	padding: 5px 0 5px 0;
	margin: 5px 0 5px 0;
	border-color: #24255F transparent #24255F transparent;
	background-color: #C4C5FF;
	font-weight: bold;
	font-variant: small-caps;
	color: #24255F;
}


#uppernavigation p
{
	display: inline;
	padding: 0 11px 0 11px;
	margin: 0;
	text-indent: 0;
	border-right: #24255F;
	border-width: 0 1px 0 0;
	border-style: none solid none none;
}


#uppernavigation p.first
{
	border-right: #24255F;
	border-left: #24255F;
	border-width: 0 1px 0 1px;
	border-style: none solid none solid;
}

#uppernavigation a:link:active, #uppernavigation a:visited:active { color: white; }



/* the links in the upper navigation bar get no underline, nor do they change colors when visited */

#uppernavigation a { text-decoration: none; }
#uppernavigation a:link { color: #24255F; }
#uppernavigation a:visited { color: #24255F; }
#uppernavigation a:hover { color: #64659F; }



/* the mainbody div only exists as a container to apply absolute measurements to maintext and sidelinks
the 142px left padding opens space for the 100px wide (and 2 px of outline) sidelink area to move into
this way, #maintext doesn't need to be given an absolute positioning
*/


#mainbody { padding: 0 0 0 142px; }



#sidelinks
{
	border-width: 1px;
	border-style: solid;
	background-color: #C4C5FF;
	padding: 5px 0 5px 0;
	width: 140px;
	margin: 30px 0 0 0;
}


#sidelinks a:link:active, #sidelinks a:visited:active { color: white; }



/* the links in the upper navigation bar get no underline, nor do they change colors when visited */

#sidelinks a { text-decoration: none; }
#sidelinks a:link { color: #24255F; }
#sidelinks a:visited { color: #24255F; }
#sidelinks a:hover { color: #64659F; }


#sidelinks p
{
	text-indent: -8px;
	margin: 5px 0 5px 0;
	padding: 0 10px 0 12px;
	font-size: 12px;
	font-family: arial, geneva, sans-serif;
}






/* all styles which appear within the 'maintext' division */


#maintext {
	min-height: 400px;
}

/* only links within the 'maintext' division will become bold on mouseovers */

#maintext a:hover { font-weight: bold; }
#maintext a:visited:hover { font-weight: bold; color: #24255F; }


#maintext h1, #maintext h2
{
	margin: 0;
	padding: 15px 0 10px 0;
	text-align: center;
	font-family: georgia, "times new roman", serif;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 26px;
	color: #24255F;
}

#maintext h2
{
	font-size: 22px;
	padding: 15px 0 0;
}


/* the first paragraph within maintext can have different header room*/
/* would have used #maintext p:first-child, but apparently IE for windows doesn't support it */

#maintext p.first { padding: 10px 15px 0 15px; margin: 0; }


#maintext p
{
	font-size: 16px;
	font-family: georgia, "times new roman", serif;
	text-indent: 15px;
	padding: 20px 15px 0 15px;
	margin: 0;
}



#maintext ul
{
	margin: 15px 0 5px 0;
	list-style-type: none;
}


#maintext li
{
	margin: 8px 10px 8px 15px;
	list-style-type: disc;
}



#maintext p.quote
{
	font-size: 14px;
	font-family: georgia, "times new roman", serif;
	text-indent: 0px;
	padding: 20px 40px 0 40px;
	margin: 0;
	font-style: italic;
	text-align: justify;
}

#maintext p.quoteattribution
{
	font-size: 14px;
	font-style: italic;
	text-align: right;
	margin: -10px 0 0 0;
}




/*
photos can also appear
for the moment, we'll center tham and give them some sort of a border
*/

#maintext p.photo
{
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: arial, geneva, sans-serif;
	font-weight: normal;
	color: #333;
	font-size: 12px;
}

#maintext p.photo img
{
	border-color: black;
	border-width: 2px;
	border-style: solid;
	margin: 3px;
	padding: 0;
}



/* all styles which appear within the 'linklist' division */


#linklist {
	min-height: 400px;
}




#linklist a:link { color: #24255F; }
#linklist a:hover { color: #64659F; }
#linklist a:visited { color: #000; }
#linklist a:visited:hover { color: #64659F; }


#linklist h1
{
	margin: 0;
	padding: 15px 0 10px 0;
	text-align: center;
	font-family: georgia, "times new roman", serif;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 26px;
	color: #24255F;
}


#linklist p
{
	font-size: 16px;
	font-family: georgia, "times new roman", serif;
	text-indent: -15px;
	padding: 20px 15px 0 30px;
	margin: 0;
}





/* all footer styling */

#footer
{
	position: relative;
	border-style: solid none solid none;
	border-width: 1px 0 1px 0;
	padding: 3px 0 3px 0;
	margin: 40px 0 0 0;
	border-color: #24255F transparent #24255F transparent;
	background-color: #C4C5FF;
	font-weight: normal;
	font-family: arial, geneva, sans-serif;
	font-size: 10px;
	color: #24255F;
	font-variant: normal;
	height: 1.1em;
}


#footer a:link:active, #sidelinks a:visited:active { color: white; }

/* the links in the footer do not change colors when visited */

#footer a:link { color: #24255F; }
#footer a:visited { color: #24255F; }
#footer a:hover { color: #64659F; }


#footer p
{
	display: inline;
	margin: 0;
	padding: 0;
}

#footer p.chrometag {
	position: absolute;
	left: 10px;
}
#footer p.webcontact {
	position: absolute;
	right: 10px;
}