@import "/webshop2.css";
@import "/styles2.css";

html{
	background-image: url(images/back.jpg);
	text-align: center;
}

body {
    margin-left:auto;
	margin-right:auto;
	width: 1024px;
	height: 830px;
	text-align: center;
  font-family: Humanist, Johnston Sans, Verdana, Tahoma;
  font-size:12px;
}
body a{
  text-decoration: none; 
  color: #0B8450;
} 
body a:hover{ 
  color: #0B8450;
  text-decoration: underline;
}
body visited{
  text-decoration: none; 
  color: #0B8450;
} 
body img{
  border:none;
}
body hr{
  margin:10px;
  color:#028450;
}

.homebody {
	margin-left:auto;
	margin-right:auto;
	width: 900px;
	height: 700px;
	padding-top: 10px;
	text-align: center;
  font-family: Humanist, Johnston Sans, Verdana, Tahoma;
  font-size:12px;
  display:block;
}

#header1{
  width: 100%;
  height: 152px;
}

#smu_pic{
  margin-top:10px;
  margin-right:8px;
  display:block;
  float:left;
}
#main_pic{
  padding-top:10px;
  display:block;
  float:left;
  height:102px;
}
#ico_pic {
  display:inline-block;
  margin-top:5px;
  padding-left:5px; /*max*/
}

#header1_banners{
  float:left;
  display:block;
  width:564px;
  height:102px;
  margin-top:10px;
  position:relative;
  z-index:1000;
  background-color:white;
    -moz-border-radius-topright: 15px;
    -webkit-border-radius-topright: 15px;
    -khtml-border-radius-topright: 15px;
    border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-radius-bottomright: 15px;
    -khtml-border-radius-bottomright: 15px;
    border-radius-bottomright: 15px;
}
#homeban0{
  display:block;
  float:left;
  width:120px;
  height:102px;
	background-image: url(images/homegradient.png);
  margin-top:10px;
}
#homeban1{
  display:block;
  float:left;
  width:200px;
  margin-top:15px;
  margin-right:80px;
}

.homeban img{
  height:100%;
  width:100%;
}

.homeban {
  margin-right:10px;
}

#homeban3{
  display:block;
  float:left;
  width:220px;
  overflow:hidden;
  margin-top:35px;
}

#homeban1.homeban img{
  width:200px;
  height:70px;
}


#homeban3.homeban img{
  width:220px;
  height:31px;
}

#homeban2.homeban img{
  width:220px;
  height:46px;
}


#homeban2{
  display:block;
  float:left;
  width:220px;
  margin-top:25px;
}
#homeban2 img{
  /*padding:8px;
  width:240px;
  height:50px;*/
}

#content1{
  position:relative;
  z-index:0;
}

#footer1{
	text-align: center;
  position: relative; 
  float:left;
  width:100%;
  margin-top:20px;
  /*padding-top:30px;*/
}

#testelem{
	text-align: center;
  position: relative; 
	color: darkgreen;
  width:525px;
  float:left;
  min-height:690px;
}

#headmenu { 
  display: block;
  padding: 0px;
  height: 18px;
  width: 100%;
  text-align: right; 
  list-style: none; 
  float:right;
  font-size: 12px; 
} 
#headmenu a{ 
  text-decoration: none; 
  color: gray;
  display:inline;
} 
#headmenu a:hover{ 
  color: #0B8450;
} 
#headmenu ul { 
  margin: 0px 0px 0px 0px; 
  padding: 0;
  float:right;
  width:250px;
} 
#headmenu li  { 
  display: inline;
  /*padding-left:5px;*/
  padding-right:5px;
}
#headmenu li a { 
  color: #444; 
  text-decoration: none;
  position:relative;
  z-index:1000;
} 
#headmenu li a:hover { 
  color: #0B8450;
} 
#headmenu ul li.first  { 
  /*border-right: 1px solid #444;
  //float:left*/
} 

