/*
    Document   : main_css
    Created on : Mar 4, 2009, 3:19:30 PM
    Author     : sarit
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/********************************************
   HTML ELEMENTS
********************************************/

/* top elements */
* { margin: 0;	padding: 0; }

body {
	
     margin-left:17%; margin-right:17%;
    padding: 0;
	font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
   	background: #FFF url(../images/bg1.gif) repeat-x;

}

/* links */
a {
	color: #003366;
    background-color: inherit;
	text-decoration: underline;

}
a:hover {
	color: #f21e1e;
	background-color: inherit;
}

/* headers */
h1, h2, h3 {
	font-family: Arial, 'Trebuchet MS', Sans-Serif;
	font-weight: bold;
	color: #333;
}
h1 {
	font-size: 125%;
	letter-spacing: .5px;
}
h2 {
	font-size: 140%;
    color: #003366;
	/*text-transform: uppercase;*/
}
h3 {
	font-size: 120%;
	color: #003366;
}

/* images */
img {
/*border: 2px solid #CCC;*/
    margin-left:5px;
    margin-right:5px;
    margin-top:10px;
    margin-bottom:10px;
      
}

img.border_solid {
    border: 2px solid #CCC;
}
img.float-right {
  margin: 5px 0px 10px 10px;
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

h1, h2, h3, p {
	padding: 0;
	margin: 10px;
}



code {
  margin: 10px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;
  border-left: 4px solid #CC0000;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 32px;
  	background: #FAFAFA url(../images/quote.gif) no-repeat 5px 10px;
	background-position: 8px 10px;
	border: 1px solid #f2f2f2;
	border-left: 4px solid #CC0000;
	font-weight: bold;
}
/*table elements*/
table {
   border: 1px solid #f2f2f2;
   background-color: #FAFAFA;
   margin: 5px;
   padding: 0 0 0 0;
   font-size:103%;
}



/* form elements */
form {
	margin:10px; padding: 0 5px;
	border: 1px solid #f2f2f2;
	background-color: #FAFAFA;
   color: #003366;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button {
	margin: 0;
	font: bolder 12px Arial, Sans-serif;
	border: 1px solid #CCC;
	padding: 1px;
	background: #FFF;
	color: #CC0000;
}
/* search form */
form.search {
	position: absolute;
	top: 5px; right: 5px;
	padding: 0; margin: 0;
	border: none;
	background-color: transparent;
}
form.search input.textbox {
	margin: 0;
	width: 120px;
	border: 1px solid #CCC;
	background: #FFF;
	color: #333;
}
form.search input.searchbutton {
	margin: 0;
	font-size: 100%;
	font-family: Arial, Sans-serif;
	border: 1px solid #CCC;
	background: #FFFFFF url(../images/headerbg2.gif) repeat-x bottom left;
	padding: 1px;
	font-weight: bold;
	height: 23px;
	color: #333;
	width: 60px;
}

sub{
    font-size: 20px;
    font-family: 'Comic Sans MS', Sans-serif;
}

/**********************************
  LAYOUT
***********************************/
#wrap {
	margin: 0 auto;
	width: 840px;
    

}

/* header */
#header {
	position: relative;
	margin: 0; padding: 0;
    height:60px;
	
}
#header span#slogan {
	z-index: 3;
	position: absolute;
	left: 3px; bottom: 7px;
	font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif;
	color: #FFF;
}

#header-logo {
	position: relative;
	clear: both;
	height: 50px;
	margin: 0; padding: 0;
}
#header-logo #logo {
	position: absolute;
	top: 3px; left: 5px;
	font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;
	margin: 0; padding: 0;
	letter-spacing: -1px;
	color: #003366;

}

/* navigation tabs */
#header ul {
	position: absolute;
   margin:0;
   list-style:none;
	right:-18px ; bottom: 3px;
	font: 13px 'Trebuchet MS', Arial, Sans-serif;
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   /*background: url(../images/tableft1.gif)  no-repeat left top;*/
   background: url(../images/leftbg1.gif)  no-repeat left center;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
  /* background: url(../images/tabright3.gif)  no-repeat right top;*/
   padding:5px 15px 4px 6px;
   color:#51637F;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFFFFF;
    font:bold;
    
}
#header a:hover {
  /* background-position:0% -42px;*/
}
#header a:hover span {
  /* background-position:100% -42px;*/
}
#header #current a {
  /* background-position:0% -42px;*/
   
}
#header #current a span {
   background-position:100% -42px;
   font: bold;
   color:#003366;
}

/* main column */
#main {
	float: left;
	margin: 0; padding: 0 0 5px 5px;
	width: 440px;
    font-size: 103%;

}
#main h1 {
	margin: 10px 0;
	padding: 4px 0 4px 8px;
    font: bold  1.2em  "trebuchet MS", Arial, Tahoma, Sans-Serif;
	color: #003366;
	text-transform: uppercase;
	/* background:url(../images/h1_back.gif) 0 0 no-repeat ;*/
   background:#FAFAFA;
	letter-spacing: .5px;
    border: 1px solid #f2f2f2;
   
}

#main ul {
	margin: 10px 20px;
	padding: 0 20px;
    list-style:circle;
}

#main ol {
	margin: 10px 20px;
	padding: 0 20px;
    list-style:decimal;

}


/* sidebar */
#sidebar {
	float: left;
	width: 205px;
   margin: 0; padding: 0 0 5px 5px;
	
}

#sidebar ul, ol {
	list-style:none;
}

#sidebar a {
    text-decoration:none;
    font-weight:bolder;
}



/* adbar */
#adbar {
    clear:right;
   	float: left;
	width: 165px;
	margin: 0; padding: 0 0 5px 5px;

}

#adbar ul, ol {
	list-style:none;
}

#adbar a {
    text-decoration:none;
    font-weight:bolder;
}

