/* ++++++++++++++  ESCI Main site Styles for SCREEN ++++++++++++++++  */
/* ++++++++++++++  created by Bonnie L. Hoffman ++ bonnieho@rice.edu ++ with the exception of the Tantik Celik's undo stuff, which zeroes out all browser defaults and lets us start with a clean slate.  :-) ++++++++++++++++  */



/* from Tantik's undohtml.css */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited,:hover,:active { text-decoration:none }


/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }


/* =============================================    BLH styles   ================================================================= */


body {
	color:#000;
	background-color:#fff;
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:left;
	}
	
	
p {
	margin-top: 10px;
}


/* ===================   search DIV from Clif Webb  ===============================  */
.site_search {
	float: right;
	padding: 20px 0 0 0;
	width: 200px;
}
.site_search_relative {
	float: right;
	padding: 30px 0 0 0;
	width: 215px;
}

.labelclass {
	margin: 0 5px 0 0;
	text-align: right;
	width: 300px;
}

.textfield {
	color: #666;
	width: 120px;
	height: 14px;
	border: solid 1px #999;
	padding: 1px;
	float: left;
	font-size: 11px;
	text-align: right;
}



/* ===================   Main DIV elements  ===============================  */
	
	
#mainwrap {
	width: 80%;
	min-width: 980px;
	margin: auto;
	margin-top: 18px;
	background-color:#fff;
}


#insidewrap {
	width: 100%;
	min-width: 980px;
	margin: auto;
	background-color:#fff;
	background-position: right;
	padding-right: 24px;
	background-image:url(../images/border_fade_R2_white.png);
	background-repeat:repeat-y;
}


#header-logo {
	/* width: 80%; */
	min-width: 980px;
	
	min-width: 956px;
	/* height: 86px; */
	 height: 90px;
	/* margin: auto; */
	/* background-color:#fff; */
	background-image: url(../images/ESCI_header_blu_3.png);
	background-repeat: no-repeat;
	background-color: #003;
	color: #D0E0F0;
	border-top: 6px #1A4B83 solid;
}


/*   +++++++   positions right top corner graphic for header logo div  +++++++++++   */
#rt-top-corner {
	 text-align:right; float:right; 
	 margin-right:-24px; 
	 /* margin-top: -27 for IE7 */
	 margin-top: -6px;
}


#header-photo {
	/* width: 80%; */
	min-width: 980px;
	
	min-width: 954px;
	height: 60px;
	/* margin: auto;  */
	/* background-color:#fff; */
	background-image: url(../images/header-photo.png);
	background-repeat: repeat-x;
	margin-bottom: 2px; 
	border-right: #fff solid 1px;
}


div#content-wrap {
	color:#fff;
	/* background-color:#1A4B83; */
	text-align: left;
	position: relative;
	/*  left side drop shadow  */
	padding-left: 24px;
	background-image:url(../images/border_fade_L2_white.png);
	background-repeat:repeat-y;
	min-height: 0;	/* NO position:inherit; 
	position:static; 
	on IE */
}
	
	
#wrap-left-col-content {
	/* background-image:url(../images/content-left-nav-bg.png);
	background-repeat:repeat-y;
	border-left: #fff solid 1px; */
	
	/* OLDER WIDER WIDTH 
	background-image:url(../images/content-left-nav-bg.png); */
	background-image:url(../images/content_left_col_SUB.png);
	background-repeat:repeat-y;
	background-position: 0px 100%;
	
}	
	
	
div#content {
	/* color:#1A4B83;  kind of a med blue */
	color: #333;
	background-color:#fff;
	/* max-width: 586px; */
	
	min-width: 606px;
	
	margin-right: 316px; 
	margin-bottom: 0;
	/* OLDER WIDER WIDTH
	margin-left: 296px;  */
	margin-left: 236px;
	padding-right:12px;
	padding-bottom: 12px;
	padding-left:0px;
	
	height: 1%;
	/* border: 3px double #ccc; */
	
}

div#content h1 {
	color:#333;
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 12px;
}
	
div#content h2 {
	color:#333;
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 0px;
}

div#content h3 a:link {
	font-weight: bold;
}

