/*
Croatian Cultural Society Ltd - CSS Document
Copyright: Mario Dunatov 2008 : Website http://www.dunatov.co.nz/
*/

body {
  text-align: center;
	margin: 0 auto;
	padding: 0;
	background-color: #EEEEEE;
	background-image: url('../images/croback_grb.gif');
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top left;
}

a:link {
	COLOR: #FF0000; text-decoration: none
}

a:visited, a:active {
	COLOR: #FF0000; text-decoration: none
}

a:hover {
	COLOR: #0000FF; text-decoration: underline
}

a img
{
	border: 0;
}

#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  margin-top:15px;
  margin-bottom:10px;
  width: 960px;
  text-align: left;
  background: url('../images/page_wrapper.png') top repeat;
  border: 1px solid #CCCCCC;
}

#page_header {
  height: 80px;
  background: url('../images/header.jpg') top left no-repeat #FFFFFF;
  clear: both;
}

#page_header h1 {
  margin: 0px;
  padding-top:10px;
  padding-left:140px;
  font-family: Times New Roman, verdana, sans-serif;
  font-size:43px;
  font-weight: 900;
  font-style:italic;
  letter-spacing: 1px;
  color: #FF0000;
}

#page_header h2 {
  margin: -5px;
  padding-left:540px;
  font-family: Times New Roman, verdana, sans-serif;
  font-size:14px;
  font-weight: 900;
  font-style:italic;
  letter-spacing: 1px;
  line-height: 20px;
  color: #FF0000;
}

#menu_bar {
  height:30px;
  background: url('../images/drop_shadow.gif') bottom left repeat-x #FF0000;
  clear: both;
}

#menu_bar ul {
  margin-top: 0px;
  padding-left: 0px;
  margin-left: 0px;
  background: url('../images/menu_bg.gif') top left repeat-x #FF0000;
  color: #FFFFFF;
  float: left;
  width: 100%;
  font-family: verdana, Times New Roman, sans-serif;
  font-size:10px;
  font-weight: bold;
}

#menu_bar ul li { display: inline; }

#menu_bar ul li a {
  padding-top:3px;
  padding-bottom:3px;
  padding-left:15px;
  padding-right:15px;
  background: url('../images/menu_bg.gif') top left repeat-x #FF0000;
  color: #FFFFFF;
  text-decoration: none;
  float: left;
  border-right: 1px solid #FFFFFF;
}

.menu_bar_end {
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  padding-top:4px;
  padding-bottom:3px;
  padding-left:20px;
  padding-right:20px;
  color: #FFFFFF;
  text-decoration: none;
  float: left;
}

#menu_bar ul li a:hover {
  background: url('../images/menu_hover_bg.gif') top left repeat-x #FF0000;
  color: #FFFFFF;
}

#content_wrapper {
  margin-top:1px;
  margin-bottom:0px;
  margin-left:8px;
  margin-right:8px;
  min-height: 500px;
  clear:both;
}

#full_area {
  float: left;
  width:940px;
}

#full_table {
  float: left;
  width:935px;
}

#left_area {
  float: left;
  width:740px;
}

#left_table {
  float: left;
  width:735px;
}

#right_area {
  margin-top: 4px;
  border-left: thin;
  border-left-color: #CCC;
  float: right;
  width:185px;
}

#full_table th, #left_table th {
  text-align:left;
  vertical-align:text-top;
  width:50%;
  margin-top: 0px;
  margin-bottom: 7px;
  font-family: verdana, Times New Roman, sans-serif;
  color: #666666;
  padding-left: 4px;
  font-size: 12px;
  font-weight:100;
  line-height: 15px;
}

.full_table p, .left_table p {
  margin-top: 0px;
  margin-bottom: 7px;
  font-family: verdana, Times New Roman, sans-serif;
  color: #666666;
  padding-left: 4px;
  font-size: 12px;
  font-weight:100;
  line-height: 15px;
}

.full_table_spacer, .left_table_spacer {
  height:20px;
  width:350px;
}

p {
  margin-top: 0px;
  margin-bottom: 7px;
  font-family: verdana, Times New Roman, sans-serif;
  color: #666666;
  padding-left: 4px;
  font-size: 12px;
  line-height: 15px;
}

