/* CSS Document */

/*Formatting Markup */

html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif; background :#f4faf9 url("/images/bg_main.jpg"); background-position:top; background-repeat:repeat-x;}
b {font-family: Arial, Helvetica, sans-serif; color:#3bcac7; }
p {font-family: Arial, Helvetica, sans-serif; color:#666666; padding:10px;}
ul {font-family: Arial, Helvetica, sans-serif; color:#666666; margin:10px; padding:5px 10px 10px 35px;}
ol {font-family: Arial, Helvetica, sans-serif; color:#666666; margin:10px; padding:5px 10px 10px 35px;}
h1 {font-size: 200%; color:#244f44; font-family:Georgia, "Times New Roman", Times, serif; padding:0px 15px 15px 15px; }

h2 {font-size: 175%; font-weight: bold; color:#3d9991; font-family:Georgia, "Times New Roman", Times, serif;padding:15px;}
h3 {font-size: 155%; color: #014121; padding:15px;}
h4 {font-size: 145%; color:#464646; font-family:Georgia, "Times New Roman", Times, serif; padding:0 5px 5px 5px;}
h5 {font-size: 135%; font-weight: bold; color: #01534A; padding:15px;}
h6 {font-size: 125%; font-weight: bold; color: #FF0000 ;padding:15px;}

.tighth4 {font-size: 125%; color:#464646; font-family:Georgia, "Times New Roman", Times, serif; padding:0 5px 0px 5px;}
.whitenav{font-size: 102%; color:#c0c7c5; font-family:Georgia, "Times New Roman", Times, serif; padding:10px 10px 0px 15px;}
h1.mainone{font-size: 220%; color:#ffffff; font-family:Georgia, "Times New Roman", Times, serif; padding:0px 15px 0px 15px;   background:#ffffff url("/images/t_logo.jpg");  background-position: left;
    border-top-style: solid;
    border-top-color:#CCCCCC;
    border-top-width: 1px;
	    border-bottom-style: solid;
    border-bottom-color:#CCCCCC;
    border-bottom-width: 1px;}

h1.white{font-size: 200%; color:#636b6a; font-family:Georgia, "Times New Roman", Times, serif; padding:10px 15px 15px 15px;}
h4.sketchbook{font-size: 150%; color:#464646; font-family:Georgia, "Times New Roman", Times, serif; padding:15px;}
h4.tutorials{font-size: 150%; color:#3d9991; font-family:Georgia, "Times New Roman", Times, serif; padding:15px;}
h2.dashed{font-size: 180%; font-weight: bold; color:#266354; font-family:Georgia, "Times New Roman", Times, serif; padding:5px 5px 0px 15px; border-bottom:#3d9991 dashed 1px;}
.dashednav{font-size: 100%; font-weight: color:#3d9991; font-family:Georgia, "Times New Roman", Times, serif; padding:5px 5px 0px 5px; border-bottom:#CCCCCC dashed 1px;}
.contentareapad{padding:10px; margin:5px;}
.whitep{font-family: Arial, Helvetica, sans-serif; color:#ffffff; padding:5px 10px 5px 10px; margin:10px}
.greyp{font-family: Arial, Helvetica, sans-serif; color:#666666; padding:5px 10px 5px 10px; margin:10px}

   .journal{ background: #e4f4f9 url("/images/i_bk_spine.jpg");
  background-repeat: repeat-y;
  background-position: left;
  padding:0px 10px 10px 10px;
margin:10px;
border-bottom: dashed 1px #666666;
border-top: dashed 1px #666666;
min-height:275px;
}
  
   .journal2{ background: #e4f4f9 url("/images/i_bk_spine.jpg");
  background-repeat: repeat-y;
  background-position: left;
  padding:0px 10px 10px 10px;
margin:10px;
border-bottom: dashed 1px #666666;
border-top: dashed 1px #666666;
min-height:350px;
}  
  
  
  .sketchbook{padding:10px;}
  
.bottomlogo{font-size: 200%; color:#244f44; font-family:Georgia, "Times New Roman", Times, serif; padding:5px 5px 5px 25px; border-bottom:solid 1px #999999; background: #ffffff url("/images/h1_logo.gif"); }

.greyline{border-top:solid #999999 solid 1px;}

.greyfont{font-size:85%; color:#999999; float:right; padding:10px 0 10px 0; margin:10px 5px 10px 0; 	text-align:right;}
.mainbox{background:#d9ece8;
  background-repeat: repeat-x;
  background-position: bottom;
    border-style: solid;
    border-color:#CCCCCC;
    border-width: 1px;
    float:right; 
	padding:10px; 
	margin:2px 10px 25px 10px;
	height:auto; 
	width:auto;
	color:#333333;}
	
	
	.photobox{background:#d9ece8;
  background-repeat: repeat-x;
  background-position: bottom;
    border-top-style: solid;
    border-top-color:#CCCCCC;
    border-top-width: 1px;
	    border-bottom-style: solid;
    border-bottom-color:#CCCCCC;
    border-bottom-width: 1px;
    float:right; 
	padding:10px; 
	margin:2px 0px 25px 10px;
	height:auto; 
	width:auto;
	color:#333333;}	
	
	.whitebox{background-color:#ffffff;
    border-bottom:solid 2px #49aba5;
	 border-top:solid 2px #49aba5;
	padding:10px; 
	margin:10px 10px 25px 10px;
	height:auto; 
	width:auto;
	color:#333333;}
	
	.photoboxmain{background:#d9ece8;
  background-repeat: repeat-x;
  background-position: bottom;
    border-top-style: solid;
    border-top-color:#CCCCCC;
    border-top-width: 1px;
	    border-bottom-style: solid;
    border-bottom-color:#CCCCCC;
    border-bottom-width: 1px;
    float:right; 
	padding:10px; 
	margin:2px 0px 25px 10px;
	height:auto; 
	width:auto;
	color:#333333;}
	
	


.graybox{
background-color:#FFFFFF;
    border-style: solid;
    border-color: #8A8A8A;
    border-width: 1px;
    float:right; 
	padding:5px; 
	margin:10px; }
	
	.grayboxl{
background-color:#FFFFFF;
    border-style: solid;
    border-color: #8A8A8A;
    border-width: 1px;
    float:left; 
	padding:5px; 
	margin:10px; }
	
	.graybox0{
background-color:#FFFFFF;
    border-style: solid;
    border-color: #8A8A8A;
    border-width: 1px;
    float:right; 
	padding:0px; 
	margin:0px; }
	
	
	
	.navheading{color:#666666; font-size:125%; font-family:Georgia, "Times New Roman", Times, serif;}
	   
	   
	   
a:link {color: #32584e; text-decoration:underline;}
a:visited {color: #32584e;}
a:hover {color: #329b92;}
a:active {color: #32584e;}	   
	   
a.bottomnav:link {color:#CCCCCC;text-decoration:none; }
a.bottomnav:visited {color: #ffffff; text-decoration:none; }
a.bottomnav:hover {color:#8fe0dc; text-decoration:underline;}
a.bottomnav:active {color:#CCCCCC; text-decoration:none;}

a.teal:link {color:#999966; text-decoration:underline;}
a.teal:visited {color: #339999;}
a.teal:hover {color: #CCCCCC;}
a.teal:active {color: #339999;}

a.pnavmain15:link {color:#999999;  text-decoration:none;}
a.pnavmain15:visited {color: #999999;  text-decoration:none;}
a.pnavmain15:hover {color:#66f5ec;  text-decoration:underline;}
a.pnavmain15:active {color: #99999; text-decoration:none;}

a.pnavmain10:link {color:#999966;  padding:10px;}
a.pnavmain10:visited {color: #339999; text-decoration:underline; padding:10px;}
a.pnavmain10:hover {color:#336666; padding:10px;}
a.pnavmain10:active {color: #339999; padding:10px;}

/*Layout Markup */
div#header h1{
	line-height:80px;
	margin:0px;
	padding:0px;
	 background:#000000 url("/images/b_dss_bg.jpg");
  background-repeat: repeat-x;
  background-position: top;
	color: #79B30B;
	background-color: #000000;
	height:185px;
}
div#content p{line-height:1.4; margin:0px 25px 0px 25px; padding:5px; height:100%;}
div#navigation{background:#ffffff; border-bottom:dashed 1px #999999;}
div#extra{background:#f4faf9;}
div#footer{color: #3e9b94;  background:#0a1a19 url("/images/bg_flora.jpg");
  background-repeat: repeat-x;
  background-position: top; }
div#footer p{margin:0;padding:5px 10px;}

div#wrapper{float:left;width:1300px; background-color:#ffffff;}
div#content{margin: 0 200px; background-color:#ffffff; border-right:#CCCCCC 1px solid; min-height:768px;}
div#navigation{float:left;width:200px;margin-left:-200px}
div#extra{float:left;width:200px;margin-left:-100%}
div#footer{clear:left;width:100%; margin:5px 0 0 0;}
div#greenadd{background:#ffffff url("/images/t_logo_sm.jpg");  background-position: left;}
div#tealadd{background-color:#49b0aa;}
div#snav{padding:5px;
margin:5px;
}
div.foot_mainl{padding:10px; margin:10px; float:left; width:350px;}

div#pnav{
margin:15px;
color:#009999;
}


.dashed{border-bottom:#999999 1px dashed ; margin:0px;}


/*footer markup */


#leftmenu {
		float:left;
		 		margin-left: 12%;
			margin-right:5%;
		left:10px;
		top:50px;

		border-right:#CCCCCC 1px dashed ;
		text-align:right;
		}

#centermenu {float:left;
	
   		margin-left: 5%;
   		margin-right:5%;
		border-right:#CCCCCC 1px dashed ;
			top:50px;
				text-align:right;}
		

	#rightmenu {
		margin-right:200px;
		right:10px;
		top:50px;
			text-align:right;
	
	
		}