@charset "windows-1252";

body {
margin: 0em; 
font-size: small;  
font-family: Verdana, Arial, sans-serif;  
background-image: url(../images/back.gif); 
background-repeat: repeat-x; 
background-color: #666666;
}

p.clear { 
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-right: 0px; 
clear:left;
}

#white {
width: 770px; 
float: left;
display: inline;
background-color: #fff;
}

#shadow {
width: 990px; 
float: left;
display: inline;
background-image: url(../images/white.gif); 
background-repeat: repeat-y; 
}

#container {
width: 770px; 
margin-right: auto; 
margin-left: auto; 
margin-top: 15px; 
padding-top: 0em;
background-color: white;
}

#top {
width: 770px; 
height: 95px;
float: left;
display: inline;
background-image: url(../images/logo.gif); 
background-repeat: no-repeat; 
}

#top h1{
text-indent: -1000em;
}

#top p{
text-indent: -1000em;
}

#logo {
width: 162px; 
height: 96px;
background-image: url(../images/logo.gif); 
background-repeat: no-repeat; 
float: left;
display: inline;
}

#box{
width: 740px; 
height: 245px;
border: 1px solid #999966;
float: left;
display: inline;
margin: 0px 0px 0px 13px;
}

#pic div.box_link{
float: left;
display: inline;
margin: 0px 12px 10px 0px;
}

#pic div.box_link_end{
float: left;
display: inline;
margin: 10px 0px 0px 0px;
}

#pic div.box_link_end{
float: left;
display: inline;
margin: 0px 0px 0px 0px;
}

#nav {
width: 138px; 
float: left;
display: inline;
margin: 30px 0px 0px 30px;
}



/*#nav p:hover{
background-color: red;
}

#nav a{
color: white;
text-decoration: none;
}

#nav p:hover{
background-color: red;
}
*/
.navlink {
	margin: 3px 0px 0px 0px;
	font-size: 80%;
	background-color: #999966;
	color: #ffffff;
	display: block;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 137px;
	padding: 7px 0px 7px 5px;
	/*text-indent: 6px;*/
	line-height: 1em;
}

a.navlink:hover {
	background-color: #B0B083;
	color: #ffffff;
}

a.navlinkxx {
	margin: 3px 0px 0px 0px;
	font-size: 80%;
	background-color: #B0B083;
	color: #ffffff;
	display: block;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 137px;
	padding: 7px 0px 7px 5px;
	/*text-indent: 6px;*/
	line-height: 1em;
}

.navlink_prod {
	margin: 3px 0px 0px 0px;
	font-size: 80%;
	background-color: #999966;
	color: #ffffff;
	display: block;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 137px;
		padding: 7px 0px 7px 5px;
	/*text-indent: 6px;*/
	line-height: 1em;
}

a.navlink_prod:hover {
	background-color: #B0B083;
	color: #ffffff;
}

.navlink_switch {
	margin: 3px 0px 0px 5px;
	font-size: 80%;
	background-color: #ffffff;
	color: black;
	display: block;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 137px;
		/*padding: 7px 0px 7px 5px;*/
	/*text-indent: 6px;*/
	line-height: 1em;
}

a.navlink_switch:hover {
	background-color: #fff;
	color: #999966;
}

.navlink_item {
	margin: 3px 0px 0px 5px;
	font-size: 80%;
	background-color: #ffffff;
	color: black;
	display: block;
	text-decoration: none;
	/*font-weight: bold;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 132px;
	background-image: url(../images/arrow.gif); 
background-repeat: no-repeat; 
background-position: 0px 3px ;
		padding: 2px 0px 2px 5px;
	/*text-indent: 6px;*/
	line-height: 1em;
}

a.navlink_item:hover {
	background-color: #D7D7C0;
	color: #666640;
	background-image: url(../images/oarrow.gif); 
}

.navlink_itemxx {
	margin: 3px 0px 0px 5px;
	font-size: 80%;
background-color: #D7D7C0;
	color: black;
	display: block;
	text-decoration: none;
	/*font-weight: bold;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 132px;
	background-image: url(../images/oarrow.gif); 
background-repeat: no-repeat; 
background-position: 0px 3px ;
		padding: 2px 0px 2px 5px;
	/*text-indent: 6px;*/
	line-height: 1em;
}

a.navlink_itemxx:hover {
	background-color: #D7D7C0;
	color: #666640;
	background-image: url(../images/oarrow.gif); 
}

#cmsx {
width: 550px; 

float: left;
display: inline;
margin: 30px 0px 0px 15px;

}

#cms {
width: 554px; 
float: left;
display: inline;
margin: 30px 0px 0px 15px;

}

#cms h1{
font-size: 1.3em;
color: #666600;
margin: 0px 0px 5px 0px;
}

#more{
float: right;
display: inline;
font-size: 9px;
}

#more a{
color: #666666;
/*font-weight: bold;*/
text-decoration: none;
}

#more a{
color: #999999;
}

#cms h2{
font-size: 1.1em;
color: #666600;
margin: 0px 0px 7px 0px;
}

#cms h3{
font-size: 1.0em;
color: #666600;
margin: 0px 0px 7px 0px;
}

#cms p{
margin: 0px 0px 5px 0px;
color: #333333;
}

#cms td{
margin: 0px 0px 5px 0px;
color: #333333;
}

#cms a{
margin: 0px 0px 0px 0px;
color: #666600;
}

#cms a:hover{
margin: 0px 0px 0px 0px;
color: #888822;
}

#cms img.border{
margin: 0px 0px 10px 10px;
border: 1px solid #999966;
}

#cms img.right{
margin: 0px 0px 10px 10px;
}

#cms div.dotted{
width: 530px;
height: 4px;
overflow: hidden;
background-image: url(../images/dot.gif); 
}

#cms p.dotted{
width: 530px;
height: 4px;
overflow: hidden;
background-image: url(../images/dot.gif);  
}

#footer {
width: 100%;
text-align: center;
color: #aaaaaa;
font-size:10px;
letter-spacing: -1px;
float: left;
display: inline;
}
#footer a{
color: #aaaaaa;
text-decoration: none;
}

.sortable-list {
    margin : 0;
}
.sortable-list li {
    border : 1px solid #000;
    cursor : move;
    margin : 2px 0 2px 0;
    padding : 3px;
    background : #f7f7f7;
    border : #ccc;
    width : 400px;
}
#pic {
width: 710px; 
height: 215px;
float: left;
display: inline;
margin: 15px 0px 0px 15px;
/*background-image: url(../pics/pic1.jpg); 
background-repeat: no-repeat; */
}