#langlist {
  padding: 0px;
  height: 18px;
  text-align: right; 
  list-style: none; 
  float:left;
  margin-left:55%;
  width: 120px;
}
#langlist li{
  border-right: 1px solid #444;
}
#langlist li.last{
  border:none;
}

#topmenu { 
  padding: 0px;
  height: 18px;
  width: 250px;
  text-align: right; 
  list-style: none; 
  float:right;
  font-size: 12px;
} 

#page1 {
  position: relative; 
}
#page {
  height:100%;
  
}

#header2{
	text-align: center;
  position: relative; 
  margin-left:10px;
  margin-bottom:24px;
}

#footer2{
	background-image: url(images/footer1.png);
  background-repeat: no-repeat;
  background-position: center;
	text-align: center;
	position:relative;
  font-family: verdana;
  font-size: 12px;
	bottom: 0px;
  float:left;
  width:100%;
  padding-top:15px;
  margin-left:-5px;
}
  
#container{
	text-align: center;
  position: relative; 
	height: 610px;
  width: 1024px; 
  margin: 0 auto;
}

#newscontent{
	border: dotted purple 2px;
	text-align: left;
	float: left;
	min-height: 650px;
  position: relative; 
  width: 525px; 
  margin: 0 auto;
}
#newslist{
	border: dotted gray 2px;
	text-align: left;
  position: relative;
  float:left;
}
#newsitem{
	border: dotted white 2px;
	text-align: left;
  position: relative;
  width: 455px; 
  margin: 0 auto;
  overflow: scroll;
}

#emptyline{
	/*border: dotted blue 1px;*/
	z-index:-1;
}

#news {
  /*background-image:url("/images/contentback.png");
  //border:solid black 2px;
  //height:672px;*/
  width:530px;
  float:left;
  display:block;
  list-style-type:none;
	text-align: justify;
}
#news ul { 
  list-style-type:none;
  display:block;
  padding-left:0px;
}
#news:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#news ul li {
  padding-top:10px;
  padding-bottom:10px;
  /*margin-right:30px;
  //margin-bottom:60px;*/
  border-bottom: 2px solid #028450;
  text-align:left;
}
#news ul li a{
  text-decoration:none;
}

#tablestyle{
  width:100%;
  border:1px solid #028450;
}
#tablestyle td{
  padding:5px;
  border:1px solid #028450;
}

#news #pagenav{
  text-align:center;
  bottom:20px;
}
#success #pagenav{
  text-align:center;
  bottom:20px;
}
#news form {
  float:right;
}

#comment-head{
  margin-bottom:5px;
  font-size:16px;
}
#content-head a{
  font-size:14px;
  font-weight:bold;
  line-height:150%;
}

#blog-title{
  padding-left:10px;
}
#blog-head {
  border-bottom: 1px dashed #aaaaaa;
  width: 530px;
  height: 18px;
  padding: 2px 0px 2px 0px;
}
#blog-head-item {
  /*float: left;
//  width: 150px;*/
  margin: 2px 0px 2px 10px;
  font-size: 12px;
  display:inline-block;
}
#blog-head-item-right {
  float: right;
  margin: 0px 2px 0px 2px;
  font-size: 12px;
  vertical-align: middle;
  position: relative;
  top: 0px;
}
#blog-head-item-right img{
height: 18px;
}
#blog-comment {
  width: 380px;
  height: 16px;
  float: left;
  padding: 0px 0px 0px 0px;
}
input.blogok {
  margin: 8px 0px 0px 10px;
}
#blog-comment-inp{
  padding: 0px 10px 0px 0px;
  width: 530px;
  /*float: left;*/
}
#blog-comtime{
  margin: 0px 0px 0px 0px;
  float: right;
  margin-top:-15px;
}
#blog-comment-head {
  background: #eeeeee;
  border: dashed 1px #aaaaaa;
  height: 16px;
  padding: 5px 5px 5px 10px;
}
#blog-comment-body {
  margin: 4px 10px 20px 10px;
}
#blog-coms{
  /*height:500px;*/
}
#blog-coms p {
  padding: 2px 10px 10px 10px;
  margin: 0px 0px 5px 0px;
}
#blog-coms li {
  margin: 0px 0px 0px 20px;
  color: red;
}
#blog-coms-head{
  margin-bottom:5px;
  font-size:14px;
  font-weight:bold;
}
input.blog-head-item {
  border: 1px solid #cccccc;
  margin-left: 10px;
  width: 95px;
}
input.blog-head-item2 {
  border: 1px solid #cccccc;
  width: 500px;
  margin-left: 10px;
}
textarea.blog-head-item2 {
  border: 1px solid #cccccc;
  margin-left: 10px;
  margin-top: 5px;
  padding: 0px;
  width: 508px;
  height: 100px;
}

