﻿


ul           { list-style-image: url('expbul1a.gif') }
ul ul        { list-style-image: url('expbul2a.gif') }
ul ul ul     { list-style-image: url('expbul3a.gif') }
a:link       { color: rgb(153, 51, 0) }
a:active     { color: rgb(204, 51, 0) }
a:visited    { color: rgb(102, 102, 0) }
body         { background-color: rgb(255, 255, 255); 
                  color        : rgb(0, 0, 0);
                  padding: 0;
                  margin:0; }
table        { table-border-color-light: rgb(204, 153, 102); table-border-color-dark: 
               rgb(102, 0, 0) }
h1           { color: rgb(102, 0, 51) }
h2           { color: rgb(102, 0, 51) }
h3           { color: rgb(102, 0, 51) }
h4           { color: rgb(102, 0, 51) }
h5           { color: rgb(102, 0, 51) }
h6           { color: rgb(102, 0, 51) }
button       { background-color: rgb(102, 0, 51); color: rgb(255, 255, 255) }
label        { color: rgb(0, 0, 0) }
.mstheme-text {  }
textarea     { color: rgb(0, 0, 0) }
fieldset     { color: rgb(11, 0, 0) }
legend       { color: rgb(102, 0, 51) }
select       { color: rgb(0, 0, 0) }
caption      { color: rgb(102, 0, 51) }
th           { color: rgb(0, 0, 0) }
body         { background-image: url('exptextb.jpg'); font-family: 
               'Book Antiqua', 'Times New Roman', Times }
button       { font-size: 8pt; font-style: normal; font-family: Arial, Helvetica; 
               border-style: solid; border-width: 1pt }
caption      { font-size: 14pt; font-family: 'Book Antiqua', 'Times New Roman', Times; 
               font-style: Normal }
fieldset     { font-family: Arial, Helvetica; font-size: 8pt; font-style: normal; 
               border-style: solid; border-width: 1pt }
h1           { font-weight: normal; font-style: normal; font-size: 2em; font-family: 
               'Book Antiqua', 'Times New Roman', Times }
h2           { font-family: 'Book Antiqua', 'Times New Roman', Times; font-style: normal; 
               font-size: 1.5em; font-weight: normal }
h3           { font-family: 'Book Antiqua', 'Times New Roman', Times; font-size: 14pt; 
               font-weight: normal; font-style: normal }
h4           { font-weight: normal; font-size: 1em; font-style: normal; font-family: 
               'Book Antiqua', 'Times New Roman', Times }
h5           { font-size: 0.8em; font-style: normal; font-weight: normal; font-family: 
               'Book Antiqua', 'Times New Roman', Times }
h6           { font-family: 'Book Antiqua', 'Times New Roman', Times; font-size: 0.6em; 
               font-style: normal; font-weight: normal }
label        { font-style: normal; font-family: Arial, Helvetica; font-size: 0.6em }
label, .mstheme-label { font-size: 8pt; font-family: Arial, Helvetica; font-style: normal }
legend       { font-style: Normal; font-size: 8pt; font-family: 
               'Book Antiqua', 'Times New Roman', Times }
marquee      { font-family: 'Book Antiqua', 'Times New Roman', Times; font-size: 1.2em }
select       { font-style: normal; font-family: Arial, Helvetica; font-size: 8pt; 
               border-style: solid; border-width: 1pt }
table        { font-family: 'Book Antiqua', 'Times New Roman', Times; font-style: normal }
textarea     { font-style: normal; font-size: 0.6em; font-family: Arial, Helvetica; 
               border-style: solid; border-width: 1pt }
th           { font-family: 'Book Antiqua', 'Times New Roman', Times; font-style: normal }

blockquote {
	color: #66a;
	font-weight: bold;
	font-style: italic;
	margin: 1em 3em; }
	
.monospace  {
	font-family:"Courier New", Courier, monospace
}

.h1lg{	font-size:150%;}
.h1em{	font-weight:700;}
.h1lgem{font-size:150%;font-weight:700;}

#header2{ height:70px;
		background-color:white;
		
		}	

#header{ height:200px;
		background: #dddddc url("Images/B205/BlogHeader.jpg") top left no-repeat;
		
		}	

#headertitle1 {
    height:100px;
    width: 400px;
	
	margin-top:20px;
	
	right: 0px;
	float:right;
	
	position:absolute;
 
}
   
#headertitle2 {
       
    height:70px;
    width:400px;
    margin-top:80px;
   
    float:right;
	position:relative;
    right: 0px;
    
}

#navigation{
margin-top: 0;
WIDTH:100%;HEIGHT:30PX;
BACKGROUND-COLOR:#999;
text-align:center;
}


#navigation ul

{margin:0px; padding:0px;padding-top:5px}

#navigation ul li
{display:inline; 
    height: 30px;
    
    list-style:none;
    margin-left:15px;
    
    position:relative;
    padding-right:15px;
    
    border-right:2px solid #ccc;
    	
}

#navigation li a
{color:#fff; text-decoration:none;}

#navigation li a:hover
{text-decoration:underline;}

#navigation li a.nound:hover
{text-decoration:none;}


#navigation li ul
{
margin:0px;
padding:0px;
display:none;
position:absolute;
left:0px; 
top:20px;
background-color:#999;
}

#navigation li:hover ul
{

display:block;
width:260px;
text-align:left;

}


#navigation li li
{
height:22px;
margin:0px;
padding:10px 0px 0px 10px;
border-right:0px;
list-style:none;
display:list-item;
width:100%;
}

#navigation li:last-child { border-right:0px; }

#BasicNavigation{
position:absolute; right:0;
WIDTH:900px; HEIGHT:20PX;
BACKGROUND-COLOR:transparent;
text-align:center;
}

#BasicNavigation ul
{margin:0px; padding:0px;padding-top:5px;float:right}

#BasicNavigation ul a img {
	display:none;}
#BasicNavigation ul a:hover img{
	display:block;position:absolute;
	top:80px; right:0px; height:100px;width:250px;
	z-index:2;
    border-color:blue;
	background-color:lime; 
	border-width: 2px;
}

#BasicNavigation ul li
{display:inline;
    height: 20px;
    list-style:none;
    margin-left:15px;
    float:left;
    position:relative;
    padding-right:15px;
    
    border-right:1px solid #ccc;
    	
}

#BasicNavigation li a
{color:maroon; text-decoration:none;}

#BasicNavigation li a:hover
{text-decoration:underline;}

#BasicNavigation li a.nound:hover
{text-decoration:none;
background-color:#999;
}


#BasicNavigation li ul
{
margin:0px;
padding:0px;
display:none;
position:absolute;
left:0px; 
top:20px;
background-color:#999;

}

#BasicNavigation li:hover ul
{

display:block;
width:200px;
text-align:left;


}

#BasicNavigation li li
{
height:22px;
margin:0px;
padding:10px 0px 0px 10px;
border-right:0px;
list-style:none;
display:list-item;
width:100%;
}


#nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
}
#nav a{
	display:block;
	padding:5px;
	color:#fff;
	background:#333;
	text-decoration:none;
}
#nav a:hover{
	color:#fff;
	background:#6b0c36;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	display:none;
	left:0px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	Display:block;
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#6b0c36;
	text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}






#main{

margin-left:auto;
margin-right:auto;
margin-top:2em;
	
Width:50em;

background-color:white;
padding:2em;	
}