div#content h3 a:visited {
	font-weight: bold;
}

div#content h3 a:hover {
	font-weight: bold;
}

div#content hr {
	color: #1A4B83;
	height: 2px;
	text-align: center;
	margin-top:20px;
	margin-bottom:20px;
	width: 45%;
}

div#content p {
	margin: 12px;
}

div#content a:link {
	color: #1a4b83;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

div#content a:visited{
	color: #1a4b83;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

div#content a:hover {
	color:#06f;
	background: none;
	border: 0;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	padding: 0;
	border-bottom: #06f 1px dotted;
}

div#content ul li {
	margin-bottom: 12px;
}

div#content ol {
	list-style-type: decimal;
	margin-left: 36px;
}

div#content ol li {
	margin-bottom: 12px;
}

div#content dl {
	margin-right: 24px;
	margin-left: 12px;
}

div#content dl dt {
	font-weight: bold;
	margin-bottom: 10px;
}

div#content dl dd {
	margin-bottom: 24px;
}

div#content .section {
	padding: 8px;
	/* margin-right: 260px; */
	min-width: 252px;
	border: 3px double #ccc;
	display:table-cell;
}

div#content .section img {
	/* display: inline; */
	float: left;
	margin: 8px 12px 8px 0;
	background-color: #fff;
	padding:3px;
	border:#ccc solid 1px;
}

div#content .section-wrap {
	min-width: 252px;
	display:inline;
}

div#content .section-wrap img {
	/* display: inline; */
	float: left;
	margin: 8px 12px 8px 0;
	background-color: #fff;
	padding:3px;
	border:#ccc solid 1px;
}

/* ===================   RIGHT COLUMN  (bottom sidebar element described farther down the page)  ===============================  */
	
#sidebar {
	color:#000;
	background-color:#fff;
	/* width: 330px;  */
	width: 300px;
	float: right;
	margin-left: 14px;	
	border-right: #fff solid 1px;
	/* display: block; */
		display:inline-block;
}


#sidebar p {
	padding-bottom: 12px;
	margin-right: 8px;
	margin-bottom: 0;
}


/* this is used for the profs name in the Faculty Spotlight element */
#sidebar h3 {
	color: #000;
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-top: 8px;
}


#sidebar a:link, a:visited, a:hover, a:active {
	font: 9pt Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #3e5e90;
}


#sidebar a:hover {
	color: #fff;
}


.sidebar-item {
	background-color:#D0E0F0;
	background-color:#E5EFF5;
	background-color:#E0ECFF;
	font: 9pt Arial, Helvetica, sans-serif;
	padding-left:12px;
	padding-bottom: 0;
	margin-bottom: 0;
	border-right: 1px solid #d0e0f0; 
	border-left: 1px solid #d0e0f0; 
}


.sidebar-item h2 {
	background-color:#B2B2B2;
	background-color:#ccc;
	background-image:url(../images/sidebar-header-gradient-light.png);
	background-position: bottom;
	background-repeat:repeat-x;
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: small;
	font-size: 1.2em;
	border: 1px #b2b2b2 solid;
	margin-left: -12px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:12px;
}


.sidebar-item img {
	/* display: inline; */
	float: left;
	margin: 8px 12px 4px 0;
	background-color: #fff;
	padding:3px;
	border:#ccc solid 1px;
}

.sidebar-item a:visited {
	font-weight: normal;
	color: #3e5e90;
	font: 9pt Arial, Helvetica, sans-serif;
}

/* ===================   LEFT NAVIGATION COLUMN  ===============================  */


#left-col {
	background-color:#1A4B83;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	float: left;
	list-style: none;	
	margin: 0;
	margin-right:18px;
	
	margin-right:16px;
	padding: 8px 0 0 0;
	border-left: #fff solid 1px;
	/* border-bottom: #fff solid 1px; */
	position: relative;
}


#left-col a {
	font-style: normal;
	color: #fff;
	background: none;
	line-height: 1.5em;
}


