.blogroll {position:relative;width:274px;}
.blogroll p {width:274px;height:21px;background:url(../images/pbd-css-blogroll-rollover-img.png) 0 0 no-repeat;text-indent:-9999px;margin:0;}
.blogroll ul {width:272px;background:#214868;border:1px solid #48758d;border-width:0 1px 1px 1px;position:absolute;left:0;top:21px;margin:0;padding:0;list-style:none;}

.blogroll ul a:link, .blogroll ul a:visited {display:block;width:252px;padding:2px 10px 2px 10px;text-decoration:none;color:#93b8d3;font-weight:normal;}
.blogroll ul a:hover, .blogroll ul a:active {background:#366386;}

.blogroll {height:21px;overflow:hidden;}
.blogroll:hover {overflow:visible;}

.blogroll {display:none;}
html>body .blogroll {display:block;}

.footer
{
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-align:center;
}
.menu
{
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #58855B;
	line-height: 15px;
}

body {
	scrollbar-arrow-color:#D6D6D6;
	scrollbar-base-color:#F1F1F1;
	scrollbar-shadow-color:#B8B8B8;
	scrollbar-face-color:#F1F1F1;
	scrollbar-highlight-color:#F7F7F7;
	scrollbar-darkshadow-color:#F1F1F1;
	scrollbar-3dlight-color:#B8B8B8;
}
A
{
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #58855B;
	line-height: 15px;
}

A:hover
{
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #58855B;
	line-height: 15px;
	text-decoration:none;
}
.main
{
	margin-top: 18px;
	margin-right: 8px;
	margin-left: 15px;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #404040;
	line-height: 15px;
	text-align:justify;
}
.bodytextSmall
{
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #404040;
	line-height: 15px;
}
.header
{
	margin-top: 16px;
	margin-right: 8px;
	margin-left: 20px;
	font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #3E7344;
	line-height: 15px;
}
.header2
{
	margin-top: 14px;
	margin-right: 8px;
	margin-left: 20px;
	font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #3E7344;
	line-height: 15px;
}
.top
{
	margin-top: 8px;
	margin-right: 8px;
}
.navigate
{
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
	color: #45437E;
}
.headers
{
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: #3E7344;
}
.bodytext
{
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #707070;
}
.formheaders
{
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
}
A.navigate
{
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	color: #45437E;
}
A:hover.navigate
{
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: underline;
}
#button {
	width: 12em;

	padding: 0 0 0px 0;
	margin-bottom: 0px;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight:bold;
	background-color: #EBEDEC;
	color: #333;
	}
	
	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
			border-top: 1px solid #EBEDEC;
		margin: 0;
		list-style: none;
		list-style-image: none;
		}
	
	#button li a {
		display: block;
		padding: 4px 5px 5px 10px;
		border-left: 5px solid #676767;
		border-right: 10px solid #2A325A;
		background-color: #CDCE73;
		color: #000000;
		text-decoration: none;
		width: 170;
		}

	html>body #button li a {
		width: 100px;
		}

	#button li a:hover {
		border-left: 5px solid #808080;
		border-right: 10px solid #3D4777;
		background-color: #E9EA91;
		color: #000000;
		}
Input {
    border:1px solid #939191; background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;    
    color: #000000;
    background-image: url('../images/formbg2.gif');
}
.boxstyle {
    border:1px solid #939191; background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;    
    color: #000000;
    background-image: url('../images/formbg2.gif');
}
.none {
    border:0px solid #939191; background-color: #FFFFFF;
}
select {
    border:1px solid #939191; background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;    
    background-color: #ffffff;
	scrollbar-arrow-color:#D6D6D6;
	scrollbar-base-color:#F1F1F1;
	scrollbar-shadow-color:#B8B8B8;
	scrollbar-face-color:#F1F1F1;
	scrollbar-highlight-color:#F7F7F7;
	scrollbar-darkshadow-color:#F1F1F1;
	scrollbar-3dlight-color:#B8B8B8;
}
.my_table {
    border:2px solid #D0D0D0;
}

#gallery-category{padding:20px 0px 10px 20px; margin-bottom:0px; float:left}
#main-gallery{width:800px; margin-bottom:20px;margin-left:20px; position:relative;z-index:0;}
#main-gallery h4{font-size:16px; line-height:14px; margin:10px 0px 5px 0px;}
#main-gallery ul{list-style-type:none; margin:0px; padding:0px;}
#main-gallery ul li{list-style-type:none; margin:0px; padding:0px 0px 20px 0px; float:left; width:215px; height:185px;margin-right:20px;  background-image:none; line-height:20px}
#main-gallery ul li.nomargin{margin-right:0px;}
#main-gallery ul li img{margin-bottom:5px; display:block}
#main-gallery ul li a, #main-gallery ul li a:visited{color:#666;}
.portfoliobg { width:215px; height:120px; float:left; background:url(../images/hover-opacity.png) no-repeat top left; margin-bottom:10px}
#main-gallery ul li div.tblue{height:50px; float:left;}
div.tblue{color:#000000 !important; font-weight:bold;font-family:arial, verdana;font-size:12px;}
#gallery-category h2{float:left;position:relative;
z-index:999;}

#main-gallery ul li.gallery-description{width:800px;float:left;height:auto;}

#main-gallery ul li.gallery-description H3{

