body.page {

}

#container {
color:#666666;
font-size:1em;
font-family: Helvetica, Arial, Verdana, Sans-Serif;
padding-bottom:50px;
}

#container a { 
color:#507AC3;
}

#container a:visited { 
}

#container a:hover {
	color:#C17878;
}

#container a:active { 

}

#container strong {
	color:#000;
}

#wrapper li {
background:transparent url(/img/list/bullet.png) no-repeat scroll 2px 6px;
margin:0pt;
padding:0pt 0pt 0pt 16px;}

/* template structure */

#wrapper {
width:960px;
margin:auto;
}

#wrapper h2 {
background-position:left center;
background-repeat:no-repeat;
border-bottom:1px solid #DDDDDD;
color: red;
font-weight:normal;
padding:4px 0pt;
font-size: 1.2em;
margin-bottom: 15px;
}

#header { 
background-repeat: no-repeat; 
height:110px;
margin: 0;
background-color: #929292;
background-image: url(wmv_logo.png);
}

#header .inner {
width:960px;
margin:auto;
}

#header img{  
margin-left:30px;
}

#header h1 {
display: none
}

#header em {
display: none
}

#header a.moofloor {
float:left;
display:block;
width:300px;
height:70px;
background:url(/img/head/mootools.floor.png) no-repeat;
}

/* margin structure */

#margin {
float: left;
overflow:hidden; 
width: 150px;
padding:10px 0 20px 0;
margin-left:10px;
}

/* content structure */

#content {
float: left; 
overflow:hidden; 
width: 560px;
border-left:1px solid #ddd;
margin-left: 20px;
padding-left: 20px;
border-right:1px solid #ddd;
margin-right:20px;
padding-right: 20px;
}

#content .pageinfo {
margin-bottom:10px;
}


#content h1 {
border-bottom:1px solid #DDDDDD;
color:#C17878;
font-size:28px;
padding:0 0 5px;
}


#content .pageinfo em {
display:inline;
text-transform:uppercase;
color:#0099ff;
}


#side  {
float: left; 
overflow:hidden; 
width: 150px;
padding-top: 10px;
font-size: 0.75em;
color: #444;
}


#detail {
float: left;
overflow:hidden;  
width: 10px;
padding:40px 0 20px 0;
border-right:1px solid #ddd;
margin-left:40px;
}

#footer {
position:fixed;
width:100%;
bottom:0;
height:40px;
background-color: #ccc;
}

#footer address {
height:10px;
color:#fff;
padding:15px 40px;
}

/* menus */

#header ul.mainmenu{
float:right;
font-size:16px;
margin:48px 0pt 0pt;
text-decoration:none;
}

#header  ul.mainmenu li {
float:left;
line-height:1;
margin:0pt;
padding:0pt;
border-left:1px solid #90abdc;
}

#header  ul.mainmenu li a{
-moz-outline:none;
text-transform:lowercase;
font-size:17px;
padding:2px 20px 2px 10px;
color:#fff;
text-decoration:none;
opacity:0.3
}


#header  ul.mainmenu li a.s,
.mainmenu li a.hs,
.mainmenu li a:hover{
opacity:1
}

#header .mainmenu li a:hover{
opacity:1
}

#header .mainmenu li a:active{
opacity:1
}


/* menus */

#wrapper ul.menu{
margin-bottom:20px;
}

#wrapper  ul.menu{

}

#wrapper  ul.menu li {
background:none;
}

#wrapper  ul.menu li a{
display:block;
padding:2px 0;
}


#wrapper  ul.menu li a.s,
.mainmenu li a.hs{
text-decoration: none;

}

/* sub menus */

#wrapper ul.submenu{
border-top:1px solid #DDDDDD;
padding:10px 0 10px;
}


#wrapper ul.submenu li {
border:none;
}

#wrapper ul.submenu li a{
text-decoration: underline;
color: 50
padding:1px 0;
font-size:.10px;
font-weight: normal;
text-align: right;
}

#wrapper ul.submenu li a:hover{
}


#wrapper ul.submenu li a.s,
#wrapper ul.submenu li a.hs{
font-weight:normal;
border:none;
}

/* Path */
#header .path {
text-transform:uppercase;
float:right;
padding: 4px;
}

/* image item */

#wrapper .item {
margin-bottom:20px;
}

#wrapper .small {
font-size:0.75em;
}

#wrapper .item .imageleft {
float:left;
/*_width:150px;*/
min-width:150px;
text-align:center;
margin-right:12px;
margin-bottom:12px;
}


#wrapper .item .imageleft {
float:left;
/*_width:150px;*/
min-width:150px;
text-align:center;
margin-right:12px;
margin-bottom:12px;
}

#wrapper .item .textright {
padding:0;
margin: 0 0 12px 1px;
/*_height:0;*/
}

#wrapper .item .imageright {
float:right;
/*_width:15px;*/
min-width:15px;
margin-left:12px;
margin-bottom:12px;
}

#wrapper .item .textleft {
padding:0;
margin: 0 15px 0 0;
/*_height:0;*/
}


#wrapper .item a.link {
display:block;
margin-top: 10px;
padding-left: 17px;
background:url(/img/link.png) no-repeat;
/*_height:0;*/
}


#wrapper .down a.link {
display:block;
font-size:0.9em;
margin-top: 10px;
padding-left: 17px;
background:url(/img/down.png) no-repeat;
/*_height:0;*/
}

#wrapper .clear {
clear:both
}


.login {
	margin: 100px auto;
	width: 320px;
}

.login label {
	display: block;
	width : 150px;
	float: left;
}

.login input {
	border : 1px solid #ddd;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
	padding: 2px;
	float: right;
}

.login .separator {
	height: 10px;
}

.login .btn {
	margin-top: 10px;
	background: #DDD;
	padding: 0;
	border: 1px solid #AAA;
	float: right;
}