ul.circle {list-style-type: circle}

body{
margin:10;
padding:0;
line-height: 1.2em;
}

h1 {
  color: #FFFFFF;
  background: none;
  font-weight: bold;
  text-align: center
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding-top: 0px;
}

#topsection{
height: 60px;
background: #FFFFFF;
}

#topsection h1{
margin: 0px;
padding-top: 0px;
}

#contentwrapper{
float: left;
width: 100%;
margin:0;
padding-top: 0px;
}

#contentcolumn{

width: 220px;
margin: 0px 0px 0 370px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
padding-top: 0px;
background: #FFFFFF;
}

#leftcolumn{
float: left;
margin: 0px  0px 0 0px;
width: 370px; /*Width of left column in pixel*/

margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
margin: 0px  0px 0 0px;
width: 360px; /*Width of right column*/

margin-left: -360px; /*Set left margin to -(RightColumnWidth)*/
}

#foot{
clear: left;
width: 100%;
margin: 0 0 0 0;
text-align: center;
padding: 0 0;
}

#footer{
clear: left;
width: 100%;
margin: 0px 0 0px 0;
background: #fff;
color: #000;
text-align: center;
padding: 0 0;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.jointbook.com/main/ */

.indentmenu{
font: 12px Arial;
width: 962px; /*leave this value as is in most cases*/
height: 30px;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #D3D3D3; /*dark purple border*/
border-width: 1px 0;
background: black url(http://www.jointbook.com/main/img/bg/menu.jpg) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 6px 16px;
text-decoration: none;
border-right: 1px solid #D3D3D3; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
padding: 6px 16px;
text-decoration: none;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: black !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 6px; /*shift text down 1px for selected and active item*/
background: black url(http://www.jointbook.com/main/img/bg/menux.jpg) center center repeat-x;
}

.blank {
margin: 0;
padding: 0px;
height: 4px;
background: #aaa;
border-bottom: 1px solid #999;
}

p.font01 {
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding: 10px;
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 7px;
	line-height: 180%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	text-indent: 0ex;
        color: #333333;
}

p.font02 {
margin: 1px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 1;
padding: 0px;

	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 150%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
        color: #333333;
}

p.font03 {
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding: 4px;
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 7px;
	line-height: 180%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	text-indent: 0ex;
        color: #333333;
        background: black url(http://www.jointbook.com/main/img/jb/bg35.bmp) center center repeat-x;

}

p.fontsblack {
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: small;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
        color: black;
}

a:link {color:#0000A0;
            font-family: verdana;
            font-size: small;
            line-height: 100%;
            padding: 0px;
            margin: 0px;
            text-decoration: none;}
a:visited {color:#0000A0;
            font-family: verdana;
            font-size: small;
            line-height: 100%;
            padding: 0px;
            margin: 0px;
            text-decoration: none
      }
a:active {color: green;
 text-decoration: none;}
a:hover {color: red;
 text-decoration: none;}

span.hlight {
	font-family: arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: small;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
        color: red;
        background-color:yellow;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.jointbook.com/main/ */
.somediv{
width: 350px;
height: 130px;
clear: left;
padding: 5px 5px 5px 5px;
border: 1px solid #D3D3D3;

margin-top: 5px;
 background: #FFFFFF;
}

.smalldiv{
width: 335px;
height: 60px;
clear: left;
padding: 5px 5px 5px 5px;
border: 1px solid #D3D3D3;
margin-top: 5px;
 background: #FFFFFF;
}


.divleft{
width: 350px;
height: 70px;
clear: left;
padding: 5px 5px 5px 5px;
border: 1px solid #D3D3D3;

margin-top: 5px;
 background: #FFFFFF;
}


.divleftx{
width: 350px;
height: 276px;
clear: left;
padding: 5px 5px 5px 5px;
border: 1px solid #D3D3D3;

margin-top: 5px;
 background: #FFFFFF;
}


.divrightx{
width: 347px;
height: 135px;
clear: left;
padding: 5px 5px 5px 5px;
border: 1px solid #FFCC00;

margin-top: 5px;
 background: #FDFDF0;
}

 .floatleft
{
float: left;
width: 140px;

}


 .floatleftx
{
float: left;
width: 70px;
}

 .floatrightx
{
float: left;
width: 140px;
}



/* Category  padding: 10px 5px 5px 5px;*/
.leftbox{
width: 220px;
height:300px;
clear: left;
padding: 0px 0px 0px 0px;
border: 1px solid #D3D3D3;
margin: 0px;
margin-top: 5px;
margin-bottom: 6px;
 background: #FFFFFF;
}


/* Middle*/
.catbox{
width: 220px;
height:222px;
clear: left;
padding: 0px 0px 0px 0px;
border: 1px solid #D3D3D3;
margin: 0px;
margin-top: 6px;

 background: #FFFFFF;
}

.catbox1{
width: 220px;
height:733px;
clear: left;
padding: 10px 0px 0px 0px;
border: 1px solid #D3D3D3;
margin: 0px;
margin-top: 6px;

 background: #FFFFFF;
}

.catbox2{
width: 220px;
height:747px;
clear: left;
padding: 10px 0px 0px 0px;
border: 1px solid #D3D3D3;
margin: 0px;
margin-top: 6px;

 background: #FFFFFF;
}

.catbox3{
width: 220px;
height: 417px;
clear: left;
padding: 0px 0px 0px 0px;
border: 1px solid #D3D3D3;
margin: 0px;
margin-top: 6px;

 background: #FFFFFF;
}


/* avatar  */
.middlebox{
width: 220px;
height:220px;
clear: left;
padding: 0px 0px 0px 0px;
border: 1px solid #D3D3D3;
margin: 0px;
margin-top: 5px;
margin-bottom: 10px;


 background: #FFFFFF;
}

.img
{
  margin: 5px;
  padding: 4px 4px 4px 4px;
  border: 1px solid #D3D3D3;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	


.imgx
{
  margin: 0px;
  padding: 4px 4px 4px 4px;
  border: 1px solid #D3D3D3;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	


h2.pos_abs
{
position:absolute;
left:700px;
top:20px
}