font-size:20px;
text-decoration:none; 
font-family:arial, verdana;
letter-spacing:-1px;
font-weight:normal;
margin-bottom:0px;
}

#main-gallery ul li.gallery-description P{
font-size:13px;
text-decoration:none; 
font-family:arial, verdana;
letter-spacing:0px;
font-weight:normal;
margin-top:5px;
padding-top:0px;
margin-bottom:0px;
}

.clr{clear:both}


.gallerymenu {
font-size:14px;
z-index:999;
position:relative;
background:#fff;
}
/* remove all the bullets, borders and padding from the default list styling */
.gallerymenu ul {
padding:0;
margin:0;
list-style-type:none;
}
.gallerymenu ul ul {
position:relative;
z-index:999;
width:350px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.gallerymenu li {
float:left;
position:relative;
width:350px;
background:#ffffff;
}
/* style the links for the top level */
.gallerymenu a, .gallerymenu a:visited {
display:block;
font-size:14px;
text-decoration:none; 
color:#000; 
height:30px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:ffffff; 
padding-left:10px; 
line-height:31px;

}
/* a hack so that IE5.5 faulty box model is corrected */
* html .gallerymenu a, * html .menu a:visited {
width:350px;
w\idth:339px;
}

/* style the second level background */
.gallerymenu ul ul a.drop, .gallerymenu ul ul a.drop:visited {
background:#f5f5f5;
}
/* style the second level hover */
.gallerymenu ul ul a.drop:hover{
display:block;
font-size:11px;
text-decoration:none; 
color:#000; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:red;  
line-height:31px;
width:350px;
}
.gallerymenu ul ul :hover > a.drop {
background:#c9ba65;
}
/* style the third level background */
.gallerymenu ul ul ul a, .gallerymenu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.gallerymenu ul ul ul a:hover {
background:#b2ab9b;
}
.gallerymenu ul ul ul :hover > a {
background:#b2ab9b;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.gallerymenu ul ul {
visibility:hidden;
position:absolute;
z-index:999;
height:0;
top:31px;
left:0; 
width:350px;
}
/* another hack for IE5.5 */
* html .gallerymenu ul ul {
top:30px;
t\op:31px;
}



/* style the table so that it takes no part in the layout - required for IE to work */
.gallerymenu table {position:absolute; top:0; left:0;}

/* style the second level links */
.gallerymenu ul ul a, .gallerymenu ul ul a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#000; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:f6f6f6;  
line-height:31px;
/* yet another hack for IE5.5 */
}
* html .gallerymenu ul ul a{
width:350px;
w\idth:329px;
}


/* style the top level hover */
.gallerymenu a:hover {
display:block;
font-size:14px;
text-decoration:none; 
color:#000; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#e6e6e6;  
line-height:31px;
}


.gallerymenu ul ul a:hover{
display:block;
font-size:11px;
text-decoration:none; 
color:#000; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#e6e6e6;  
line-height:31px;
}


.gallerymenu :hover > a, .gallerymenu ul ul :hover > a {
color:#fff;
background:#000000;
}

/* make the second level visible when hover on first level list OR link */
.gallerymenu ul li:hover ul,
.gallerymenu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.gallerymenu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.gallerymenu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.gallerymenu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.gallerymenu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

#middlebar ul, #middlebar li{margin:0; border:0; padding:0; list-style:none;}
#middlebar{
font-size:11px;
color:#3b5d14;
background:#90b557;
font-weight:bold;
padding:4px;
height:30px;
width:675px;
}
#middlebar .menu li {
background:url(../images/lm.png) left top no-repeat;
height:30px;
float:left;
margin-right:10px;
}
#middlebar .menu li a{
color:#3b5d14;
text-decoration:none;
padding:0 10px;
height:30px;
line-height:30px;
display:block;
float:left;
padding:0 26px 0 10px;
background:url(../images/rm.png) right top no-repeat;
}
#middlebar .menu li a:hover{
color:#666666;
}

#middlebar ul .submenu {
border:solid 1px #c9dea1;
border-top:none;
background:#FFFFFF;
position:relative;
top:4px;
width:300px;
padding:6px 0;
clear:both;
z-index:2;
display:none;
}
#middlebar ul .submenu li{
background:none;
display:block;
float:none;
margin:0 6px;
border:0;
height:auto;
line-height:normal;
border-top:solid 1px #DEDEDE;
}
#middlebar .submenu li a{
background:none;
display:block;
float:none;
padding:6px 6px;
margin:0;
border:0;
height:auto;
color:#105cbe;
line-height:normal;
}
#middlebar .submenu li a:hover{
background:#e3edef;
}



form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0;
	width:400px;
	padding:14px;
}



	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #bcbcbc;
		background:#fff;
		float:left;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}

	#stylized h4 {
		font-size:22px;
		font-weight:bold;
		margin-bottom:20px;
		clear:both;
		border-bottom:solid 1px #cdcdcd;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #cdcdcd;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size: 13px;
		clear:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
		font-family: 'Trebuchet MS',Arial;
	}
	#stylized input{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized div{
		float:left;
		font-size:12px;
		padding:4px 2px;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized div INPUT{

		font-size:12px;
		float:none;
		width:20px;
		margin:2px 0 5px 0px;
	}

#stylized div#roth
{
float:left;
clear:both;
width:450px;
margin:0;
}