/*
	GGG-D Screen Styles

	Table of Contents:
		layout
		typography
		forms
*/

/* layout
----------------------------------------------- */
body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; background-color: #ffffff; font-size: 16px;
	}
#content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 350px; LINE-HEIGHT: 1.6em; PADDING-TOP: 0px; background-color: #ffffff; PADDING-TOP: 10px;
	font-size: 80%; color: #666666;  margin-bottom: 10px;
	}	
#wrapper {
	MARGIN: 0px auto; WIDTH: 770px; TEXT-ALIGN: left; 
	padding: 5px 5px 9px 5px;
	}
#bg {
	PADDING-RIGHT: 19px; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; PADDING-TOP: 10px; background-color: #0099CC;
    height: 165px;
	}
#nav {
	PADDING-LEFT: 5px; BACKGROUND: #66CCFF; MARGIN: 1px 0px; HEIGHT: 35px; text-align: left;
	font-size: 80%; padding-right: 5px;  border-bottom: 7px solid #666666; 
	}
.banner-image {
	border: 5px solid #cccccc; padding: 1px; display: inline; float: right;
}

#menu {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; MARGIN-TOP: 10px;  FLOAT: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.3em; PADDING-TOP: 0px; background-color: #66CCFF; width: 165px; font-size: 70%;
}

#clients-menu {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; MARGIN-TOP: 188px;  FLOAT: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.3em; PADDING-TOP: 0px; background-color: #66CCFF; width: 165px; font-size: 70%; position: absolute;
}

#publications-menu {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; MARGIN-TOP: 255px;  FLOAT: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.3em; PADDING-TOP: 0px; background-color: #66CCFF; width: 165px; font-size: 70%; position: absolute;
}

#profile-menu {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; MARGIN-TOP: 336px;  FLOAT: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.3em; PADDING-TOP: 0px; background-color: #66CCFF; width: 165px; font-size: 70%; position: absolute;
}

#contact {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; MARGIN-TOP: 10px;  FLOAT: right; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.3em; PADDING-TOP: 0px; background-color: #66CCFF; width: 185px; font-size: 70%;
}


#topmenu {
    PADDING: 5px; BACKGROUND: #66CCFF; height: 25px; 
}

#map { 
     margin-left: 6px; margin-bottom: 10px;
}
/* typography
----------------------------------------------- */
.comment {
	text-align: right;
	font-size: 80%; /*color: #cccccc;
*/
	}
	
h1 {
	border-bottom: 2px dotted #000000;
	color: #003399;
	font-size: 170%;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	}

h2 {
/*	border-bottom: 1px dotted #000000; */
	color: #003399;
	font-size: 120%;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	}

h3 {
	border-bottom: 1px dotted #000000;
	color: #003399;
	font-size: 100%;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	}
	
.nav-hdr {
	font-size: 120%; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	border-bottom: 1px solid #003399;
	margin-bottom: 5px; font-variant:small-caps;
	}

.footer-links { font-size: 80%; border-top: 1px solid #999999; text-align: left;
	}

.menuitem { float: left; margin-right: 5px; font-size: 11px;
    }
.menuitemr { float: left; margin-right: 0px; font-size: 11px;
    }

	
.company1 {
    margin-top: 40px;
	font-size: 165%;
	font-family: Georgia, "Times New Roman", Times, serif; color: #000000;
    float: left;
}

.company2 {
    margin-top: 40px;
	font-size: 175%;
	font-family: Georgia, "Times New Roman", Times, serif; color: #003399;
    float: left;
}

.tagline {
	font-size: 120%;
	font-family: Georgia, "Times New Roman", Times, serif; color: #003399;
    float: left;
    font-style: italic;
    margin-left: 85px;
}


	/* links 
	------------------------------------------- */
	A {
		font-size: 80%; TEXT-DECORATION: none; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	a:hover {
		text-decoration: underline;
	}

.clearthis {
	CLEAR: both; FONT-SIZE: 1px; FLOAT: none; COLOR: #fff
}

#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 15px; PADDING-TOP: 0px
}

#clients-menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 15px; PADDING-TOP: 0px
}

#publications-menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 15px; PADDING-TOP: 0px
}

#profile-menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 15px; PADDING-TOP: 0px
}


#menu LI {
	MARGIN: 0px; height: auto; BORDER-BOTTOM: #ececec 1px solid; LIST-STYLE-TYPE: none
}

#clients-menu LI {
	MARGIN: 0px; height: auto; BORDER-BOTTOM: #ececec 1px solid; LIST-STYLE-TYPE: none
}

#publications-menu LI {
	MARGIN: 0px; height: auto; BORDER-BOTTOM: #ececec 1px solid; LIST-STYLE-TYPE: none
}
	
#profile-menu LI {
	MARGIN: 0px; height: auto; BORDER-BOTTOM: #ececec 1px solid; LIST-STYLE-TYPE: none
}

#menu A {
	DISPLAY: block;  BACKGROUND: #66CCFF;  COLOR: #333333; TEXT-DECORATION: none; font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 3px;
}

#clients-menu A {
	DISPLAY: block;  BACKGROUND: #66CCFF;  COLOR: #333333; TEXT-DECORATION: none; font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 3px;
}

#publications-menu A {
	DISPLAY: block;  BACKGROUND: #66CCFF;  COLOR: #333333; TEXT-DECORATION: none; font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 3px;
}

#profile-menu A {
	DISPLAY: block;  BACKGROUND: #66CCFF;  COLOR: #333333; TEXT-DECORATION: none; font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 3px;
}

#menu A.mainnav:hover {
    text-decoration: underline;
}

#clients-menu A.mainnav:hover {
    text-decoration: underline;
}

#publications-menu A.mainnav:hover {
    text-decoration: underline;
}

#profile-menu A.mainnav:hover {
    text-decoration: underline;
}

.quote {
	background-color: #cccccc;
	border: 1px solid #B4B4B4;
	color: #000000; padding: 2px;
}

.bigbullet {
	text-decoration: underline;
	font-weight: bold;
}

#topmenu a {
    COLOR: #333333;
}

#content ul {
	list-style-image: none;
	list-style-type: disc;
	margin-left: 0px;
	padding-left: 15px;
}

#content ul.sub {
	list-style-type: lower-alpha;
	padding-left: 30px;
}

#content ul.subcircle{
	list-style-type: circle;
}

#content ul li ul /* targets all ul elements within an li element, itself within a ul */
    /* overrule general 'outer' styles */ {
	list-style-type: circle;
}

#content img {
	border: none;
	float: left;
	margin: 5px;
}

.note {
	font-style: italic;
}

td.label {
    text-align: right;
}