html,body {
   margin:0 auto;
   padding:0;
}
/* define block positions */
body {
  background: #ffffff  url(http://www.ultijoomla.com/templates/uj_puzzle/images/bodybg.png) repeat-x;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #000000;
  text-align:center;
  height:100%;
}
div.uj_wrap {
  width: 1000px;
  margin: 0 auto;
  padding: 0px;
  height:auto !important; /* real browsers */
  height:100%; /* IE6: treaded as min-height*/
  min-height:100%; /* real browsers */
  text-align:left;
}
div.uj_flash1 {
  width: 450px;
  float:left;
}
div.uj_top {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  overflow:hidden;
  background: url(http://www.ultijoomla.com/templates/uj_puzzle/images/topbg.png) no-repeat;
}
div.uj_topbanner {
  width: 50%;
  height: 70px;
  float:right;
  margin: 20px 30px 18px 0;
  overflow:hidden;
}
div.uj_topmenu {
  width: 100%;
  float:right;
  height: 47px;
  margin: 0;
  overflow:hidden;
}
div.uj_toptop {
  text-align: center;
  width: 100%;
  height: 210px;
  margin: 0;
  padding: 0px 0 0 30px;
  float:left;
  overflow:hidden;
  background: url(http://www.ultijoomla.com/templates/uj_puzzle/images/toptopbg.png) repeat-y;
}
div.uj_topbottom {
  width: 100%;
  height: 6px;
  margin: 0;
  padding-top: 0px;
  overflow:hidden;
  float:left;
  background: url(http://www.ultijoomla.com/templates/uj_puzzle/images/topbottombg.png) no-repeat;
}
div.uj_main {
  width: 100%;
  margin: 0 auto;
  overflow:hidden;
  background: url(http://www.ultijoomla.com/templates/uj_puzzle/images/mainbg.png) repeat-y;
}
div.uj_maincontent1 {
  width: 550px;
  float:left;
  margin: 0 10px 0 30px;
  padding:0px;
  overflow:hidden;
  display:inline;
}
div.uj_maincontent2 {
  width: 660px;
  float:left;
  margin: 0 10px 0 30px;
  padding:0px;
  overflow:hidden;
  display:inline;
}
div.uj_maincontent3 {
  width: 940px;
  float:left;
  margin: 0 30px 0 30px;
  padding:0px;
  overflow:hidden;
  display:inline;
}
div.uj_mainleft {
  width: 198px;
  float:left;
  margin: 20px 10px 0 0;
  background: #F1FFD2;
  border: 1px solid #7A9C2D;
  overflow:hidden;
}
div.uj_mainright {
  width: 200px;
  float:right;
  margin: 3px 20px 0 5px;
  overflow:hidden;
}
div.uj_bottomtop {
  width: 100%;
  height: 10px;
  margin: 0 auto;
  clear:both;
  background: url(http://www.ultijoomla.com/templates/uj_puzzle/images/bottomtopbg.png) no-repeat;
  overflow:hidden;
}
div.uj_bottom {
  width: 100%;
  margin: 0 auto;
  clear:both;
  background: url(http://www.ultijoomla.com/templates/uj_puzzle/images/bottombg.png) repeat-y;
  overflow:hidden;
  padding: 0px 0 0 30px;
}
div.uj_bottombottom {
  width: 100%;
  height: 17px;
  margin: 0 auto;
  clear:both;
  background: url(http://www.ultijoomla.com/templates/uj_puzzle/images/bottombottombg.png) no-repeat;
  overflow:hidden;
}
div.uj_footer {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
  font-size: 10px;
  overflow:hidden;
}
/* define the menus */
div.uj_topmenu div.moduletable_menu, div.uj_topmenu div.moduletable {
  margin: 0;
}

div.uj_topmenu ul {
  text-align: left;
  margin: 0 0 0 15px;
  padding: 0px;
  height: 42px;
}
div.uj_topmenu ul li
{
  width:120px;
  height: 48px;
  display:block;
  line-height: 42px;
  float:left;
  padding: 0;
  text-align: center;
  background: url(http://www.ultijoomla.com/templates/uj_puzzle/images/toplibg.png) no-repeat 105px -3px; 
}
div.uj_topmenu ul li a
{
  padding: 0px 15px 0 0;
  color: #9C2DBC;
  text-decoration:none;
  font-weight: bold;
  margin:0px;
  position: relative;
  z-index: 1;
  font-size:14px;
}

div.uj_topmenu ul li a:hover
{
color: #DF41C7;
   text-decoration:underline;
}
div.moduletable_menu ul li a {
  color: #9C2D8C;
}
div.moduletable_menu ul li {
  color: #3e5802;
  background: url(http://www.ultijoomla.com/templates/uj_puzzle/images/libg2.png) no-repeat;
}

div.uj_mainleft div.moduletable_menu ul li a  {
  color: #3e5802;
}
div.uj_mainleft div.moduletable_menu ul li, div.uj_mainleft div.moduletable ul li {
  color: #3e5802;
  background: url(http://www.ultijoomla.com/templates/uj_puzzle/images/libg.png) no-repeat;
}
div.moduletable_menu ul, div.uj_mainleft div.moduletable ul {
  text-align: left;
  padding:0px;
  margin: 0px 0 0px 0;
}
div.moduletable_menu ul ul, div.uj_mainleft div.moduletable ul ul {
  margin: 0px 0 0px 20px;
}
div.moduletable_menu ul li, div.uj_mainleft div.moduletable ul li
{
  list-style-type: none; 
  padding:8px 0 0px 0px;
}
div.moduletable_menu ul li a,  div.uj_mainleft div.moduletable ul li a
{
  text-decoration:none;
  font-weight: bold;
  margin:0px;
  margin-right:3px;
  padding-left: 30px;


}
div.moduletable_menu ul li a:hover, a:hover
{
  text-decoration:underline;
}
div.uj_toptop ul {
  text-align:left;
  margin: 0px;
  padding:0px 0 0 20px;
}
div.uj_toptop div.moduletable_menu ul li, div.uj_toptop div.moduletable ul li {
  padding: 0px;
  margin:0px;
}

/* define the headers */
h1, h2, h3, h4 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
div.uj_top h1, div.uj_top h2, div.uj_top h3, div.uj_top h4 {
  color: #ffffff;
  padding: 0;
  margin: 10px 0 5px 0;
  text-align:left;
}

div.uj_main h1, div.uj_main h2, div.uj_main  h3, div.uj_main  h4 {
  text-align: center;
  font-size: 14px;
  margin: -5px -5px 5px -5px;
  padding: 10px 0 10px 10px; 
  color: #3e5802;
}

div.uj_mainleft h1, div.uj_mainleft h2, div.uj_mainleft h3, div.uj_mainleft h4 {
  text-align: left;
  background: #F1FFD2;
  font-size: 14px;
  margin: -5px;
  padding: 5px 0 5px 10px; 
  color: #3e5802;
  border:0;
}
div.uj_mainright h1, div.uj_mainright h2, div.uj_mainright h3, div.uj_mainright h4 {
  color: #9C2D8C;
}

/* layout for top section */
div.uj_toptop div.moduletable {
  width: 30%;
}
div.uj_toptop div.moduletable .contentpaneopen, div.uj_toptop div.moduletable h3{
  width: 100%;
  text-align:center;
}
div.uj_bottom div.moduletable, div.uj_bottom div.linkvault {
  width: 22%;
}
div.uj_toptop div.moduletable, div.uj_bottom div.moduletable, div.uj_bottom div.linkvault {
  text-align: center;
  float: left; 
  margin: 0 0 0 10px;
  color: #ffffff;
}
div.uj_toptop div.moduletable ul, div.uj_bottom div.moduletable ul {
  text-align: left;
}
div.uj_toptop a, div.uj_bottom a {
  color: #FFA5F1;
  text-decoration:none;
}

div.uj_toptop a:hover, div.uj_bottom a:hover  {
  text-decoration:underline;
}

/* define layout main section */
p {
  padding: 0;
  margin: 5px 0 5px 0;
}

div.article_column {
  background: #F1FFD2;
  margin-top: 30px;
  border: 1px solid #7A9C2D;
  padding: 5px;
}

div.leading, div#page {
  background: #F1FFD2;
  margin-top: 7px;
  border: 1px solid #7A9C2D;
  padding: 5px;
  overflow:hidden;
}

p.iteminfo, p.articleinfo {
  width: 100%;
  text-align: center;
  font-size: 10px;
  color: #7A9C2D; 
  overflow:hidden;
}
p.iteminfo span, p.articleinfo span {
  float:left;
  clear: both;
  width: 100%;
}
a img {
  border: 0px;
}
div.moduletable_menu, div.moduletable {
  margin: 5px 0 30px 0;
}

div.uj_mainright div.moduletable_menu, div.uj_mainright div.moduletable {
  margin:  0 0 5px 0;
  padding:0;
  text-align: center;
}

div.uj_breadcrumb div.moduletable {
  margin: 0;
  color: #3e5802;
  font-size:10px;
}
div.uj_breadcrumb div.moduletable img {
  vertical-align:middle;
  margin-bottom:3px;
}
div.uj_mainleft div.moduletable {
  padding: 5px;
}

a {
  color: #7A9C2D;
  text-decoration:none;
}
div.uj_mainright div.moduletable, div.uj_mainright div.moduletable_menu {
  margin-top: 0px;
  padding: 0px;
}
a.readon {
  padding: 5px 0 5px 30px;
  background: url(http://www.ultijoomla.com/templates/uj_puzzle/images/libg.png) no-repeat;
}
input.button, button
{
  color: #3e5802;
  font-weight: bold;
  margin: 0 10px 0 10px;
  padding: 0px;
  border: solid 1px #3e5802;
  width: 80px;       
  background: #F1FFD2;
  text-align: center;
}
input.button:hover, button:hover
{
  color: #7A9C2D;
  border: solid 1px #7A9C2D; 
}
div.uj_mainright input.button, div.uj_top input.button, div.uj_bottom input.button,
div.uj_mainright button, div.uj_top button, div.uj_bottom button
{
  color: #9C2D8C;
  font-weight: bold;
  margin: 0 10px 0 10px;
  padding: 0px;
  border: solid 1px #9C2D8C;
  width: 60px;       
  background: #FFD2F8;
}
div.uj_mainright input.button:hover, div.uj_top input.button:hover, div.uj_bottom input.button:hover,
div.uj_mainright button:hover, div.uj_top button:hover, div.uj_bottom button:hover
{
  color: #DF41C7;
  border: solid 1px #DF41C7;    
}

/* define footer layout */
div.uj_footer div.moduletable, div.uj_footer div.moduletable_menu {
  margin: 0px;
  padding: 5px;
}
div.uj_footer {
  color: #999999;
}
div.uj_footer a {
  color: #DF41C7;
}
/* define contact section */
.contact_email {
  text-align: left;
}
.contact_email label {
  float:left;
  width: 150px;
}
.contact_email label.contact_textmsg, .contact_email label.copy {
  width: 380px;
}
.contact_email input {
  margin:3px;
}
.contact_email input#contact_email_copy {
  margin:3px;
  padding:0px;
  width:15px;
  float:left;
}
.contact_email input.inputbox {
  width:200px;
}

div.my-pagenav {







  width: 100%;
  text-align: center;
}
ul.pagination {


list-style-type:none;
margin:0;
padding:0;
text-align:center;
}

ul.pagination li {
display:inline;
padding:2px 5px 0;
text-align:left;

}
div.ulti_counter {
  text-align:center;
}
div.ulti_counter_middle {
  font-size:20px;
}
fieldset {
  border: 0;
}
fieldset div {
  text-align: left;
}
label {
  padding-top: 3px;
  float: left;
  width: 150px;
  text-align: right;
}
input {
  margin : 3px;
  text-align: left;
}
dd.message {
  color: #3e5802;
  font-weight:bold;
}
dd.message ul {
  list-style-type:none;
}
dt.message {
  visibility: hidden;
}
dt.error{
  color: #FF0000;
  font-weight:bold;
}
#mod_ulti_clocks {
  width: 100%;
  text-align: center;
}