#noflash{
display:block;
float:right;
height:40px;
width:100px;
/*margin-top:-30px;*/
margin-right:30px;
margin-bottom:-70px;
}
#noflash2{
/margin-left:10px;
margin-top:0px;
margin-bottom:0px;
text-align:center;
}

#sidebars{
  margin-top:0px;
	text-align: left;
  position: relative; 
	float: left;
	width: 192px;
	/*height:400px;*/
	font-size: 16px;
	display:block;
}
#sidebars ul{
  margin:0px 0px 0px 0px;
  padding:0px;
  list-style-type:none;
  display:block;
}
#sidebars ul li{
  display:table;
  width:192px;
  height:68px;
  margin-bottom:30px;
  text-align:center;
}
#sidebars ul li a{
  display: table-cell;
  vertical-align: middle;
  height:68px;
  background-image:url("/images/button1.png");
  text-decoration:none;
  text-align:center;
  color: #CF7200;
  padding-left:5px;
  padding-right:5px;
}
#sidebars ul li a:hover {
  background-image:url("/images/button1hover.png");
}
#sidebars2{
  margin-top:0px;
	text-align: left;
  position: relative; 
	float: left;
	width: 192px;
	/*height:400px;*/
	font-size: 16px;
	display:block;
}
#sidebars2 ul{
  margin:0px 0px 0px 0px;
  padding:0px;
  list-style-type:none;
  display:block;
}
#sidebars2 ul li{
  display:table;
  width:192px;
  height:68px;
  margin-bottom:30px;
  text-align:center;
}
#sidebars2 ul li a{
  display: table-cell;
  vertical-align: middle;
  height:68px;
  background-image:url("/images/button1.png");
  text-decoration:none;
  text-align:center;
  color: #CF7200;
  padding-left:5px;
  padding-right:5px;
}
#sidebars2 ul li a:hover {
  background-image:url("/images/button1hover.png");
}

#loginbox {
  position: relative;
  border: solid #028450 1px;
  /*background-image:url("/images/loginback.png");*/
  width:340px;
  height:173px;
  float:left;
  text-align:center;
  margin-left: 95px;
  margin-top: 160px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}
#loginbox span {
  margin-top:5px;
  height: 20px; top: 110px;
  display:block;
  width:100%;
}
#loginbox input {
  height: 18px; top: 0px;
  width:195px;
  padding-left:8px;
  padding-right:8px;
  border:solid 1px #028450;
  background-color:white;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}
#loginbox input.loginbutton {
  /*border: solid green 2px;*/
  margin-top:10px;
  width:120px;
  height: 24px; top: 0px;
  padding-left:-10px;
  border:solid 1px #028450;
  background-image:url("/images/greenbutton.png");
}  

#firstDiv { position: absolute; height: 100px; top: 110px; }
#secondDiv { position: absolute; height: 100px; top: 0; }

#topmenu_check{
  /*float:none;*/
}

#picture{
  float:left;
  margin-left:10px;
}
#picture_col{
  float:right;
  margin-left:160px;
}

#leftnav{
  text-align: left;
  position: relative; 
  float: left;
  width: 220px;
  height: 610px;
}
#rightnav{
  text-align: left;
  position: relative; 
  float: right;
  width: 220px;
  height: 610px;
}
#sidemenu {
  background-image:url("/images/leftnav.png");
  background-repeat: no-repeat;
  background-position: center;
 }