#left-col h3 {
	color: #fff;
	font-size: 12pt;
	/* background: black url(../images/titlebar.png) repeat-x center left; */
	margin-bottom: 4px; /*bottom spacing between header and rest of content*/
	/* margin-left: 4px;  spacing on left to push text away from arrow icon */
	margin-left: 16px;
	padding: 4px 0 4px 18px; /*header text is indented 10px*/
	font-weight: bold;
	font-style: normal;
	cursor: pointer;
}

#left-col hr {
	color: #fff;
	text-align: center;
	width: 40%;
}

#left-col ul {
	list-style-type: none;
	list-style-position: inside;
}

#left-col ul li{
	margin: 8px 19px 8px 19px;
	padding: 0;
	list-style-position: inside;
	text-indent: -19px;
	line-height: 1.5em;
}


.accordmenu {
	width: 280px; /* width of accordion menu*/
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	margin-left: 0;
	padding-left: 0;
	color:#fff;
	font-size: 10pt;
	font-style: normal;
}

.accordmenu h3 {
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #fff;
	font-weight: bold; 
	font-style: normal;
	margin-left: 0;
	text-align: left;
}

.accordmenu h3 a:link,.accordmenu h3 a:visited, .accordmenu h3 a:hover, .accordmenu h3 a:active {
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
}

.accordmenu .menuheader-no-exp { /*CSS class for menu headers  (not expanding) */
	color: #fff;
	font-size: 12pt;
	/* background: black url(../images/titlebar.png) repeat-x center left; */
	margin-bottom: 4px; /*bottom spacing between header and rest of content*/
	/* margin-left: 4px;  spacing on left to push text away from arrow icon */
	margin-left: 16px;
	padding: 4px 0 4px 18px; /*header text is indented 10px*/
	font-weight: bold;
	font-style: normal;
	cursor: pointer;
}

/* don't know if I need this anymore
.accordmenu h3 a:link, a:visited, a:hover, a:active {
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	color: #fff;
	font-style: normal;
	font-weight: bold;
}

*/

.accordmenu h3.menuheader-no-exp a {
	color: #fff;
	text-decoration:none;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	padding: 0;
}

.accordmenu .menuheader-no-exp a:hover{
	border-bottom: #ccc 1px dotted;
}
 /*
.accordmenu .menuheader-no-exp a:hover{
	color: #3e5e90;
	text-decoration:none;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	padding: 0;
}
*/

.accordmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	color: #fff;
	font-size: 12pt;
	font-style: normal;
	/* background: black url(../images/titlebar.png) repeat-x center left; */
	background: url(../images/arrowbullet_BLU_right.png) no-repeat center left; /*custom bullet list image*/
	margin-bottom: 4px; /*bottom spacing between header and rest of content*/
	/* margin-left: 4px;  spacing on left to push text away from arrow icon */
	padding: 4px 0 4px 18px; /*header text is indented 10px*/
	margin-left: 16px;
	margin-top: 10px;
	cursor: pointer;
}



.accordmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	/* background-image: url(../images/titlebar-active.png); */
	background: url(../images/arrowbullet_BLU_down.png) no-repeat center left; /*custom bullet list image*/
}

.accordmenu .openheader a:hover {
	border-bottom: #ccc 1px dotted;
}

.accordmenu ul { /*CSS for UL of each sub menu*/
	list-style-position: outside;
	margin: 0;
	margin-top: -2px;
	margin-bottom: 12px; /*bottom spacing between each UL and rest of content*/
	padding: 0;
	padding: 0px 0 4px 36px; /*ul is indented 36px*/
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
}

.accordmenu ul li {
	list-style-position: outside;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 2px; /*bottom spacing between menu items*/
	padding: 4px 0 4px 18px; /*header text is indented 18px*/
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	/* border-bottom: #1A4B83 1px dotted; */
}

.accordmenu ul li a:link {
	list-style-position: outside;
	color: #fff;
	/* display: block; */
	padding: 2px 0;
	margin-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
}

