/* CSS Document */
/*background color: #ecfec0; active link: #21931c; hover: #00773c; focus: #33cc33*/


A.ssmItems:link		{color:black;text-decoration:none;}
A.ssmItems:hover	{color:black;text-decoration:none;}
A.ssmItems:active	{color:black;text-decoration:none;}
A.ssmItems:visited	{color:black;text-decoration:none;}
#table {
border-color:#8AD546;
}
#form {
	background-color:#ecfec0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	/*width: 750px;*/
	margin-left: 50px;
}

#form p {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}

#header {
	background: #ffffff url(graphics/logo.jpg) no-repeat;
	width: 800px;
	height: 75px;
	border-color: #FFFFFF;
}
#mainimagebar{
	background: url(graphics/mainpic.jpg) no-repeat;
	width: 800px;
	height: 80px;
	background-color: #8AD546;
    width: auto;
}
#cmteimagebar{
	background: url(graphics/compic.jpg) no-repeat;
	width: 800px;
	height: 80px;
	background-color:#8AD546;
    width: auto;
}

#dirimagebar {
background: #8AD546 url(graphics/dirpic.jpg) no-repeat;
	width: 800px;
	height: 80px;
	background-color:#8AD546;
    width: auto;
}

#wrapper {
background-color: #ffffff;
}

#wrapper h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #000000;
	margin: 20px auto 0px auto;
	line-height: 20px;	/*text-decoration: underline;*/
}

#wrapper h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #000000;
	margin: 30px auto -15px auto;
	line-height: 20px;
}

#wrapper h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #21931E;
	margin: 30px auto -15px auto;
	line-height: 20px;
}

#container {
  width: 100%;
  float: right; 
  margin-left: -230px;
  background-color: #ffffff;
}


#leftcol{
background: #ecfec0;
background: url(graphics/left_col_bg.jpg); 
background-repeat: repeat-y;
float: left;
border-right-width: 3px;
width: 184px;
height: 800px;	
}

#sidebar {
font-family: Arial, Helvetica, sans-serif;
  width: 179px;
  margin-top: 30px;
  margin-left: 5px;
  float: left;
}

#dirleftcol{
background-image: url(graphics/left_col_bg.jpg); 
background-repeat: repeat-y;
float: left;
border-right-width: 3px;
width: 184px;
height: 1325px;	
}

#sidehead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #ECFEC0;
	font-weight: bold;
	font-style: italic;
	margin-left: 0px;
	margin-bottom: -10px;
		
}

#sidehead a{
	font-family: Arial, Helvetica, sans-serif;
color: #555555;
text-decoration: none;
/* text-decoration: underline;  */
height: 1%;
}

#sidehead a:hover, #sidebar a:focus {
	font-family: Arial, Helvetica, sans-serif;
	color: #33CC33;
	font-weight: bold;
	line-height: 14px;
}


#sidebar ul {
	font-family: Arial, Helvetica, sans-serif;
list-style-type: none;
color: #666666;
margin-left: 0px;
margin-top: -10px;
padding: 10px;
font-size: 90%;
}

#sidebar ul li {
	font-family: Arial, Helvetica, sans-serif;

padding: 0;
margin: 0; 
}

#sidebar ul li a {
font-family: Arial, Helvetica, sans-serif;

color: #21931E;
text-decoration: none;
/* text-decoration: underline;  */
height: 1%;
}

#sidebar ul ul {
	font-family: Arial, Helvetica, sans-serif;

list-style-type: none;
color: #666666;
margin-left: 10px;
margin-top: -10px;
margin-bottom: -10px;
padding: 10px;
font-size: 100%;
}

#sidebarp a:hover, #sidebar a:focus { 
	font-family: Arial, Helvetica, sans-serif;

color: #00773C;
/*text-decoration: underline;*/
font-weight: bold;
font-size: 12px;
}



#sidebarp ul {
	font-family: Arial, Helvetica, sans-serif;
list-style-type: none;
color: #666666;
margin-left: 0px;
margin-top: -10px;
padding: 10px;
font-size: 12px;
}

#sidebarp ul li {
	font-family: Arial, Helvetica, sans-serif;

padding: 0;
margin: 0; 
}

#sidebarp ul li a {
font-family: Arial, Helvetica, sans-serif;

color: #21931E;
text-decoration: none;
/* text-decoration: underline;  */
height: 1%;
}

#sidebarp ul ul {
	font-family: Arial, Helvetica, sans-serif;

list-style-type: none;
color: #666666;
margin-left: 10px;
margin-top: -10px;
margin-bottom: -10px;
padding: 10px;
font-size: 12px;
}

#sidebar a:hover, #sidebar a:focus { 
	font-family: Arial, Helvetica, sans-serif;

color: #00773C;
/*text-decoration: underline;*/
font-weight: bold;

}

#content {
	background-color: #ffffff;
	margin-left: 230px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;	
}

a:link {
 color: #21931E;
text-decoration: none;
}

a:visited { 
color: #999999;
text-decoration: none;
}

a:hover { 
color: #555555;
text-decoration: underline;
}

a:active {
color: #000000;
text-decoration: none;
}

/*a.external:link {
 color: #999999;
font-weight: bold;
}

a.external:visited { 
color: #000000;
font-weight: bold;
}

a.external:hover { 
color: #555555;
font-weight: bold;
}

a.external:active {
color: #999999;
font-weight: bold;
}
*/



#content ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
}

#randomimage {
	float: right;
	padding: 10px;
}

#subcontent {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	margin-left: 10px;
}

#subcontent h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	margin: 20px auto -15px 20px;
}

#subcontent p {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 20px;
	font-size: 12px;
}


#footer {
	clear: both;
	background: #FFFFFF url(graphics/bottom.jpg) no-repeat;
    width:800px;
	height: 80px;
	padding: 10px;
    width: auto;

}


.clearing {
  height: 0;
  clear: both;
}

#serleftcol{
background-color: #ecfec0;
background-image: url(graphics/left_col_bg.jpg); 
background-repeat: repeat-y;
float: left;
border-right-width: 3px;
width: 184px;
height: 900px;
}


#catmenu {
background-color: #ecfec0;
background-image: url(graphics/left_col_bg.jpg); 
background-repeat: repeat-y;
float: left;
border-right-width: 3px;
width: 184px;
height: 1550px;
}


#catleftcol{
background-color: #ecfec0;
background-image: url(graphics/left_col_bg.jpg); 
background-repeat: repeat-y;
float: left;
border-right-width: 3px;
width: 184px;
height: 1550px;
}