#sidemenu ul{
  margin:0px 0px 60px 34px;
  padding:0px;
  list-style-type:none;
  font-size:14px;
}
#sidemenu ul li{
  display:block;
  margin:0px;
  line-height:32px;
  width:180px;
  text-align:left;  
}
#sidemenu ul li a{
  display:block;
  color:white;
  text-decoration:none; 
  padding-left:15px;
}
#sidemenu ul li a:link{}
#sidemenu ul li a:visited{}
#sidemenu ul li a:active{}
#sidemenu ul li a:hover{
  color:white;
  background-image:url("/images/hover.png");
}
#sidemenu ul li a.active{
  color:white;
  padding-left:15px;
  background-image:url("/images/hover.png");
}

#sidemenu_small{
  /*list-style-type:none;*/
}
#sidemenu_small ul{
  list-style-type:none;
  margin:0px 0px 0px 5px;
  padding:0px;
}
#sidemenu_small ul li {
  display:block;
  height:30px;
  width:210px;
  margin-bottom:5px;
  background-repeat: no-repeat;
  background-position: center;
}
#sidemenu_small ul li a{
  display:block;
  height:24px;
  width:210px;
  padding-top:6px;
  text-decoration:none;
  font-size:14px;
  text-align:center;
  color: #CF7200;
  background-image:url("/images/poga.png");
}
#sidemenu_small ul li a:link{
}
#sidemenu_small ul li a:hover{
  background-image:url("/images/poga_hover.png");
  color: #0B8450;
  text-decoration: underline;
}
#sidemenu_small ul li a.active {
  background-image:url("/images/poga_hover.png");
}
#sidenavpic{
  margin:15px 5px 10px 5px;
  padding-top:5px;
  padding-bottom:5px;
  background-color:white;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}
#sidenavpic img{
  margin-left:5px;
  margin-top:5px;
  border:0px black solid;
}

#learnbydoin{
  margin-top:15px;
  display:inline-block;
}
#learnbydoin2{
  margin-top:-14px;
  display:inline-block;
}

#enternews ul{
  list-style-type:none;
  margin:0px;
  padding:0px;
}
#enternews ul li{
  display:block;
  height:36px;
  width:195px;
}
#enternews ul li a{
  display:block;
  height:36px;
  width:210px;
  font-size:16px;
  color: #CF7200;
  text-decoration:none;
  text-align: center;
  padding-top:17px;
  margin-top:15px;
  background-image:url("/images/poga.png");
}
#enternews ul li a:hover{
  background-image:url("/images/poga_hover.png");
  color: #0B8450;
  text-decoration: underline;
}
#enternews ul li a.active{
  background-image:url("/images/poga_hover.png");
}

#gallery_thumblist a {
  width:100px;
  height:80px;
  /*float:left;*/
}
#gallery_thumblist a img {
  margin: 20px 15px 10px 10px;
  width:100px;
  height:80px;
}
#gallery_thumb {
  margin: 10px;
  width: 100px;
  border: 1px solid #000;
}
#content-head {
  /*width:100px;*/
}

.fn {
  width:0px;
}

input.spinput {
  height:24px;
  width:460px;
  padding:0px;
  padding-left:8px;
  padding-right:8px;
  /*margin-top:10px;*/
  margin-top:10px;
  border:solid 1px #028450;
  background-color:white;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}
select.spinput {
  height:24px;
  width:192px;
  padding:0px;
  padding-left:8px;
  padding-right:8px;
  padding-top:3px;
  margin-top:10px;
  background-color:white;
  border:solid 1px #028450;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}
input.spbutton {
  margin-left:100px;
  width:205px;
  height:27px;
  border:solid 1px #028450;
  background-image:url("/images/greenbutton.png");
  background-color:white;
  -moz-border-radius:20px;
  -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.spinput{
width:500px;
  background-color:white;
}

#news #contlistimg img{
  float:left;
  width:135px;
  height:100px;
}
#news #content-detail {
  height:100px;
  margin-left:170px;
}