.accordmenu ul li a:visited {
	list-style-position: outside;
	color: #fff;
	text-decoration:none;
	font-size: 10pt;
	margin-left: 19px;
	font-style: normal;
	font-weight: normal;
}
/* removing temporarily because it's not active in SUB CSS anymore 
.accordmenu ul li a:hover { 
	color: #3e5e90;
	text-decoration:none;
	font-size: 10pt;
	font-style: normal;
	border-bottom: #ccc 1px dotted;
	margin-left: 19px;
}

.accordmenu ul li a:active { 
	color: #fff;
	text-decoration:none;
	font-size: 10pt;
	font-style: normal;
	margin-left: 19px;
}
*/

/* NEW from SUB  */

.menu-ul { width:85%; list-style-position: outside;}


.menu-ul li a:link {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	/* display: block; */
	padding: 2px 0;
	margin-left: 19px; /* link text is indented 19px */
	text-decoration: none;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
}

.menu-ul a:visited {
	color: #fff;
	padding: 2px 0 0 0;
	margin-bottom: 6px;
	margin-left: 19px; /* link text is indented 19px */
	text-decoration: none;
	font-size: 8pt;
	font-style: normal;
}

/*
div.accordmenu ul li  {
	color: #fff;
	text-decoration:none;
	font-size: 8pt;
	font-style: normal;
	margin-left: 19px;
}
*/


.menu-ul li a:hover { 
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	/* display: block; */
	padding: 2px 0;
	margin-left: 19px; /* link text is indented 19px */
	text-decoration: none;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	border-bottom: #ccc 1px dotted;
}


.menu-ul li a:active { 
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	/* display: block; */
	padding: 2px 0;
	margin-left: 19px; /* link text is indented 19px */
	text-decoration: none;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
}

ul.categoryitems { list-style-position: outside; width:80%;}

/* END NEW from SUB  */


.categoryitems a:link {
	color: #fff;
	padding: 2px 0 0 0;
	margin-bottom: 6px;
	margin-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-size: 10pt;
	font-style: normal;
}

.categoryitems a:visited {
	color: #fff;
	padding: 2px 0 0 0;
	margin-bottom: 6px;
	margin-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-size: 10pt;
	font-style: normal;
}

.categoryitems a:hover {
	color: #fff;
	padding: 2px 0 0 0;
	margin-bottom: 6px;
	margin-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-size: 10pt;
	font-style: normal;
	border-bottom: #ccc 1px dotted;
}


/*  +++++++++++  menuheader-blue CSS class for menu header for alumni section  ++++++++++   */

#menuheader-blue { 
	color: #fff;
	font-size: 12pt;
	font-style: normal;
	/* background-color: #04284d; */
	margin-top: 16px;	

	margin-bottom: 16px;	
	cursor: pointer;
	width: 280px; /* width of the accordion menu */
}

#menuheader-blue h3 {
	font-family: Verdana, Trebuchet, Arial, sans-serif;
	color: #fff;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	background-color: #04284d;
	margin-bottom: 14px; /*bottom spacing between header and rest of content*/
	/* padding: 4px 0 0px 16px; */ /*header text is indented 10px*/
	
	margin-bottom: 8px; /* bottom spacing between header and rest of content */
	margin-left:0px;
	cursor: pointer;
	width: 262px; /* width of accordion menu*/
}

#menuheader-blue h3 a:link { /*CSS class for menu header for alumni section)*/
	font-family: Verdana, Trebuchet, Arial, sans-serif;
	color: #fff;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	background-color: #04284d;
	margin-bottom: 14px; /*bottom spacing between header and rest of content*/
	padding: 4px 0 0 0px; /*header text is indented 10px*/
	cursor: pointer;
	
	/* margin-bottom: 8px;  bottom spacing between header and rest of content */
	margin-left:10px;
	padding: 4px 0 0 0px;
	width: 180px; /* width of accordion menu */
	
	width: 262px; /* width of accordion menu*/
}

#menuheader-blue h3 a:visited { /*CSS class for menu header for alumni section)*/
	font-family: Verdana, Trebuchet, Arial, sans-serif;
	color: #fff;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	background-color: #04284d;
	margin-bottom: 14px; /*bottom spacing between header and rest of content*/
	margin-left:16px;
	padding: 4px 0 0px 0px; /*header text is indented 10px*/
	cursor: pointer;

	margin-bottom: 8px; /* bottom spacing between header and rest of content */
	margin-left:10px;
	padding: 4px 0 0px 0px; /* header text is indented 10px */
	width: 180px; /* width of accordion menu*/
	
	width: 262px; /* width of accordion menu*/
}


