/* css for theme Satumu for starising.com - -  SatuWeb Version4 - 17 July 2010  */

*{margin:0; padding:0;}

body {font-size: 62.5%; font-family:Verdana, Georgia, Arial, Helvetica,  sans-serif; color: #333; background:transparent; background:;}

h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; background-color: transparent; color: #cc0033; clear: both; font-weight:normal;  }
h2, h3, h4, h5, h6 { margin:25px 0 10px; /* to bring paragraph closer to headline margin-left:-10px;*/ }
 
h1{font-size:23px; text-align: center;color:#ff0033;line-height:30px;}
h2 {font-size:18px; }
h3 {font-size:17px;}
h4 {font-size:15px; }
h5 {font-size:14px; }
h6 {font-size:13px;}

p, ul, ol{font-size:1.3em;line-height:18px; margin:10px 0;}
ul, ol{ margin-left:40px;}
li  {font-size:13px;line-height:20px; margin-bottom:5px; /* fix size to avoid bigger size in nested list*/}

dl {font-size:1.3em;line-height:16px; margin:15px 0;}
dt {margin-top:15px; margin-bottom:5px; font-weight:bold;}
dd {margin-left:15px; margin-bottom:5px;}

a:link {color:#0000ff; text-decoration: underline;}
a:visited {color: #663399;text-decoration: underline;}
a:hover {color: red; text-decoration: underline;}

abbr { border-bottom:1px dashed black;}
img 	{ border : 0; }
pre, code { background-color:#eae8be; font-size:12px; line-height:20px; padding:10px; width:90%; margin:0 auto;}
code {line-height:25px; padding:5px; width:95%; margin:10px auto; display:block;}
small{font-weight:normal;}

.blac {color:#000;}
.lef{text-align:left;}
.cen{text-align:center;}
.rig{text-align:right;}

.clearL { clear:left;}
.clearR { clear:right;}
.clearB { clear:both;}

/* Header */
#Header { background-color:#600; width:100%;  border-top:4px solid #fc3; border-bottom:4px solid #fc3; height:50px;}
#webtitle{float:left; font-family:"times new roman", times, serif;font-size: 2.7em; color:#e1ecff; font-style:italic;background:transparent;letter-spacing:3px;font-weight:bold;line-height:25px; margin:0px;  padding-left:5px; }
#rising {color:yellow;}
p#webtitle a:link, p#webtitle a:visited, p#webtitle a:hover, p#webtitle a:active {color:#e1ecff; text-decoration: none; }
p#webtitle a:hover  { color: #fc6;text-decoration: none;}
.googlesearch{clear:right;float:right; width:210px; height:25px; margin-top:5px; margin-right:5px;background:transparent;text-align:right;}
#sitetheme{font-family:"times new roman","palatino linotype", times, serif;; background:transparent; line-height:0px; color:#fc3; text-align:center; margin-top:15px; font-style:italic; letter-spacing:2px; font-weight:bold;}

/* MASTHEAD horizontal global navigation */
#access{width:100%; height:52px; background:transparent; /*border-bottom:3px solid #ccc; */ background:#ffe;}
#t1, #t2{width:100%; height:23px; font-family:Arial, Helvetica, sans-serif; text-align:center; }


#t1 {font-weight:bold; background:transparent;  }
#t1 ul {list-style-type: none; margin:0;}
#t1  ul li {display: inline;text-align: center; font-size:12px; padding:5px 10px 5px;}
#t1here {background:#fc3; padding:7px 10px 3px;}

#t2 {background:transparent; height:26px; margin-top:2px; }
#t2 ul {list-style-type: none; margin:0;}
#t2 ul li {display: inline;text-align: center;  font-size:0.9em; padding:4px 10px 9px ;}
#t2here { background:#eee; margin:0; }


/*  SATUMU SATUWEB HOME*/
#lefbox {float:left; width:400px; background:transparent;}
#lef0 { width:400px;  margin:0;}
#lef0 h3 {/*color:#9A964C; background:#E8E5BB */;margin:20px 0 10px; border-bottom:1px dotted #ccc;}

/*
#lef1, #lef2, #lef3 { width:465px; height:180px; border:2px solid #eee;margin-bottom:5px;}
#lef1 h3 {color:#495427;background:#E5FF99;margin:5px; text-align:center;}
#lef2 h3{color:#9A964C; background:#E8E5BB ;margin:5px; text-align:center;}
#lef3 h3{color:#004A97 ; background:#CBE4FE;margin:5px; text-align:center;}
#lef21 { width:280px; margin:0 auto; }
*/
#rigbox {float:right; width:300px; margin-top:10px;}
#rigbox h3{line-height:25px;}
#rig1,#rig2,#rig3,#rig4  { width:296px; height:180px; border:2px solid #eee;margin-bottom:5px;}
#rig2 {}
#rig1 h3 {color:#654C00; background:#FFE599;margin:5px; text-align:center;}
#rig2 h3{color:#DB3442;background:#EAD7BE;margin:5px; text-align:center;}
#rig3 h3{color:#EA9D38; background:#EAE8BE;margin:5px; text-align:center;}
#rig4 h3{color:#495427;background:#E5FF99; margin:5px; text-align:center;}
#rig1 p, #rig2 p, #rig3 p, #rig4 p {padding:0 10px;}


/* boxes for content */
.screen {background-color:#eee; font-family:georgia,times,serif; font-size:12px; line-height:20px; padding:10px; width:90%; margin:0 auto; border:2px solid #cc9;}
.quotemarks {background:#ccc url('../images/satumubg.png'); background-repeat:repeat; margin:20px 10%;  padding:20px 30px;}

.contnote {width:80%; margin:20px auto; padding:10px 30px; border:5px solid #69c; background-color:#ccf;}
.contnote h3, .contnote h4{font-size:1.4em; margin:5px 0 10px; color:black;}
.contnote p, .sidenoteli, .sidenote li{font-size:11px;}

#join {width:200px; margin:30px auto 5px;}

.shadowleft,  .shadowright {width:321px; height:32px; clear:both;}
.shadowright{background:#fff url('../images/shadow-right.jpg'); background-repeat:no-repeat; float:right;}
.shadowleft{background:#fff url('../images/shadow-left.jpg'); background-repeat:no-repeat; float:left;}
.shadowhori{background:#fff url('../images/shadow-hori.jpg'); background-repeat:repeat-x;width:100%; height:32px;}
/*
.shadowleft{background:#fff url('../images/shadowleftv4.gif'); background-repeat:no-repeat; margin-left:0px; }
.shadowleftn{background:#fff url('../images/shadowleft.gif'); background-repeat:no-repeat; margin-left:65px; }
.shadow11 {background:#fff url('../images/shadow11.jpg'); background-repeat:no-repeat; width:660px; height:34px; margin-left:35px; border-top:1px solid #ccc; }
*/


/* boxes for  sponsors */
.b468x60 {width:468px; height:60px ; margin:15px auto;}
.b728x90{width:728px; height:90px; background:#eee; border:1px solid white;}
.b250150R {width:250px; height:150px; float:right; padding: 20px 0 20px 30px;}
.b250150L {width:250px; height:150px; float:left; padding: 20px 20px 20px 0; }
.bcent {text-align:center; margin: 20px;}

.Fleft{float:left; padding:20px 0;}
.Fright{float:right;padding:20px 0;}

.bottomadd {width:100%; border:1px solid #ccc; margin:30px 0 0; text-align:center; }
.bottomadd  ul{list-style-type:none; }
.bottomadd  ul li{display:inline; margin-right:20px; font-size:11px;}

/* FatFooter favnav100 used for ver4. the rest % changed without change of id name */
#footnav730 { width:100%;  margin:0px auto;; background:white; border-top:3px solid #006;}
#footnav100 { width:100%;  margin:0px auto;; background:white; border-top:3px solid #006;}
h2.footnav , h3.footnav {background:#7f6ad9; margin:0; color:yellow; padding:5px 10px; font-size:16px;}
h3.footnav {text-align:right;}
#fnt2{float:left; width:24.5%;  }
#fnt31{float:left; width:25%; border-left:1px dotted #ccc;}
#fnt32{float:left; width:24.5%; border-left:1px dotted #ccc;}
#fnt4{float:left; width:25%; border-left:1px dotted #ccc;}

#fnt2 ul, #fnt31 ul, #fnt32 ul, #fnt4 ul {margin-left:5px; list-style-type:none; }
#fnt2 ul li, #fnt31 ul li, #fnt32 ul li, #fnt4 ul li{margin-left:5px; list-style-type:none; font-size:11px;}
#ft2here {background:#eef; height:25px;}

/* Footer */
#Footer {clear:both; width:100%;height:50px;background: #600; text-align:center;color:#ccc; border-top: solid 4px #fc3; border-bottom: solid 5px #fc3;margin:0; margin-top:0px; }
#footnote{/*height:20px;*/ width:500px; margin:0 auto;  }
#footnote p { font-size:1em; text-align:center; margin:5px ;/* removing margin will cause a gap at footer */}
#footnote p  a{color:#fc3; text-decoration:none;}
#logof {float:left;}
#validate {float:right; margin-top:5px;}

/* TO BE DELETED */
#riseshine { clear:both;font-family:verdana, serif; width:350px; height:100px; text-align:center; background:#eef;color:#aaa; margin:10px auto; border:1px solid #ccf; }
#riseshinef { clear:both;font-family:verdana, serif; width:400px; height:70px; text-align:center; background:transparent;color:#aaa; margin:0px auto; /*for footer */ }
#riseshinef p{font-size:1em; }


/* topbox - Level 3 - left menu right rotating adds */
#menubox600, #box600 {width:600px; height:250px; background:#fff; }
.lef300 {float:left;width:340px; background:transparent;}


.lef290 {float:left; width:290px; background:transparent; margin:0 0 20px; }
.rig290 {float:right; width:290px; background:transparent; margin:0 0 20px;}

#menubox730{width:730px;  background:transparent; margin:0 auto;}
.lef400 {float:left;width:400px; background:transparent;}
.rig300 {float:right;width:300px; background:transparent; }
.rig250 {float:right; width:250px; background:transparent; }
.rig250 ul , .rig200 ul{list-style-type:none; margin:0 0 0 10px;  }
.rig250 ul li, .rig200 ul li{font-size:11px; }

.rig200 {float:right; width:200px; background:#fff; border:1px dotted #ccc;}

#box600 ul, #topbox250 ul {list-style-type:none; margin:0;}
b200  {float:left; width:195px; border-right:1px dotted #ccc; margin-right:3px; height:200px;}


/* theme satumu for starising.com - 1 col, 2com and 3col -  2Jan2010 */
#PageWrap960 {width: 960px;  margin: 0px auto; text-align:left; background:;}

#Container900{width:900px; margin:0px auto; padding:0 0px 10px ; /*border:1px solid #ccc;*/ background:#fff;}
#Container730{width:730px; margin:0 auto; background:#fff;}
#banner728 {width:728px; height:90px; background:white;border:1px solid white; clear:both; margin:0 auto;}

#PageWrap730 {width:730px;  margin: 0px auto; background:#eee;}
#PageWrap950, #PageWrap950S{width: 950px;  margin: 0px auto; text-align:left; background:white;}

#Contentbox1N { } 
#Contentbox2N {width:80%; margin:0px auto; padding:0 30px 10px ; /*border:1px solid #ccc;*/ background:transparent; } 


/* single column 950*/
#Content950S {width:800px; margin:0px auto; border:1px solid #ccc; padding:20px 30px;}


/* 2 column */

#Content620 {float:left; width:625px; background:#fff;}
#Contentbox620 {width:543px; margin:10px auto; padding:10px 30px; border:1px solid #ccc;background:white;}

/* ----------------------------------------                         SideBar */
#Sidebar250, #Sidebar300, #Sidebar320, #Sidebar350 {float:right;font-family:Arial, Helvetica, sans-serif; font-size:11px; background:white; height:auto;}
#Sidebar250{width:250px;}
#Sidebar300{width:300px; /*with content 620*/ }
#Sidebar320{width:320px;}
#Sidebar320, #Sidebar320 a {font-size:11.5px;}
#Sidebar350 {width:350px;}

.sidesqbox {background:transparent; text-align:center; width:100%; /*to center box*/ margin:10px 0;}

#sidenav {width:auto; background:transparent; margin:10px; padding:10px; border:1px solid #eee;}
#sidenav h5{background:#eee; margin-top:0; padding:5px;}
#sidenav h6{margin:0; }
#sidenav ul{margin-left:10px; list-style-type:none;}

#OptIn {width:90%; padding: 10px 20px; border:2px dashed #C3FF00; border-right:1px solid #c3ff00; border-bottom:1px solid #c3ff00; margin:20px auto; /* background:#C3FF00;background:#7F6AD9; to use for submit*/}
#OptIn p {}

/* SBI Video Tours */
.sbivideotour {width:500px; text-align:center; background:#ccccff; margin:20px auto; padding:20px; border:2px solid #69c;}
.sbivideotour h2{margin:0;}