/* CSS Document */
img.logo {margin-left: 40px;}
img.site {border: none;}
img.site:hover {border: 2px dotted #ade5f2;}

#navigation ul {margin-top: 30px; text-align: center;}
#navigation li {margin: 3px; padding: 0;  display: inline;}
#navigation a, #c_form a {text-decoration: none; color: #3b8343; font-size: 100%; font-weight: 400; letter-spacing: 2px;}
#navigation a:hover, #c_form a:hover {color: #284097;}
#navigation a:focus {outline: none}
#navigation #currentpage a { color: #6fcde4;}


/*popups*/
div#list_image{display: block; 
	background-image: url('http://www.tamrastallings.com/images/leaf_squ.png'); background-repeat: no-repeat; background-position: right top;
	width: 100%; height: 400px; padding: 0px 0px 0px 0px; margin-top: 275px;  margin-bottom: 100px;}
	
div#list{float:right; line-height: 270%; font-size: 85%; letter-spacing: 1px; margin-right: 30px;}
div#list a span {display: none;}
div#list a {text-decoration: none;}
div#list a:hover{color: black;}

div#list a:hover span {display: block; border-top: 6px outset #f8f9c2; border-left: 6px outset #f8f9c2; 
	border-bottom: 6px outset #f5f893; border-right: 6px outset #e4e86c;
   position: absolute; top: 200px; left: 650px; width: 200px; line-height: 120%;
   padding: 10px; margin: 10px; z-index: 100;
   color: black; background-color: #f1f3ac;  
   text-decoration: none;}

body{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #284097; margin:0; padding:0;}
a{text-decoration: none;}

#topsection{height: 10px; /*Height of top section*/}


#contentwrapper{float: left;width: 100%;
}

#contentcolumn{margin: 0 1% 0 50%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}

#leftcolumn{float: left;width: 50%; /*Width of left column in percentage*/margin-left: -100%;}

#rightcolumn{
float: left;
width: 1%; /*Width of right column in pixels*/
margin-left: -1%; /*Set margin to that of -(RightColumnWidth)*/
}

#footer{
clear: left;
width: 100%;
background-color: #284097;
text-align: center;
padding: 10px 0; font-size: 65%;
color: #ffffff;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/******unique for portfolio page*************/
div#l1_image{margin-top: 260px;float: right; margin-right: -90px;}
div#r1_image{margin-top: 135px; float: left; margin-left: -20px;}

/******unique for contact page*************/
div#contact_image{display: block; 
	background-image: url('http://www.tamrastallings.com/images/contact400.png'); background-repeat: no-repeat; background-position: right top;
	width: 435px; height: 600px; padding: 0px 0px 0px 0px; margin-top: 200px;  margin-bottom: 100px;}

div#c_form{float:right; line-height: 150%; font-size: 80%; letter-spacing: 1px; margin-left: 45px; margin-right: 45px; margin-top: 30px;
			font-weight: 100; }

.input{color: #284097; background: #6fcde4; border-bottom: 2px solid #247f94; border-right: 2px solid #247f94; 
	border-left: 1px solid #ade5f2; border-top: 1px solid #ade5f2;}

.input:hover{border-color: #ffffff #247f94 #247f94 #ffffff ; border-style: solid; Border-width: 2px 1px 1px 2px;}

.submit:hover{border: 1px solid #284097; background-color: #ffffff;}	

div#spamtest{display: none;}

SPAN.red {color: red;}/*contact warning*/

div#thanks{float:right; line-height: 200%; font-size: 90%; letter-spacing: 1px; margin-right: 80px; margin-top: 130px;
			font-weight: 100; }