/* This style sheet is a working document for Dorothy Fitzer */

/* Color Palette:

	7C1252 = raspberry (for banner photo border, h1, and links)
	7C4767 = pale purple (for banner and links) (#6C3E5B)
	6F9355 = sage green (63844D)
	4A9316 = grass green (for h4, h5, h6)
	106D27 = medium green (for h2)
	93C8C9 = aqua
	FFFFCC = cream (for banner, nav1, and footer text)
	FFFFE6 = soft yellow (body background - not loving it)
	F1E6A6 = yellow (body background)
	932016 = hot red (for h1 alink hover and accents)
	333333 = charcoal black (for borders and p text)
	E6E6CC = tan neutral (for codeblock bgs and button hovers)
	FADD57 = gold (for accent and call-outs)
	FFFFFF = white (for backgrounds)
	F38D20 = poppy orange
	FF6600 = bright orange (for .orangetext)
*/



/* _________________________BODY _________________________________________*/


body {  
	background-color: #F1E6A6;
	background-image:url(../images/greenstripe.gif);
	background-repeat:repeat-y;
	}

#wrapper {
	width: 800px;
	margin: 0px 20px;
	padding: 0px; 
	height: 100%;
	background-color: none;
	}
	
#banner {
	text-align: right;
	margin: 2px;
	padding: 0px;
	}
	

/* _______________________________________________________________________________COLUMN 1 (LEFT MENU)*/

#col1 {
	width: 175px;
	height: 100%;
	float: left;
	background-color: none;
	border: none;
	}

#nav1 { 
	font: 14px/1.3em Verdana, Arial, Helvetica, sans-serif; 
	padding: 0 5px 0 0;
	list-style: none; 
	}
	
#nav1 li { 
	padding: 2px 0 8px 0; 
	line-height: 16px; 
	}
	
#nav1 a:link {color: #FFFFCC;}/*cream*/

#nav1  a:visited { 
	color: #FFFFCC; /*cream*/
	text-decoration: none; 
	}
	
#nav1 a:hover {
	color: #93C8C9; /*aqua*/
	text-decoration: underline;
	} 


/* _____________________________________________________________________________COLUMN 2 (CONTENT) */

#col2 {
	width: 600px;
	padding: 10px;
	height: 100%;
	float: right;
	}

#section {
	padding: 10px 0px 5px 0px;
	border-bottom: 1px #CCCCCC solid;
	clear: both;
	}


/*__________________________________________________2 SUB COLUMNS FOR INDEX PAGES */

#sub2colleft {
	width: 280px;
	left: 165px;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	height: 100%;
	float: left;
	}
	
#sub2colright {
	width: 280px;
	left: 390px;
	padding: 0 0 0 10px;
	margin: 0 0 30px 0;
	height: 100%;
	float: right;
	/*border: blue 1px solid;*/
	}


/*__________________________________________________3 SUB COLUMNS FOR INDEX PAGES */

#sub3colleft {
	width: 148px;
	left: 165px;
	padding: 0 0 0 10px;
	height: 100%;
	float: left;
	}

#sub3colcenter {
	width: 148px;
	left: 320px;
	padding: 0 0 0 10px;
	height: 100%;
	float: left;
	}

#sub3colright {
	width: 148px;
	left: 470px;
	padding: 0 0 0 10px;
	height: 100%;
	float: right;
	}


/* _______________________________________________________BACK TO TOP*/

#backtotop {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	text-align: right;
	width: 100%;
	clear:both;
	}




/*_________________________FOOTER __________________________________________*/

#footer {
	background: none;
	font: normal 12px Verdana, sans-serif; 
	color: #7C1252; /*raspberry*/
	text-align: right;
	width: 600px;
	padding: 20px 0 0 0px;
	margin: 10px;
	float: right;
	clear: both;
	line-height: 1.5em;
	}
	
#footer a:link {
	color: #7C1252; /*raspberry*/
	text-decoration: none; 
	}
	