/* footer */
.footer {
	clear: both;
	/*border-top: 1px solid #f2f2f2;*/
	background: #FFF; /*url(../images/footerbg.gif) repeat-x;*/
	padding: 2px 0 10px 0;
	text-align: center;
	line-height: 1.5em;
	font-size: 95%;
}
.footer a {
	text-decoration: none;
	font-weight: bold;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes  */
.clear {	clear: both; }
.red   { color: #CC0000; }
.comments {
	margin: 20px 10px 5px 10px;
	padding: 3px 0;
	border-bottom: 1px dashed #EFF0F1;
	border-top: 1px dashed #EFF0F1;
}


/*box medium size*/
   .box {

	background:url(../images/box-back-med.gif) 0 0 repeat-y;
    margin-top:8px;
	margin-bottom:8px;

}



.box .header {

	background:url(../images/box-header-med.gif) 0 0 no-repeat;

	height:34px;

	padding:16px 20px 0px 0px;

}
.box  h3 {
	font-size: 110%;
    font-weight:bolder;
	color: #003366;
   margin:0;
   padding-left:20px;
   padding-top:0;
   	text-transform: uppercase;

  
}

.box ul {

	padding:0 5px 24px 5px;
    margin:0;

	list-style:none;

	background:url(../images/box-footer-med.gif) 0 100% no-repeat;

}


.box ul li {

	padding:5px 11px 1px 15px;
    margin:0;
	font-size:1em;
    list-style:none;

background:url(../images/box-li-bottom.gif) 0 100% repeat-x;

}





.box ul li a {

	display:block;

	padding:1px 0 11px;

	background-position:100% 0;

	background-repeat:no-repeat;

}



/*.box li a {

	background-image:url(../images/cat.gif);

}*/

.box ul li a:hover {

	text-decoration:underline;

}



.box li a:hover {

	/*background-image:url(../images/cat-hover.gif);*/

	color:#f21e1e;

}

.box ul ul {

	padding:0;

	background:none;

}



.box li li {

	background:none;

	font-size:1em;

	padding:0 0 0 15px;

}





.box .footer {

	padding:0 5px;

    height:24px;

	background:url(../images/box-footer-med.gif) 0 100% no-repeat;

}



.box .tags,

.box .textwidget,

#sidesearch,

#calendar_wrap {

    padding:12px 18px;

}







.box input.text {

    border:1px solid #8A8A8A;

    width:140px;

    background:#fff;

    font-size:.92em;

}



.box input.button {

    background:#F6F6F6;

    color:#8A8A8A;

    font-weight:bold;

    border:0;

    font-size:.92em;

    border:1px solid #8A8A8A;

}

/*box small size*/
   .boxsmall {

	background:url(../images/box-back-small.gif) 0 0 repeat-y;
    margin-top:8px;
	margin-bottom:8px;

}



.boxsmall .header {

	background:url(../images/box-header-small.gif) 0 0 no-repeat;

	height:34px;

	padding:15px 10px 0px 0px;

}

.boxsmall .header_thin {

	background:url(../images/box-header-thin.gif) 0 0 no-repeat;

	height:22px;

	padding:16px 20px 0px 0px;

}

.boxsmall  h3 {
	font-size: 110%;
    font-weight:bolder;
	color: #003366;
   margin:0;
   padding-left:20px;
   padding-top:0;
   	text-transform: uppercase;


}

.boxsmall ul {

	padding:0 5px 24px 5px;
    list-style:none;
    margin:0;
	background:url(../images/box-footer-small.gif) 0 100% no-repeat;

}


.boxsmall ul li {

	padding:5px 11px 1px 15px;
  list-style:none;
	font-size:1em;
    margin:0;
background:url(../images/box-li-bottom.gif) 0 100% repeat-x;

}





.boxsmall ul li a {

	display:block;

	padding:1px 0 11px;

	background-position:100% 0;

	background-repeat:no-repeat;

}



/*.box li a {

	background-image:url(../images/cat.gif);

}*/

.boxsmall ul li a:hover {

	text-decoration:underline;

}



.boxsmall li a:hover {

	/*background-image:url(../images/cat-hover.gif);*/

	color:#f21e1e;

}

.boxsmall ul ul {

	padding:0;

	background:none;

}



.boxsmall li li {

	background:none;

	font-size:1em;

	padding:0 0 0 15px;

}





.boxsmall .footer {

	padding:0 5px;

    height:24px;

	background:url(../images/box-footer-small.gif) 0 100% no-repeat;

}


.boxsmall input.text {

    border:1px solid #8A8A8A;

    width:140px;

    background:#fff;

    font-size:.92em;

}



.boxsmall input.button {

    background:#F6F6F6;

    color:#8A8A8A;

    font-weight:bold;

    border:0;

    font-size:.92em;

    border:1px solid #8A8A8A;

}

/*bigbox*/

 .bigbox {

    overflow:hidden;
      margin-top:8px;
  	margin-bottom:12px;
 }

.bigbox a {
    text-decoration:underline;
    color:#003366;
    font-weight:bold;
    font-size:1.0em;
}

.bigbox a:hover  {
    color:#f21e1e;

}

.bigbox .header{
     height:11px;
    background:url(../images/bigbox-header.gif) 0 0 no-repeat;
}

 .bigbox .footer {
    height:11px;
    background:url(../images/bigbox-footer.gif) 0 0 no-repeat;
}

 .bigbox .content {
    /*padding:8px 8px;*/
     overflow:hidden;
    background:url(../images/bigbox-back.gif) 0 0 repeat-y;

}

.bigbox .buttons {
		overflow:hidden;
}

.bigbox .buttons li {
    float:left;
	background:url(../images/button.gif) 0 0 no-repeat;}

   .bigbox .buttons li a {
	height:27px;
   float:left;
    text-decoration:none;
    font-size:1.2em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#003366;
    padding:15px 18px 0;
    background:url(../images/button.gif) 100% 100% no-repeat;

}

.bigbox .buttons li:hover {

	background:url(../images/button_hover.gif) 0 0 no-repeat;

}

.bigbox .buttons li:hover a {

	background:url(../images/button_hover.gif) 100% 100% no-repeat;

}

.bigbox table{
    background:none;
    border:none;
    padding-left:8px;
      padding-right:8px;
    
}

.bigbox img {
/*border: 2px solid #CCC;*/
    margin-left:5px;
    margin-right:5px;
    margin-top:10px;
    margin-bottom:10px;

}