.hr {
color: #FFFFFF;
border: 0.5px solid #CCCCEE;
text-align: center;
}

#left_area h2,
 #right_area h2,
  #full_area h2 {
  margin-top:0px;
  margin-bottom:10px;
  font-family: verdana, Times New Roman, sans-serif;
  color: #0000FF;
  padding:4px;
}

#left_area h2,
 #full_area h2 {
  font-size: 14px;
  font-weight:900;
  background-image: url('../images/header_grey.png');
  border: 1px solid #999999;
}

#left_area h3,
 #full_area h3 {
  color: #FF0000;
  font-size: 16px;
  border-bottom: 1px solid #CCCCEE;
  margin-top:5px;
  margin-bottom:10px;
  font-family: verdana, Times New Roman, sans-serif;
  padding:4px;
}

#right_area h3 {
  color: #0000FF;
  background-image: url('../images/header_grey.png');
  border: 1px solid #999999;
  font-size: 12px;
  margin-top:0px;
  margin-bottom:10px;
  font-family: verdana, Times New Roman, sans-serif;
  padding:4px;
}

#left_area h4,
 #full_area h4 {
  padding-left:4px;
  margin-top:0px;
  margin-bottom:0px;
  font-family: verdana, Times New Roman, sans-serif;
  font-size: 12px;
  color: #FF0000;
}

#right_area h4 {
  margin-top:1px;
  margin-bottom:1px;
  font-family: verdana, Times New Roman, sans-serif;
  font-size: 12px;
  color: #FF0000;
  padding:3px;
}

#left_area h5,
 #full_area h5 {
  padding-left:4px;
  margin-top:5px;
  margin-bottom:3px;
  font-family: verdana, Times New Roman, sans-serif;
  font-size: 14px;
  color: #FF0000;
}


.left_area_small,
 .full_area_small {
  margin:0px;
  font-family: verdana, Times New Roman, sans-serif;
  float: right;
  text-align: right;
  font-size: 10px;
  padding:1px;
  clear:both;
}

.left_area_small-left{
  margin:0px;
  font-family: verdana, Times New Roman, sans-serif;
  float: left;
  text-align: left;
  font-size: 10px;
  padding:1px;
  clear:both;
}

#left_area p,
 #right_area p,
  #full_area p {
  margin-top: 0px;
  margin-bottom: 7px;
  font-family: verdana, Times New Roman, sans-serif;
  color: #666666;
  padding-left:4px;
}

#left_area p,
 #full_area p, {
  font-size: 12px;
  line-height: 18px;
}

#right_area p {
  font-size: 10px;
  line-height: 14px;
}

.left_area p,
 .right_area p,
  .full_area p {
  margin-top:0px;
  margin-bottom:15px;
  font-family: verdana, Times New Roman, sans-serif;
  color: #666666;
  padding-left:4px;
}

.left_area p,
 .full_area p, {
  font-size: 12px;
  line-height: 18px;
}

.right_area p {
  font-size: 10px;
  line-height: 14px;
}

.float_left {
  float: left;
  margin-right: 10px;
}

.float_center {
  text-align: center;
/*
<p class="float_center">
*/
}

.float_right {
  float: right;
  margin-left: 10px;
}

#feature_box,
 #feature_box_right {
  width: 250px;
  background-image: url('../images/header_grey.png');
  border:1px solid #CCCCEE;
  padding:10px;
  margin-top:10px;
  margin-bottom: 4px;
  margin-right:8px;
}

#feature_box {
  float: left;
}

feature_box_right {
  float: right;
}

#feature_box h4,
 #feature_box_right h4 {
  padding-left: 4px;
  margin-top:0px;
  margin-bottom: 4px;
  font-family: verdana, Times New Roman, sans-serif;
  font-size: 12px;
  color: #FF0000;
}

#feature_box p,
 #feature_box_right p,
  #white_box p {
  font-family: verdana, Times New Roman, sans-serif;
  font-size: 11px;
  color: #555555;
  line-height: 16px;
  margin-bottom: 4px;
}

#white_box {
  text-align: center;
  width: auto;
  background-color: #ffffff;
  border:1px solid #CCCCEE;
  margin-top: 4px;
  margin-bottom: 4px;
}

#users_box {
  float: none;
  text-align: center;
  width: auto;
  margin-top: 5px;
  margin-bottom: 5px;
}

