/*Main*/
body{
    background-color:#f1f5f8;
}

/*headers*/
h1 {
    font-size: 22px;
    font-family: Georgia;
    text-align:left;
    padding:10px;
    margin-left:auto;
    margin-right:auto;
    color:#Fff;
}

h3 { 
    font-family:Georgia;
    color:#FA6900;
}

/*Classes*/
.caption {
    font-size: 12px;
    text-align:center;
}
a:link{
	color:#000;
}
a:visited{
	color:#fff;
}
.the_menu_one {
	display:none;
}
.the_menu_two {
	display:none;
}
.the_menu_three {
	display:none;
}
/*divs*/
#aboutmecontent{
width:50%;
z-index:0;
}
#twtr-widget-1{
        z-index:1;
        margin-top:-30em;
	margin-left:35em;
}
#twodimages{
   padding:10px;
   text-align:center;
}
#twodimages img{
 margin-right:10px;
}
#maindiv{
     width:700px;
     margin-left:auto;
     margin-right:auto;
     padding:40px;
}
#csssquares{
     position:relative;
     top:2.4em;
}
#csssquares img{
     border:1px solid #000;
     display:inline;
     margin-right:4px;
}

#content{
    margin-left:auto;
    margin-right:auto;
    padding:10px;
    font-family: Verdana;
    font-size:10pt;
    width:700px;
   background-color:#5e7a48;
								color:#000;
}

#content p{
     margin:20px;
}

#banner{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
        padding-bottom:5px;

}
.img{
     border-style: none;
}

#picture{
    text-align:center;
    position:relative;
    top:10px;
}
#picture img{
    padding:5px;
}
#bio{
    border:1px solid #000;
    padding:5px;
    margin-top:10px;
}
#footer{
    width:700px;
    padding:10px;
    border-top:1px dotted #f1f5f8;
    text-align:center;
background-color:#5e7a48;
								color:#000;
}
#breadcrumb{
    font-family:times;
    font-size:12px;
}
#breadcrumb ul{
    list-style-type:none;
}
#breadcrumb li{
    list-style-image:url('../images/arrow.gif');
}

/*Navigations*/

#navlist
{
margin-left: 17.4em;
padding-bottom: 4px;
padding-left: 0px;
}

#navlist ul, #navlist li
{
display: inline;
list-style-type: none;
margin-left: 0px;
padding: 0;
}

#navlist a:link, #navlist a:visited
{
background-color:#5e7a48;
								color:#000;
								border: 1px solid #5e7a48;
float: left;
font-size: small;
font-weight: normal;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}


#navlist a:hover { color: #f00; }

body.section-1 #navlist li#nav-1 a,
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #navlist ul#subnav-1,
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #navlist ul#subnav-1 a,
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size: smaller;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist ul a:hover { color: #f00 !important; }

#navlisttwo {
	margin-top: 10px;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #000;
}
#navlisttwo ul, #navlisttwo li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#navlisttwo a:link, #navlisttwo a:visited
{
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #999;
}
#navlisttwo a:link#current, #navlisttwo a:visited#current, #navlisttwo a:hover
{
	border-bottom: 4px solid #000;
	padding-bottom: 2px;
	background: transparent;
	color: #000;
}

#navlisttwo a:hover { color: #000; }

/*-----I CREATED THESE MENUS------*/
#navlisttwo ul li {
display: none;
}
#navlisttwo li:hover ul li{
display: inline;
padding:3px;
position:relative;
top:20px;
left:-20em;
}


/*-------------CONTENT--------------*/
#contents
{
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
} 
.desc {
border:1px dashed #000;
padding:2px;
width: 15em;
position:relative;
top:10em;
left:4em;
}

.desc2 {
border:1px dashed #000;
padding: 2px;
width:15em;
position:relative;
top:-1.5em;
left:20em;
}
/*--------PHOTO PAGE---------*/
#gallery {
width:775px;
z-index:1;
position:absolute;
top:27em;
}

#thumbs {
width:40em; 
float:left;
}

#thumbs a {
display:block; 
float:left; 
margin:0 0 5px 5px; 
width:50px; 
height:50px; 
border:1px solid #000;
}

#thumbs a img {
width:50px; 
height:50px; 
border:0;
}

#thumbs a:hover {
border-color:#ddd;
}

#thumbs a:hover img {
position:absolute; 
width:auto; 
height:auto; 
right:8.5em;  
top:9em; 
border:1px solid #333;
}
/*-------BLOGGGGGG-------*/
#blogtable table, td, th{
    border:1px solid #000;
}