/* CSS Document */

body {
margin: 0;
padding: 0;
background-color:#FFFFFF;
color: black;
background-image: url(bg.jpg);
background-repeat: repeat;
font: small Arial, Helvetica, Verdana, sans-serif;
}

body a:link {
text-decoration:underline; color:#000000;
}

body a:visited {
text-decoration: underline; color:#000000;
}

#wrapper {
background-color:#FFFFFF;
background-image: url(bg_wrapper1.jpg);
color: black;
margin: 10px 10px 10px 10px;
padding: 10px;
border: 2px solid black;
}

#header {
border: 0px solid  #FF0000;
}

/* this applies to the supplementary image on header */
#header_image {
position: absolute;
border: 0px solid #b9d2e3;
top: 22px;
right: 230px;
width: 220px;
margin: 0;
padding: 0;
}

#header-bottom {
/**border-top: 1px solid #b9d2e3;
border-bottom: 1px solid #b9d2e3;**/
}

#header-bottom ul {
margin: 0;
padding: 0;
padding: 0 30px 0 0;
text-align: right;
}
#header-bottom li {
display: inline;
/**background-color: #fdf8f2;**/
/** color: #050845; **/
color: #FF0000;
}
#header-bottom a:link, #header-bottom a:visited {
texxt-decoration: none;
/**background-color: #fdf8f2;**/
color: #050845;
}
#tagline {
font-weight: bold;
/**background-color: #fdf8f2;**/
color: #b9d2e3;
font-style: italic;
margin: 0;
padding: 0 0 0 20px;
width: 300px;
float: left;
}

/* fix menu which shows top level categories only <!--CatName-->*/
#menu {
background-color: #FFFFFF;
text-decoration:none; color:black;
border: 0px solid black;
padding: 5px;
float: left;
}

/* breadcrum menu on top of pages */
#breadcrum {
background-image: url(bread_bg.jpg);
background-color:#CCCCCC;
border: thin #999999;
padding:5px;
}

/* the main slogan/add section */
#mainfeature {
background-image: url(feature.jpg);
background-repeat: no-repeat;
background-color: white;
background-position: top left;
color: black;
padding: 2em 300px 0px 30px;
border: 1px solid #999999;
}

#mainfeature h1 {
margin: 0;
font-weight: normal;
font-size: 140%;
padding: 90px 0px 0px 90px;
text-align: center;
}
#mainfeature p {
font-size: 110%
text-align: center;
}

#mainfeature p.more {
margin-top: 0;
text-align: right;
padding: 0px 0px 0px 0px;
}
#mainfeature p.more a:link, #mainfeature p.more a:visited {
color: black;
background-repeat: no-repeat;
background-position: center left;
padding-left: 14px;
}

/* This applies to dynamic categories for each page <!--CatName--> */
#catname {
color:#FFFFFF;
}

#catname h1 {
font-weight: bold;
font-size: 100%;
padding: 0px;
text-align: left;
text-decoration:none; color:#FFFFFF;
padding:2px;
border: 1px solid #999999;
}

#dropdown {
border:1;
color:(border:#000066, border:thick, background:#666666, color:#FFFFFF);
margin: 0;
padding: 10 10 10 10px;
float: right;
}


#main {
position: relative;
top:0;
left: 0;
width: 100%;
margin-top: 10px;
}

#content {
margin: 0 240px 0 0px;
border: 1px solid 070707;
background-color: white;
color: black;
}




#content .inner {
color:black;
margin: 10px 20px 10px 40px;
}



#content .inner h2 {
color: #245185;
padding-bottom: 0.2em;
border-bottom: 1px solid #b9d2e3;
font-size: 110%;
}

#content .inner ul.features {
margin: 0;
padding: 0;
list-style: none;
}

#content .inner h3 {
font-size: 130%;
color:#333333;
}

#content .inner h3 a:link, #content .inner h3 a:visited {
color:#003366;
}

#content .inner p{
color: black;
font-size: 90%;
font-family:Arial, Helvetica, sans-serif;
background:#FFFFFF;
border:#CCCCCC;
 }
 
#content .inner p a:link, #content .inner p a:visited {
color: #000099;
}

#content .inner p.more{
margin-top: 0;
text-align: right;
}


#content .inner p.more a:link, #content .inner p.more a:visited {
color: black;
background-image: url(more-bullet.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 14px;
font-size: 90%;
color: #1e4c82;
}

#content .pol {
width:300;
float:left;
background-color:#CCCCCC;
border: 1px solid #999999;
padding:10px;
}

