/* CSS Stylesheet for main.html */
/* filename: style_and_colors.css     */

* {
	margin:0;
	padding:0;
	
}
body {
	font: 1em Lucida, Arial, sans-serif; /* 1em = 16pts */
}
/* apply this class to any image or element with width - text will wrap it to the right */
.float_left {float:left; margin: 0 .3em .3em 0;}

/* apply this class to any image or element with width  - text will wrap it to the left */
.float_right {float:right;  margin: 0 0 .3em .3em;} 

/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */

#main_wrapper {background-color:transparent;}
#header {background-color: transparent}/*#000033;} */ /*was #808073 */

#nav {background-color: #EEF2F1;}
#nav_inner{background-color: transparent;}
#content {background-color:transparent;} /*was #FFFFE6 */
#footer {background-color:#D9D9C3;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: 'Trebuchet MS', Verdana,  serif;
} 
	
/* TEXT COLORS */
h1 {
	color:#436378;  /*was #FFF */
	}
h4, h5 {
	color:#808073;
	}
h6 {
	color:#000000;
	}
p {
	color:#000;
	}
ul, ol {
	color: #00C; /*was #808073 */
	}
#nav ul, #nav a {
font-weight: 900;
font-size: 1.1em;
color:#0081D9 /* was #FFF */
}
#nav_top_inner ul, #nav_top_inner a {
	color:#660066; /*00c3af; /*9966FF;*/ /* was #FFF */
	}

a {	color:#34BDff: /*808073;*/
	}
a#a{float:right; position: relative;
top:4px;
right:2px;
 text-align: center;
	color:#003D8E;
	font-size:.6em;
	}
a:hover, #nav a:hover {
	color:#00C;
	}	
#nav_top_inner a:hover {
	color:#9966FF;
	}	
#footer p {
	margin:0;
	}


/* CLASS:BEIGE TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body.beige {background-color:#FC9;}
.beige #main_wrapper {background-color:#964;}
.beige #header {background-color:#003;}  /*was 996 */
.beige #nav {background-color:#CCCC8F;}
.beige #content {background-color:#E6E6CF;}
.beige #footer {background-color:#FFFF99;}  /*was BFBF60 */

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: 'Trebuchet MS', Verdana,  serif;
} 
	
/* CLASS:beige TEXT COLORS */
.beige h1 {
	color:#F00; /*was  #C03  #B33 */
	}
.beige h2, .beige h3, .beige h4, .beige h5 {
	color:#306; /*was #808059 */
	}
.beige h6 {
	color:#000000;
	}
.beige p {
	color:black; /* was #666 */
	}
.beige ul, .beige ol  {
	color:#B33;
	}
.beige #nav ul {
	color:#FFF;
	}
	
.beige table, .beige form {
	color: #666;
	}
.beige a {
	color:#B33;
	}
.beige a:hover {
	color:#666;
	}	
.beige #nav a:hover {
	color:#666;
	}
	
	/* FONT SIZES */
h1 {font-size:1.6em; /* 24pt */
	}
h2 {font-size:1.375em; /* 22pt */
	line-height:1.25;
	padding:.5em 0 0 0;	
	}
h3 {font-size:1.125em; /* 18pt */
	line-height:1.25;
	}
h4 {font-size:1.125em; /* 18pt */
	}
h5 {font-size:1em; /* 16pt */
	}
h6 {font-size:.875em; /* 14pt */
	}
p  {
	font-size:.8em; /* 12pt */
	line-height:1.25; /* on 15pt */
	margin-bottom:.75em; /* 12pts of space */
 	}
a {
	
	}
a:hover {
	text-decoration:none;
	}
	
/* basic list styling  */
ul, ol {
		margin:0 1em .75em 1em; /* lists without specific classes */
		font-size:.9em;
		line-height:1.5;
}
li {
		padding:0em 0; /* lists without specific classes */
		margin-left:2em;
		display: inline;
}

#nav ul, #nav ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
		color: #9966FF;
}
#nav_inner li, #nav_inner ol , #nav_inner ul{
	list-style-type:none; /*Resume link*/
	margin-left:0;
	color: pink;
	font-size:.9em;
		
}
#nav_top_inner ul, #nav_top ol {
		margin:.75em 1em .5em 1em; /* lists without specific classes */
	}
#nav_top_inner li{
font-size: 1.2em;

}
/*PICTURES*/
#bottomright {clear: both;
float: right;
position: relative;
bottom: 70px; /*was 70px and right was -82. Chk resolution on a widescreen monitor*/
right: 3px;
z-index:-1;
		}
#bottomleft {clear: both;
float: left;
position: relative;
border: none;
bottom: 330px; /*was 70px and right was -82. Chk resolution on a widescreen monitor*/
right: 10px;
z-index:-1;
}
#twitter{
float: right;
border: none;

}
a #twitter {
text-align: right;
}