/* 
	project: internet sharing template
   	author: luka cvrk (www.solucija.com) 
								*/
   
body { 
padding: 0; margin: 0; font: 0.8em Tahoma, Arial, sans-serif; line-height: 1.6em; background: #529e21 url(/images/background-grad1000.jpg) repeat-x; color: #454545; 
}


/* links */
a {  background: inherit; color:#408fd8; font-style:normal }
a:hover { color: #4aaf22; background: inherit; }
a:visited { color:#408fd8; background: inherit; }

/* headings */
h1 { 
	font: bold 1.5em "Tahoma", Sans-Serif; 
	margin: 0;
	letter-spacing: -1px;
	color:#408fd8;
	}
h2 {
	font: bold 2em Arial, Sans-Serif;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 2em;
}
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #2b2b2b background: #FFF; }

.h1l {
font: bold 1.5em "Tahoma", Sans-Serif; 
	margin: 0;
	letter-spacing: -1px;
	color:#408fd8;	
}
.h1l a{ color:#408fd8;}
.h1l a:hover {color:#408fd8;}

.title { color: #808080; background: #fff; }




/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }
input.search { width: 279px; border: none; background: #fff url(images/input.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }
input.button { padding: 3px; }

/* content holder */
#content { margin: 10px auto; width: 960px; background:#ffffff;}

/* header */
#header { height: 261px; width: 100%; }
#logo { padding: 0px 0 0 0px; }
#logo p { margin: 0; padding: 0 0 0 10px; color: #808080; background: #fff; }
#top_info { float: right; width: 570px; margin: 20px 5px 0 0; text-align: right; }

/* horizontal tabbed menu */	
#tabs { background: transparent url(images/bigbox.gif) no-repeat top left; color: #000;  height: 64px; text-align: center; padding: 0px 0 0 210px; }
#tabs li { display: inline; height: 45px; }
#tabs li a { float: left; background: #408fd8 url(images/barbg.gif) no-repeat; color: #408fd8; padding: 6px 0; width: 82px; text-align: center; font-weight: bold; text-decoration: none; z-index:auto; }
#tabs li a:hover { background: #408fd8 url(images/barcurrent.gif) no-repeat; color: #4aaf22; }	
#tabs li a.current { background: #408fd8 url(images/barcurrent.gif) no-repeat; color: #408fd8; }	
.key { text-decoration: underline; }

.blquote {margin: 5px 5px 5px 75px; text-align:center; font: bold 1.2em "Tahoma", Sans-Serif; font-style:italic; }

/* search form */
#search {
	float: left;
	clear: both;
	color: #FFFFFF;
	background: url(images/searchbg2.gif) no-repeat center;
	padding: 14px 0 20px 5px;
	width: 500px;
	margin: 5px 0 0 0;
	height: 30px;
}
	#search p { padding: 0; margin: 0; }


/* grey subheader */
.gboxtop { clear: both; height: 8px; background: #dedede url(images/gboxtop.gif) no-repeat; color: #000; }
.gbox { background: #dedede url(images/gbox.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 0 20px 0; }
.gbox p { padding: 7px 0; margin: 0;}

/* blue subheader */
.bboxtop { clear: both; height: 8px; background: #4280b7 url(images/bboxtop3.gif) no-repeat; color: #000; }
.bbox { background: #4280b7 url(images/bbox3.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 0 20px 0; }
.bbox p { padding: 7px 0; margin: 0;}

/* left side */
.left { float: left; width: 650px; margin: 0 0 10px 0; }
	.left_articles {
		margin: 0 20px 15px 10px;
		padding: 10px 0 0 0;
		text-align: justify;
		border-bottom: 1px dotted #ccc;
		color: #000;
		background: #fff;
	}
/*td#stepblue {  width:141; height:76; }
td#stepgrey {  background: #fff url(/images/step-grey1.gif) no-repeat; padding-left:45px; padding-right:55px;  font: 1.2em Tahoma, Arial, sans-serif; 

color:#529e21; text-align:center }*/
	/*.table { padding: 10px 10px 2px 0;  }*/
	.description { padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 1px dotted #ccc; }
	.thumbnail { float: left; margin: 0 18px 8px 0; border: 1px solid #dedede; }
#step1blue { background:fff url(/images/step1a.gif) no-repeat top left; width:141px; height:76px; float:left; }
#step2blue { background:fff url(/images/step2.gif) no-repeat left; width:141px; height:76px; float:left; }
#step3blue { background:fff url(/images/step3.gif) no-repeat left; width:141px; height:76px; float:left; }

#stepgrey {  background: #fff url(/images/step-grey1.gif) no-repeat; padding-left:45px; padding-right:55px; font: 1.2em Tahoma, Arial, sans-serif; color:#529e21; text-align:center; float:left; height:76px;  }

/* bottom thirds */
.thirds {
	float: left;
	width: 100%;
	background: #eee;
	margin: 0 12px 0 0;
	color: #5d5d5d;
}
	.smallboxtop { height: 14px; background: #fff url(images/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox { background: #fff url(images/smallbox.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }

	
/* right side */
#right {
	float: right;
	width: 295px;
	margin: 0 0 10px 0;
}
	.boxtop { height: 19px; background: #fff url(images/boxtop.gif) no-repeat; color: #000; }
	.box { background: #fff url(images/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 15px 30px; margin: 0 0 10px 0; }
	.calendar {
	height: 20px;
	float: right;
	width: 235px;
	padding: 5px 0 0 6px;
	color: #000000;
	margin-top: 80px;
	margin-left: 9px;
	z-index:10;
	text-align:right;
	font-weight:bold;
	
}
	.calendar p { padding: 0; margin: 0; }
	.box p {
	padding: 0;
	margin: 0;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family: 0.8em Tahoma, Arial, sans-serif; 
}
	.image { float: left; margin: 0 9px 3px 0; }


/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: #488EB2 url(images/bluebtn.gif) no-repeat; width: 100px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn { background: #488EB2 url(images/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url(images/hoverbtn.gif) no-repeat; color: #fff; }

/* footer  */
#footer{
	background-color:#4280b7; color:#FFFFFF;}
.footer { clear: both; text-align: center; line-height: 1.8em; padding: 10px 0 10px 0; border-top: 1px solid #ccc; background-color:#4280b7; }
.footer ul{
	width:573px; margin:0 auto;}
.footer ul li{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#FAFAFA; background-color:#4280b7; float:left;}
.footer ul li a{
	font:bold 12px/20px Arial, Helvetica, sans-serif; text-decoration:none;
	color:#FAFAFA; background-color:#4280b7; padding:0 8px;}
.footer ul li a:hover{
	font:bold 12px/20px Arial, Helvetica, sans-serif; text-decoration:none;
	color:#FAFAFA; background-color:#4aaf22; padding:0 8px;}
.footer p{
	margin:0 auto; width:375px; color:#EDE3C0; background-color:#4280b7;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.footer p.valid{
	margin:0 auto; width:128px;}
.footer p.valid a.xhtml{
	background:url(images/xhtml_btn.gif) no-repeat 0 0 #408fd8; color:#FFFFFF; margin:5px 0 8px 0px;
	text-decoration:none; text-indent:-2000px; width:62px; height:13px; display:block; float:left;}
.footer p.valid a.xhtml:hover{
	background:url(images/xhtml_btn_h.gif) no-repeat 0 0 #408fd8; color:#FFFFFF; margin:5px 0 8px 0px;
	text-decoration:none; text-indent:-2000px; width:62px; height:13px; display:block; float:left;}
.footer p.valid a.css{
	background:url(images/css_btn.gif) no-repeat 0 0 #408fd8; color:#FFFFFF; margin:5px 0 8px 4px;
	text-decoration:none; text-indent:-2000px; width:62px; height:13px; display:block; float:left;}
.footer p.valid a.css:hover{
	background:url(images/css_btn_h.gif) no-repeat 0 0 #408fd8; color:#FFFFFF; margin:5px 0 8px 4px;
	text-decoration:none; text-indent:-2000px; width:62px; height:13px; display:block; float:left;}
.footer p.tworld{
	margin:0 auto; width:170px; height:17px; padding:0 3px;
	font:normal 12px/16px Arial, Helvetica, sans-serif; color:#414141;
	background-color:#FFFFFF; text-align:center;}
.footer p.tworld a{
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#000000;
	background-color:#FFFFFF; text-align:center; text-decoration:none;}
.footer p.tworld a:hover{
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#404040;
	background-color:#FFFFFF; text-align:center; text-decoration:none;}
.times {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	color: #408fd8;
	font-weight: bold;
}
.spang {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	color: #4aaf22;
	font-weight: bold;
}
.blueboxtext{
	font-family: 0.8em Tahoma, Arial, sans-serif; 
	color: #000000;
}



.blue{
	
	color: #408fd8;
}
.green{
	
	color: #529e21;
}

.bluelg{
		font-family: 0.8em Tahoma, Arial, sans-serif; 
	color: #408fd8;
	font-size: 24px;
	font-weight: bold;
}

/*FOR ACCORDIAN MENU*/
.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #4aaf22;
color: white;
}
/*li {list-style-type:disc;}*/
.applemenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background: black url(gradient.gif) repeat-x center left;
font: bold 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(gradientover.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 200px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
.applemenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.applemenu div.submenu ul li{
/*background: #408fd8;	*/
border-bottom: 1px solid #ffffff;
}

.applemenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.applemenu div.submenu ul li a:hover{
/*background: #4aaf22;*/
background-image: url(gradientover.gif);
color: #408fd8;