#sidebar {
position: absolute;
border: 1px solid black;
top: 0;
right: 0;
width: 220px;
background-color: #666666;
color: white;
margin: 0;
padding: 0;
}

#sidebar h3 {
font-size: 110%;
background-image: url(sidebar-header-bg.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0.2em 0 0.2em 10px;
font-weight: bold;
}

#sidebar h2 {
background-image:none;
border:none;
font-size:110%;
margin: 0;
padding: 0.2em 0 0.2em 10px;
font-weight: normal;

}


#sidebar .inner {
padding: 10px;
}

#sidebar ul {
list-style-image: url(more-bullet.gif);
margin-left: 0;
padding-left: 1px;
}
#sidebar p, #sidebar li {
font-size: 90%;
line-height: 1.4em;
}
#sidebar ul a:link, #sidebar ul a:visited {
color: white;
}

#searchform .text {
width: 196px;
border: 1px solid #b9d2e3;
}


#searchform .searchbutton {
text-align: right;
margin-top: 4px;
}

#searchform .btn {
font-weight: bold;

text-align: center;
color: #2b333c;
background: #fefefe url(element_bg.gif) repeat-x;
border: 1px solid;
border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#AAAAAA);
box-shadow: 0 1px 2px #AAA;
padding: .2em 1.5ex;
_padding: .2em 2ex;
_width/**/:1px;
_white-space: nowrap;
overflow: visible; /* fix button width for IE 5.5 to 7 */
cursor: pointer;
_cursor: hand;
}
.bodyRect {
	background-color: #EAECFB;
	background-image: url(rounded_gray_bg.gif);
	background-repeat: repeat-x;
	border: solid 1px #2424B3;
	border-bottom: none;
	color: #000;
	width: 100%;
}

.bodyRect .bottom {
	border-bottom: solid 1px #2424B3;
	border-bottom-style:ridge;
	height: 10px;
	
	
}
.bodyRect .middle {
	margin: 10px 12px 0px 12px;
}
.bodyRect .cn {
	background-image: url(rounded_blue_circle.gif);
	background-repeat: no-repeat;
	height: 10px;
	line-height: 10px;
	position: relative;
	width: 10px;
}
.bodyRect .tl {
	background-position: top left;
	float: left;
	margin: -2px 0px 0px -2px;
}
.bodyRect .tr {
	background-position: top right;
	float: right;
	margin: -2px -2px 0px 0px;
}
.bodyRect .bl {
	background-position: bottom left;
	float: left;
	margin: 2px 0px -2px -2px;
}
.bodyRect .br {
	background-position: bottom right;
	float: right;
	margin: 2px -2px -2px 0px;
}

.headerRect {
	background-color: #666666;
	background-image: url(title_black_bg.gif);
	background-repeat: repeat-x;
	border: solid 1px #2424B3;
	margin-bottom:5px;
	color: #000;
	width: 100%;
	height:30px;
	
}

.headerRect .bottom {
	border-bottom: solid 1px #2424B3;
	border-bottom-style:ridge;
	height: 10px;

}
.headerRect .middle {
	margin: 0px 12px 0px 12px;
}
.headerRect .cn {
	background-image: url(rounded_black_circle.gif);
	background-repeat: no-repeat;
	height: 10px;
	line-height: 10px;
	position: relative;
	width: 10px;
}
.headerRect .tl {
	background-position: top left;
	float: left;
	margin: -2px 0px 0px -2px;
}
.headerRect .tr {
	background-position: top right;
	float: right;
	margin: -2px -2px 0px 0px;
}
.headerRect .bl {
	background-position: bottom left;
	float: left;
	margin: 2px 0px -2px -2px;
}
.headerRect .br {
	background-position: bottom right;
	float: right;
	margin: 2px -2px -2px 0px;
}


.dropshadow2 {
	float:left;
	clear:left;
	background: url(shadowAlpha1.png) no-repeat bottom right !important;
	background: url(shadowAlpha.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	/*width: 500px;*/
	padding: 0px;
	width:100%;
	
}
.innerbox{
	position:relative;
	bottom:12px;
	right: 12px;
	border: 0px solid #999999;
	padding:0px;
	margin: 0px 0px 0px 0px;
}
.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{		
	font-size:10px;
	margin: 3px;
}

/*http://www.alistapart.com/articles/cssdrop2/*/
.alpha-shadow {
  float: left;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.alpha-shadow div {
  background: url(shadow2.png) no-repeat left top !important;
  background: url(shadow2.gif) no-repeat left top;
  padding: 0px 6px 2px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
}


.img-shadow {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }