/*********************************/
/* Style sheet by satiariyan.com */
/*********************************/
html {
   background:#FFFEF2;
   border: 0;
   margin: 0;
   padding: 0;
}
body {
   width: 100%;
   font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
   text-align:center;
   background:#FFFEF2;
   color:  #444444;
   font-size: 12px;
   line-height: 160%;
   margin: 5px 3px;
}
a, a:visited {
   text-decoration: none;
   color:#695003;
}
a:hover {
   color:#D8C914;
}

p {
   text-align:justify;
}
h1, h2, h3, h4, h5 {
   font-family: arial, verdana;
   color: #47080B;
   border-bottom: 1px solid #47080B;
   text-align: left;
   padding:0;
}
h1 {
   font-size: 160%;
   margin: 20px auto;
   line-height:25px;
}
h2 {
   font-size: 130%;
   margin: 30px auto 5px;
}
h3 {
   font-size: 120%;
   margin: 20px auto 5px;
}
h4 {
   font-size: 100%;
   margin: 15px auto 5px;
}
h5 {
   font-size: 90%;
   border:0;
   margin: 15px 0 0;
}
hr {
   text-align: center;
   margin: 20px auto;
   width: 20%;
   border: #47080B 1px dashed;
}
img {
   margin: 0;
   padding:0;
   border: 0;
}

ul, ol {
   margin: 0 5px 0 25px;
   padding: 0;
}
#content ul li ol, #content ol li ol,
 #content ul li ul, #content ol li ul {
  margin-left: 40px;
}

ul {
   list-style: circle;
   list-style-position:inside;
}
ol {
   list-style-position:outside;
}
li {
   margin: 3px 0;
   padding: 0;
}

fieldset {
   width:460px;
   margin:15px auto;
   padding: 15px 15px 5px;
}
legend {
   font-weight: bold;
}
label {
   width: 90px;
   float: left;
   margin-left: 10px;
   margin-right: 15px;
}
form p {
   clear: left;
   margin: 0;
   padding: 5px 0 8px;
   height: 1%;
}
/* ------------------------- */
/* --- Page Colums Begin --- */
/* ------------------------- */
#header {
   height: 103px;
   background: #5e0000;
   margin: 0;
}
#hleft {
   float:left;
   height: 100px;
   width: 480px;
   margin-left: 5px;
}
#hright {
   float:right;
   margin: 5px 10px 0;
   text-align:right;
   color: #cf8b08;
   font-size: 120%;
   font-weight: bold;
}
#hleft a, #hleft a:visited,
#hright a, #hright a:visited {
   color: #cf8b08;
}
#hleft a:hover, #hright a:hover {
   color:#D8C914;
}
.textheader {
   font-size:80%;
   margin:58px 0 0;
   text-align:right;
}

#wrapper {
   width : 990px;
   background: #FCF9E3;
   margin: 0 auto;
   padding: 0;
   border: #ae9c67 1px solid;
   text-align:center;
}
#floater {
   float:left;
   width:745px;
}
#content {
   float:right;
   text-align:left;
   margin:0;
   padding:0;
   width:500px;
}
#leftbar {
   float:left;
   margin: 0 20px 0 5px;
}
#rightbar {
   float:right;
   margin: 0 5px 0 20px;
}
#leftbar, #rightbar {
   text-align:center;
   padding:10px 0;
   width:190px;
}
#leftbar p, #rightbar p {
   margin-top:20px;
   margin-bottom:5px;
}
#leftbar a, #rightbar a,
#leftbar a:visited, #rightbar a:visited {
   font-size: 85%;
   font-weight: bold;
   height:14px;
}
#leftbar hr, #rightbar hr {
   text-align: left;
   margin: 20px 50px;
   width: 20%;
   border: #47080B 1px dotted;
}
#content ul,#content ol {
   margin: 20px 50px;
   padding: 0;
}

#content ul {
   list-style-position:outside;
}
#content li {
   text-align: justify;
}

#footer {
   height:30px;
   width: 980px;
   font-size:75%;
   margin: 0 auto;
   line-height: 140%;
}
#fleft {
   float:left;
   margin: 3px 5px;
   text-align:left;

}
#fright {
   float:right;
   margin: 3px 5px;
   text-align:center;
}
/* --------------------- */
/* --- Nav Bar Begin --- */
/* --------------------- */

#navtop {
   margin: 0;
   padding: 0;
   float: left;
   font-weight: bold;
   font-size: 100%;
   width: 100%;
   height:27px;
   overflow: hidden;
   z-index:1000;
   border: 0;
   background: #8c1212 url(images/gradtrans.png) repeat-x left center;
}
#navtop li {
   display: inline;
}
#navtop li a {
   float: left;
   color: #fbed8e;
   padding: 4px 10px;
   text-decoration: none;
   border-right: 1px solid #fbed8e;
}
#navtop li a:visited {
   color: #fbed8e;
}
#navtop li a:hover {
   background: #f83f3f url(images/gradtrans.png) repeat-x left center;
   color: #ffffb3;
}

#navtop li a.current {
   background: #c91313 url(images/gradtrans.png) repeat-x left center;
   color: #fcfeb8;
}

#navbar, #tocbar {
   border:0;
   text-align:left;
}
#leftbar ul, #rightbar ul,
#leftbar ol, #rightbar ol {
   margin:5px 5px 5px 20px;
   padding: 0;
}
#leftbar ul, #leftbar ol {
   margin-left:25px;
}
#leftbar ul li, #rightbar ul li,
#leftbar ol li, #rightbar ol li {
   margin:0;
   padding:0;
   line-height: 12px;
   text-align: left;
}
#leftbar ul li, #rightbar ul li {
   list-style: url('icons/li.gif') outside;
}
.navlocal {
   font-size:80%;
   margin: 15px auto 30px;
   border: #695003 1px dotted;
   line-height: 100%;
   padding:5px 0;
}
.navlocal h3 {
   font-size:120%;
   text-align: left;
   margin: 5px 10px 8px;
   padding:0;
}
#content .navlocal a,
#content .navlocal a:visited {
   font-weight: bold;
   text-decoration: none;
}

#content .navlocal ul {
   list-style: none;
}
#content .navlocal li {
   text-align: left;
   margin-right:10px;
}

#loginform {
   -moz-border-radius:11px 11px 11px 11px;
   -moz-box-shadow:0 4px 18px #C8C8C8;
   background:none repeat scroll 0 0 #FFFFFF;
   border:1px solid #E5E5E5;
   font-weight:normal;
   margin:60px auto 10px;
   padding:5px 20px 30px;
   width:360px;
}

#loginform h1 {
   background:url("images/logo-login.png") no-repeat scroll top center transparent;
   height:80px;
}

#nosidebar {
   width: 100%;
   margin: 5px auto;
   text-align:center;
}
#nosidebar p {
   margin: 0 auto;
   text-align: center;
}

/* --------------------- */
/* --- widgets begin --- */
/* --------------------- */
#content div.imgwid  {
   margin: 20px auto;
   text-align:center;
   padding:5px;
}
.imgwid p {
   margin: 0;
   padding:0;
   text-align: center;
}
.imgwid img {
   margin: 0;
   padding:1px;
   text-align: center;
   border: #ae9c67 1px solid;
}

#content div.ectwid  {
   margin: 10px auto 30px;
   text-align:left;
   padding:0 15px;
   border: #ae9c67 1px solid;
}
.ectwid h2, .ectwid h5 {
   color:#695003;
   font-size: 100%;
   margin: 0;
   border: 0;
}
.ectwid h2 {
   font-size: 110%;
}
.ectwid h5 {
   font-size: 90%;
}
#content ul.contentlist  {
   list-style: none;
}
#content ul.contentlist ul,
#content ul.contentlist ol {
   list-style: none;
   margin: 0 30px;
}
.vdo-box {
   text-align: center;
   width:560px;
   margin:10px auto;
   border:1px solid #AE9C67;
   padding: 0;

}

.th-table {
   text-align: center;
   margin:0 auto;
}
.thumbtable td {
   text-align: center;

}
#leftbar ul.thwid, #rightbar ul.thwid  {
   list-style-type: none;
   margin: 0 auto;
   text-align:center;
}
.thwid li {
   list-style: none !important;
   padding: 0;
   margin: 0;
   width: 190px;
   height: 142px;
}
.smallfont {
   font-size: 90%;
   line-height:12px;
   font-style: italic;
}
.smallnormal {
   font-size: 90%;
   line-height:12px;
   font-style: normal;
}
.pbsnotetop {
   font-size: 90%;
   line-height:12px;
   font-style: normal;
   margin-top:10px;
   margin-bottom: 10px;
}
.indent {
   margin-left:10px;
   text-align:left;
}
.center {
   text-align:center;
   margin: 0 auto;
}
.quote {
   list-style-type: none;
   margin: 0 60px
}
.success {
   color: #009900;
}
.error {
   color: #cc0000;
}
.warning {
   color: #000000;
   font-style: italic;
}
.note {
   font-style: italic;
}
.info {
   color: #000000;
   font-weight: normal;
}

/* Fixed Positioned AddThis Toolbox */
.addthis_toolbox {
   position: fixed;
   top: 5px;
   right: 5px;
   padding: 0;
   width: 24px;
}
.addthis_toolbox a {
   margin: 0;
   padding: 0;
   cursor: pointer;
}
.addthis_toolbox a img {padding: 0; border: 0; margin: 0 0 1px; opacity: 1.0; }
.addthis_toolbox a:hover img { margin: 1px 0 0; opacity: 0.75; }

/* Targets IE6. Adds 3 pixel indent for multi-line form contents. */
* html .threepxfix {
   margin-left: 3px;
}
#content hr {
   // margin:0 auto; /* ie7 */
}

#leftbar hr, #rightbar hr {
   // margin:10px 50px 0;
   // width:40%;
}