#users_box p {
  text-align: center;
  font-family: verdana, Times New Roman, sans-serif;
  font-size: 10px;
  color: #999999;
  letter-spacing:1px;
}

#users_box a:link, #users_box a:visited, #users_box a:active
{ text-decoration: none; color:#999999;}
#users_box a:hover
{ text-decoration: underline; color:#FF0000;}

#box { 
margin : 5px;
padding-left: 10px;
width : 660px;
float : none; 
text-align : center;
display: inline-block;
} 

#box p {
font-family: verdana, Times New Roman, sans-serif;
font-size: 12px;
color: #666666;
line-spacing:1px;
}

.box_left,
 .box_right { 
margin : 0 auto;
display : inline;
width : 325px;
} 

.box hr {
color:solid #CCCCEE;
}

.box_right { float: right; }
.box_left { float: left; } 

.box_left h4, .box_right h4 { 
font-family: verdana, Times New Roman, sans-serif;
font-size: 12px;
color: #FF0000;
margin-bottom : 5px;
}

.box_spacer {
  height:5px;
  clear:both;
}

#page_footer {
  height: auto;
  padding:1px;
  background-image: url('../images/page_footer.png');
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: top left;
  border-top:1px solid #CCCCEE;
  clear: both;
}

#page_footer p {
  text-align: center;
  font-family: verdana, Times New Roman, sans-serif;
  font-size: 10px;
  color: #999999;
  letter-spacing:1px;
}

#page_footer h6 {
  margin-top:0px;
  margin-bottom:2px;
  font-family: verdana, Times New Roman, sans-serif;
  text-align: center;
  font-size: 8px;
  color: #999999;
  letter-spacing:1px;
  padding:4px;
  clear:both;
}

#page_footer a:link, #page_footer a:visited, #page_footer a:active
{ text-decoration: none; color:#999999;}
#page_footer a:hover
{ text-decoration: underline; color:#FF0000;}

#spacer {
  height:20px;
  clear:both;
}

#spacer2 {
  height:20px;
  clear:both;
}

#spacer3 {
  height:20px;
  clear:both;
}

#footer_spacer {
  height:10px;
  clear:both;
}

.red-text {
color:#FF0000;
}

.maroon-text {
color:#660000;
}

.purple-text {
color:#9900CC;
}

.blue-text {
color:#0000FF;
}

.green-text {
color:#33CC00;
}

.navy-text {
color:#000055;
}

.l-blue-text {
color:#0055FF;
}

.small_text {
font-size: 10px;
color:#FF0000;
}
.small_text_grey {
font-size: 10px;
color:#666666;
}

.mid-text {
font-size:18px;
font-weight:bold;
color:#FF0000;
}

.large-text {
font-size:24px;
color:#FF0000;
}

.menu-text {
  padding-right: 20px;
  padding-top: 8px;
  color: #FF0000;
  float: right;
  font-family: verdana, Times New Roman, sans-serif;
  font-size:10px;
  font-weight: bold;
}

.bullet_list { 
  margin-left: 12px;
  padding-left: 1px;
  font-family: verdana, Times New Roman, sans-serif;
  list-style: none;
  list-style-image:url(../images/bullet.gif);
  color: #666666;
  font-size: 12px;
  line-height: 18px
} 

.bullet_list_main { 
  margin-left: 12px;
  padding-left: 1px;
  font-family: verdana, Times New Roman, sans-serif;
  list-style: none;
  list-style-image:url(../images/bullet.gif);
  color: #666666;
  font-size: 14px;
  font-weight:900;
  line-height: 20px
} 

.bullet_list_picture { 
  margin-left: 195px;
  padding-left: 1px;
  font-family: verdana, Times New Roman, sans-serif;
  list-style: none;
  list-style-image:url(../images/bullet.gif);
  color: #666666;
  font-size: 12px;
  line-height: 18px
} 

.number_list { 
  margin-left: 12px;
  padding-left: 1px;
  font-family: verdana, Times New Roman, sans-serif;
  list-style:decimal;
  font-size: 12px;
  color: #666666;
  line-height:18px;
}

.tab-padding {
padding-left: 40px;
}

.tab-padding2 {
padding-left: 60px;
}

.padding-top { 
  padding-top: 10px;
  }