#menuheader-blue h3 a:hover { /*CSS class for menu header for alumni section)*/
	font-family: Verdana, Trebuchet, Arial, sans-serif;
	color: #fff;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	background-color: #04284d;
	margin-bottom: 14px; /*bottom spacing between header and rest of content*/
	margin-left:16px;
	padding: 4px 0 0px 0px; /*header text is indented 10px*/
	cursor: pointer;
	border-bottom: #ccc 1px dotted;

	margin-bottom: 8px; /* bottom spacing between header and rest of content */
	margin-left:10px;
	padding: 4px 0 0px 0px; /* header text is indented 10px */
	width: 180px; /* width of accordion menu*/
	
	width: 262px; /* width of accordion menu*/
}

#menuheader-blue ul {
	margin-top: 12px;
	
	margin-top: 8px;
}


/* ===================   RIGHT COLUMN - bottom position absolute container for vacancy announcements ===============================  */

/* ===========   These styles are listed this far down the page because if they're up above the left nav section with the other sidebar descriptors, then they will foobar the laft nav styles    =============  */


#sidebar-bottom {
	color:#000;
	background-color:#fff;
	width: 330px;
	width: 300px;
	margin-top: 18px;
	margin-left: 18px;	
	/* margin-bottom: 24px; */
	border-bottom: #fff solid 1px;
	border-right: #fff solid 1px;
	/* the following determines where the baseline of the floating employment box sits */
	position:absolute; bottom:22px; right:0px;
	float: right;
	
	display:block;
	
	/*  right side drop shadow  */
	padding-right: 24px;
	background-image:url(../images/border_fade_R2_white.png);
	background-repeat:repeat-y;
}

.sidebar-item-employ {
	font: 9pt Arial, Helvetica, sans-serif;
	background-color:#D0E0F0;
	background-color:#E0ECFF;
	margin-left: 22px;
	padding:0 0px 12px 12px;
	/* margin-top: 16px; */
	margin-bottom: 0;
	/* position: absolute; */
	position:absolute; bottom:0px; right:0px;
	float: right;
}

.sidebar-item-employ h2 {
	background-color:#B2B2B2;
	background-color:#ccc; /*  a lighter gray  */
	background-image:url(../images/sidebar-header-gradient-light.png);
	background-position: bottom;
	background-repeat:repeat-x;
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: small;
	font-size: 1.2em;
	border: 1px #999 solid;
	margin-left: -12px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:12px;
}

.sidebar-item-employ p {
	padding-right: 12px;
	margin-right: 12px;
}

.sidebar-item-employ a:link, a:visited, a:hover, a:active {
	font: 9pt Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #3e5e90;
}

.sidebar-item-employ a:hover {
	color: #fff;
}

/* ===================   PRE - FOOTER  ===============================  */

#pre-footer {
	clear: both;
	/* text-align: center; */
	height:18px;
	/* margin-left: -12px; */
	margin: 0;
	padding:0;
	/*  left side drop shadow  */
	padding-bottom: 12px;
	background-image:url(../images/border_fade_B2_white.png);
	background-repeat:repeat-x;
	background-color: #fff;
}

/* ===================   FOOTER  ===============================  */

#footer {
	clear: both;
	color:#999;
	font: 9pt Arial, Helvetica, sans-serif;
	background-color:#fff;
	text-align: center;
	height:120px;
	/* margin-left: -12px; */
	margin-bottom: 60px;
	padding-top: 12px;
	padding-bottom: 12px;
}

#footer p {
	margin: 2px 2px;
}

#footer hr {
	margin-top:20px;
	margin-bottom:20px;
	clear:both;
}

#footer a:link, #footer a:visited{
	color: #1a4b83;
	font: small Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

#footer a:hover {
	color:#06f;
	background: none;
	border: 0;
	font: small Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	padding: 0;
	border-bottom: #06f 1px dotted;
}