#footer a:visited {
	color: #7C4767; /*pale purple*/ 
	text-decoration: none; 
	}
	
#footer a:hover, #lanlfooter a:visited:hover {
	color: #7C4767; /*pale purple*/ 
	text-decoration: underline; 
	}




/*____________________________THE BASICS ___________________________________*/


div {
	margin: 0; 
	padding: 0; 
	border: 0;
	}


.bold {font-weight:bold;}
.italic {font-style:italic;}
.center {text-align:center;}
.smallred {
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	}
.bigred {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF0000;
	}
	
.text {
	color: #333333; 
	font: normal 80%/1.5em Verdana, Arial, Helvetica, sans-serif;
	}

.highlight {
	color: #7a2512;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:lighter;
	}

.orangetext {color: #FF6600;}


/*___________________________________________ H TAG SIZES , P and text sizes  */

h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; }

p {
	color: #333333; 
	font: normal 80%/1.5em Verdana, Arial, Helvetica, sans-serif; 
	/*margin: 0;*/ 
	padding: 0; 
	}

blockquote {
	color: #333333; 
	font: normal 80%/1.5em Verdana, Arial, Helvetica, sans-serif; 
	/*margin: 0;*/ 
	padding: 0; 
	}

h1 { 
	font-size: 110%; 
	margin: 20px 0 5px 0; 
	color: #FF6600; /*orange*//*7C1252; raspberry*/
	}
h1 a:link { 
	color: #FF6600; /*orange*//*#7C1252; raspberry*/
	text-decoration: none;
	}

h1 a:visited { 
	color: #FF6600; /*orange*//*7C1252; raspberry*/
	text-decoration: none;
	}

h1 a:hover, a:visited:hover { 
	color: #932016; /*hot red*/
	text-decoration: underline; 
	}


h2 { 
	font-size: 100%; 
	margin: 20px 0 5px 0; 
	color: #7C1252; /*raspberry*//*#106D27; medium green*/
	}


h3 { 
	font-size: 95%; 
	margin: 0 0 5px 0; 
	color: #7C4767; /*pale purple*/
	}

h4 { 
	font-size: 80%; 
	margin: 0 0 5px 0; 
	color: #4A9316; /*grass green*/
	}

h5 { 
	font-size: 75%; 
	font-weight: normal; 
	margin: 20px 0px 1px 10px; 
	color: #4A9316; /*grass green*/
	}

h6 { 
	font-size: 70%; 
	font-weight: normal; 
	margin: 20px 0px 1px 0px; 
	color: #4A9316; /*grass green*/
	}

	
a:link { 
	color: #F38D20; /*poppy orange*/
	text-decoration: none;
	}

a:visited { 
	color: #F38D20; /*poppy orange*/ 
	Text-decoration: none;
	}

a:hover, a:visited:hover { 
	color: #7C1252; /*raspberry*/
	text-decoration: underline; 
	}




/*_____________________________________________________________ UL, LI, OL  */
	 
ul { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: small; 
	line-height: 1.3em; 
	margin: 0 0 5px 20px; 
	padding: 0px; 
	list-style: none; 
	vertical-align: top; 
	}

ol { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
  	font-size: small; 
	line-height: 1.3em; 
  	margin: 0 0 5px 20px; 
  	padding: 0px; 
 	vertical-align: top; 
  	}

li {padding: 2px 0 8px 0;}

.bullet {list-style: disc;}



/* ____________________________________________________________TABLE SPECIFIC*/

table {margin: 20px 10px 20px 10px;}

table td {padding: 10px 15px 10px 15px;}

table td {
	color: #333333; 
	font: normal 80%/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
	
table td p {font-size: 12px;}

#block {
	background-color: #E6E6CC;
	border: 1px double;
	border-color: #999999;
	width: 100%;
	padding: 5px;
	}

.tableborder {
	border-style:ridge;
	border-color:#999966
	}
	
.tableclear {background-color:#FFFFFF}