/*

 
1 Body

2 Container 

3 Header

4 Sidebar

4.1 Navbar

5 Main
5.1 Inset bar

6 Footer
                               
7 Forms


*/


/* ---------------------------------------------1 Body --------------------------------------------- */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 100%;
height: 100%;
padding: 0;
margin: 20px 0px 22px 0px;
/*background-color: #7a8ca8;
background-image: url('../images/background.gif');  */
background-repeat:  repeat-x;
background-position: top center;

}	 


h1 {font-size:28pt; color:#45c3d2; padding-top:20px;}
 
a:link {text-decoration: none}     /* unvisited link */
a:visited {text-decoration: none }  /* visited link */
a:hover {text-decoration: underline}   /* mouse over link */
a:active {text-decoration: none }   /* selected link */



.bullet {float:left; height:25px;margin-left:10px; padding-right:10px; } /*bullet for faq page - an ivy leaf*/

.faq {margin-left:45px;}
/* ---------------------------------------------2 Container --------------------------------------------- */

#container {
  width: 850px;
  margin: 0 auto;background:#ffffff;
   
  
}
ul.tabs-nav {height:25px;}

/* ---------------------------------------------3 header --------------------------------------------- */

#header,
#footer {width:100%;margin: 0; padding:0;}

#header { color: #fff; background: #ffffff; }




/* ---------------------------------------------4 Sidebar --------------------------------------------- */

#sidebar {

float:left;
  width: 250px;
   
}


/* ---------------------------------------------4.1 Sidebar Navigation --------------------------------------------- */

 
#navigation {
	 width: 15em;*/
	border-right: 0px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background-color: #fff;
	color: #333;
	}


#navigation ul {
		list-style: none; margin: 0; padding: 20px 0 0 0 ; border: none;
		}
		
	#navigation li {
		border-bottom: 1px solid #90bade; margin: 0;
		}

#navigation li a {
		display: block;
		padding: 5px 5px 5px 11px;
		 
		background-color: #fff;
		color: #aaa; text-decoration: none;
		width: 100%;
		}

	html>body #navigation li a {
		width: auto;
		}

	#navigation li a:hover {
		border-left: 0px solid #1c64d1;
		border-right: 7px solid #45C3D2;
		 
		color: #45c3d2; 
		}
		
		.current {
 		font-weight:700; 
		border:0px solid white;
		 
		}

 
/* ---------------------------------------------  5 Main  --------------------------------------------- */
div#main {margin-left:280px;padding-top:40px;
  width: 570px;
  min-height:370px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.8em;
  
}

div#main p {padding-bottom:18px;}

div#main b {color:#5fc0ba;}


div#main h2{font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.2em;
padding-top:20px;padding-bottom:10px;
color: #45c3d2}
 
h3 {color:#45c3d2; font-size:16px; font-weight:700; margin-bottom:10px;}
     
 em {font-style: italic; color: #8F8B8B; }
 .introPara {
font-size: 14px;/*if reverting to georgia then change to 16px*/
font-style: normal;
font-weight: bolder;
letter-spacing: normal;
line-height: 1.4em;
color: #8F8B8B;/*font-family: Georgia, serif;*/
 }
 
 .introPara, div#main p, h3 {padding-left:8px;}
 .anchorLink {font-size:11px; color:#AAA;}
 
 li {margin-left:80px;}
 
 .photoright, .photoleft {border:1px solid #cccccc; padding:4px; }
 .photoright {float:right;margin: 8px 0 8px 8px;}
 .photoleft {float:left;margin:8px 8px 8px 0;}
 .noborder {border:0px; margin-bottom:0px;}

/* ---------------------------------------------  5.1 Inset  --------------------------------------------- */

div#inset  {font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.6em;

float:right; width:200px; border:1px solid #cccccc;
padding:4px; margin:10px;




}

div#inset h1 {color: #cccccc;}

div#inset h3 {font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.2em;
padding-top:4px;
color: #5fc0ba}

div#inset p {text-align:justify; padding:4px;}
 
/* ---------------------------------------------  6 Footer  -----('../images/ivyfooter.jpg')---------------------------------------- */
    

#footer { color: #000;  margin:10px 0 10px 0; min-height:105px; width:850px; padding-top:34px;

background: #EEE5BC url('../images/footerbgwood.jpg') no-repeat; 

font-family: Verdana, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
letter-spacing: normal;
line-height: 1.6em;
}

#footer h4 {font-family: Georgia, serif; font-size:20px; line-height: 27px;font-style:italic; font-weight: normal;
/*color: #6D6C67;*/
color: #000000;
margin-bottom:5px;}

.innertube {padding:8px 160px 4px 4px; text-align:center;}

/* ---------------------------------------------  7 Forms  --------------------------------------------- */

label{color:#45c3d2;
float: left;
width: 200px;
font-weight: bold;
text-align:right;
padding-right:10px;
}

input, textarea{
width: 250px;  
margin-bottom: 5px;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 210px;
margin-top: 5px;
width: 90px;
}

select { clear:both;}