#valid {
	font: x-small Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	padding: 1px;
	margin: 3px 0px 0px 9px;
	float: right;
	background: #fff;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}


/* #valid a {
	color: #fff;
	text-decoration: none;
	background: #666;
	padding-right: 2px;
	padding-left: 2px;
	font: 9px Arial, Helvetica, sans-serif;
} */

#valid a:link {
	color: #fff;
	text-decoration: none;
	background: #666;
	padding: 0 2px;
	font-size: x-small; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 1px 0 1px 1px;
}

#valid a:visited {
	color: #fff;
	text-decoration: none;
	background: #666;
	padding: 0 2px;
	font-size: x-small; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-bottom: 0;
	text-align:left;
	margin: 1px 0 1px 1px;
}

#valid a:hover {
	color: #fff;
	text-decoration: none;
	background: #666;
	padding: 0 2px;
	font-size: x-small; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-bottom: 0;
	text-align:left;
	margin: 1px 0 1px 1px;
}


#valid2 {
	font: x-small Arial, Helvetica, sans-serif;
	color: #666666;
	display: block;
	padding: 1px;
	margin: 3px 0px 0px 9px;
	float: right;
	background: #fff;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}


/*  #valid2 a {
	color: #fff;
	text-decoration: none;
	background: #666;
	padding-right: 2px;
	padding-left: 2px;
	font: 9px Arial, Helvetica, sans-serif;
} */

#valid2 a:link {
	color: #fff;
	text-decoration: none;
	background: #666;
	padding: 0 2px;
	font-size: x-small; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 1px 0 1px 1px;
}

#valid2 a:visited {
	color: #fff;
	text-decoration: none;
	background: #666;
	padding: 0 2px;
	font-size: x-small; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-bottom: 0;
	text-align:left;
	margin: 1px 0 1px 1px;
}

#valid2 a:hover {
	color: #fff;
	text-decoration: none;
	background: #666;
	padding: 0 2px;
	font-size: x-small; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-bottom: 0;
	text-align:left;
	margin: 1px 0 1px 1px;
}

/* +++++++++++++++++++  DIVs for Social networking links  +++++++++++++++  */

#social-net-fb {
	font: x-small Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	padding: 1px;
	margin: 3px 0px 0px 24px;
	float: left;
	background: #fff;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	line-height: normal;
}

#social-net-fb a:link {
	color: #fff;
	text-decoration: none;
	background: #2a52a9;
	padding: 0px 2px;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	border-bottom: 0;
	/* line-height: normal; */
	margin: 1px 0 1px 1px;
}

#social-net-fb a:visited {
	color: #fff;
	text-decoration: none;
	background: #2a52a9;
	padding: 0px 2px;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	border-bottom: 0;
	/* line-height: normal; */
	margin: 1px 0 1px 1px;
}

#social-net-fb a:hover {
	color: #fff;
	text-decoration: none;
	background: #2a52a9;
	padding: 0px 2px;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	border-bottom: 0;
	/* line-height: normal; */
	margin: 1px 0 1px 1px;
}

#social-net-tw {
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	padding: 1px;
	margin: 3px 0px 0px 12px;
	float: left;
	background: #fff;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	line-height: normal;
}

#social-net-tw a:link {
	color: #fff;
	text-decoration: none;
	background: #70aecd;
	padding: 0px 2px;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	border-bottom: 0;
	/* height: 14px; */
	margin: 1px 0 1px 1px;
}

#social-net-tw a:visited {
	color: #fff;
	text-decoration: none;
	background: #70aecd;
	padding: 0px 2px;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	border-bottom: 0;
	/* height: 14px; */
	margin: 1px 0 1px 1px;
}

#social-net-tw a:hover {
	color: #fff;
	text-decoration: none;
	background: #70aecd;
	padding: 0px 2px;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	border-bottom: 0;
	/* height: 14px; */
	margin: 1px 0 1px 1px;
}

#social-net-tw a:active {
	color: #fff;
	text-decoration: none;
	background: #70aecd;
	padding: 0px 2px;	
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	border-bottom: 0;
	/* line-height: normal; */
	margin: 1px 0 1px 1px;
}