#media {
float:left;
list-style-type:none;
width:530px;
}
#media ul { 
  list-style-type:none;
  margin:0px;
  padding:0px;
  display:block;
  font-size:10px;
}
#media ul li {
  width:162px;
  height:175px;
  margin-left:8px;
  display:inline-block; 
  margin-top:20px;
}
#media ul li a{
  display:block;
  text-decoration:none;
  font-size:11px;
}
#media ul li #content-detail{
  padding-top:5px;
  width:162px;
  text-align:center;
}
#media #gallistimg {
  width:162px;
  height:125px;
  float:none;
  border:1px #028450 solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#media #gallistimg img{
  padding:12px;
  width:136px;
  height:101px;
  float:none;
}
#media #gallistimg a:hover{
  background-color:#007d53;
  width:162px;
  height:125px;
}
#media #comnav{
  bottom:20px;
  text-align:center;
}

#news #contimgbig img{
  float: left; 
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 3px;
  width:240px;
  height:180px;
}

#mainbox{
  display:block;
  background-image:url("/images/contentback.png");
  background-repeat: repeat-x;
  border:solid #028450 2px;
  /*height:672px;*/
  padding:20px;
  width:530px;
  float:left;
  text-align:left;
  list-style-type:none;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}
#mainbox h1#cont-header {
  font-size:15px;
  font-weight:normal;
  margin-top:-8px;
  color:green;
  /*margin-right:auto;*/
  text-align:right;
  margin-right:-10px;
}
#mainbox h1#reg-header{
 font-size:15px;
  font-weight:normal;
  margin-top:-8px;
  color:green;
  /*margin-right:auto;
  //text-align:right;*/
  margin-top:-30px;
  float:right;
  margin-right:-10px;
}
#mainbox h1#profile-header{
 font-size:15px;
  font-weight:normal;
  color:green;
  /*margin-right:auto;
  //text-align:right;*/
  margin-top:-37px;
  float:right;
  margin-right:-10px;
}
#mainbox h1#smuprofile-header{
 font-size:15px;
  font-weight:normal;
  color:green;
  /*margin-right:auto;
  //text-align:right;*/
  margin-top:-112px;
  float:right;
  margin-right:-10px;
}





/*documents */

#doc_box {
  margin-left: -30px;
  width: 510px;
  /*height:230px;*/
  display:block;
  background-color:#e3e9f0;
  margin-top:15px;
  margin-bottom:15px;
}

#doc_box .doc_col {
  padding:10px;
  width:490px;
  border:1px dashed #a0acba;
  text-align:left;
}

#doc_box .doc_col.last {
  /*border:none;*/
}

#doc_box .doc_col .doc_col_header {
  font-size:11px;
  color:black;
  text-align:center;
  display:block;
  height:20px;
}

#doc_box .doc_col {
  color:#999999;
}

#doc_box .doc_col a {
  display:block;
  height:20px;
  width:480px;
  overflow:hidden;
  color:#555555;
  text-decoration:none;
}


#doc_box .doc_col a.short {
  float:left;
  width:390px;
}

#doc_box .doc_col .approve_but {
  overflow:hidden;
  text-align:right;
}

#doc_box .doc_col a.approve_up{
  float:left;
  /*margin-left: 20px;*/
  margin-right: 28px;
  display:block;
  width:26px;
  height:20px;
  background-image:url("/images/appr_up.png");
  background-repeat:no-repeat;
}

#doc_box .doc_col a.approve_down{
  display:block;
  width:20px;
  height:20px;
  background-image:url("/images/appr_down.png");
  background-repeat:no-repeat;
}

#doc_box .doc_col a.approve_back{
  display:block;
  width:20px;
  height:20px;
  background-image:url("/images/appr_back.png");
  background-repeat:no-repeat;
}


#doc_box .doc_col .doc_col_labels {
  width:480px;
  text-align:right;
  height:20px;
}

#doc_box .doc_col .doc_col_lbl {
  float:right;
  overflow:hidden;
  margin-left:15px;
}