@charset "utf-8";
/* CSS Document */

/* ----------- Reset ----------- */
/* ----------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* ----------- Global ----------- */
/* ------------------------------ */
html	{ background-color: rgb(204,204,204);}
body	{  }




/* ----------- Heading ----------- */
/* ------------------------------- */
h1, h2, h3 {
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

h1 {
	font-size:24px; color:#000; padding-bottom:10px; padding-top:20px; border-bottom:1px #ccc solid; margin-bottom:15px; font-weight:bold; font-family:Calibri, Arial, Helvetica, sans-serif; color: #333;
}
	
h2 {
	font-size:20px;
	color:#333;
}


h3 {
	font-size:16px;
	color:#333;
}





/* ----------- Text Elements ----------- */
/* ------------------------------------- */
p, a, ul 		{ font-family: Calibri, Arial, Helvetica, sans-serif;}

p			{ font-size:13px; color:#666; text-align:justify; margin-bottom:15px;}

a			{ font-weight:bold; text-decoration: none;}
a:link		{ color:#000; }
a:visited	{ color:#000;}
a:hover		{ color:#F00;}





/* ----------- Lists ----------- */
/* ----------------------------- */
ul			{ padding-left:25px; padding-top:10px;}
li			{ font-size:15px; color:#666; margin-bottom:15px; list-style-image:url(../images/bullet_green.png); }





/* ----------- Tables ----------- */
/* ------------------------------ */
table, tr, td			{ font-size:13px; color:#666; vertical-align:top; text-align:justify; width:100%; }





/* ----------- Containers ----------- */
/* ---------------------------------- */
/* ----------- For all the pages ----------- */
#shadow				{ width:980px; margin:0 auto; background-color: #000; }
						
#border				{ width:980px; margin:0 auto; }

#toplogo			{ padding-bottom:0px; padding-top:5px; padding-left:10px; padding-right:10px; text-align:center;}

#topnav				{ width:950px; margin:0 auto; padding-bottom:10px; padding-top:6px; padding-left:0px; padding-right:0px; text-align:right;}
#topnav	ul			{ padding-left:0px; padding-top:0px;}
#topnav	ul li			{ display:inline; }
#topnav	ul li a		{ padding-bottom:0px; padding-top:0px; padding-left:20px; padding-right:20px; font-family:Calibri, Arial, Helvetica, sans-serif; }
#topnav a:link		{ color:#FFFFFF;}
#topnav a:visited	{ color:#FFFFFF;}
#topnav a:hover		{ color:#000; padding-top:10px; padding-bottom:10px; background-color:rgb(255,255,255); }


#wrapper			{ background-color:#FFF; width:950px; margin:0 auto; padding:10px;}

#footer				{ clear:both; padding-top:10px; border-top:1px #ccc solid;}


/* ----------- Links ----------- */
#contentlink			{ width:725px; float:left;}
#contentlink p			{ padding-bottom:0px; padding-top:5px; padding-left:0px; padding-right:20px; font-size:15px;} 
#contentlink h2			{ padding-bottom:2px; padding-top:0px; padding-left:0px; padding-right:0px;}
#contentlink table		{ width:600px; border: #999 solid 2px; margin-left:55px; margin-right:45px;}
#contentlink table td		{ width:300px; padding:20px; text-align:center;}
#contentlink table td h3	{ text-align:center; padding-bottom:15px;}
#contentlink img			{ float:right; padding-right:20px;}
#contentlink p a				{ padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; font-size:15px; font-weight:normal; font-style: italic; color:#666;}
#contentlink p a:hover		{ padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; font-size:15px; font-weight:normal; font-style: italic; color:#F00; text-decoration:underline;}

#news				{ width:200px; float:right;}
#news h2				{ padding-bottom:2px; padding-top:0px; padding-left:0px; padding-right:0px;}
#news p				{ padding-bottom:0px; padding-top:5px; padding-left:0px; padding-right:0px; text-align:left; font-size:15px;}
#news img				{ float:right; padding-bottom:0px; padding-top:50px; padding-left:0px; padding-right:10px;}

#support				{ width:200px; float:right;}
#support h2				{ padding-bottom:2px; padding-top:0px; padding-left:0px; padding-right:0px;}
#support p				{ padding-bottom:0px; padding-top:5px; padding-left:0px; padding-right:0px; text-align:left; font-size:15px;}
#support img				{ vertical-align:top;}

#links					{ width:200px; float:right; clear:right;}
#links h2				{ padding-bottom:2px; padding-top:0px; padding-left:0px; padding-right:0px;}
#links p					{ padding-bottom:0px; padding-top:5px; padding-left:0px; padding-right:0px; text-align:left; font-size:15px;}
#links p a				{ padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:20px; font-size:15px; font-weight:normal; font-style:normal; color:#666;}
#links p a:hover			{ padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:20px; font-size:15px; font-weight:normal; font-style:normal; color:#F00; text-decoration:underline;}
#links img				{ vertical-align:middle; }

#CollapsiblePanel1 p		{ margin:0px; padding-top:5px;}
#CollapsiblePanel2 p		{ margin:0px; padding-top:5px;}
#CollapsiblePanel2 img	{ vertical-align:middle; float:none; padding-right:0px;}
#CollapsiblePanel5		{ padding-bottom:5px;}
#CollapsiblePanel5 p		{ margin:0px; padding-top:5px;}
#CollapsiblePanel5 img	{ vertical-align:middle; float:none; padding-right:0px;}



/* ----------- Miscellaneous ----------- */
/* ------------------------------------- */
.date				{ color:#666666; font-style:italic; }
.footer-text		{ text-align:center; font-size:80%; color:#666;}
hr					{ border: 1px dashed #CCC; border-style: none none dashed; width:120px;}
.bold				{ font-weight:bold;}
.small				{ font-size:80%;}
.important			{ color:#F00;}
.shortline  			{ border: 1px dashed #CCC; border-style: none none dashed; width:120px;}
.longline			{ border: 1px dashed #CCC; border-style: none none dashed; width:280px;}
.myButton {
				-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
				-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
				box-shadow:inset 0px 1px 0px 0px #ffffff;
				background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dbdbdb), color-stop(1, #fcf9fc) );
				background:-moz-linear-gradient( center top, #dbdbdb 5%, #fcf9fc 100% );
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#fcf9fc');
				background-color:#dbdbdb;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				border-radius:6px;
				border:1px solid #dcdcdc;
				display:inline-block;
				color:#777777;
				font-family: Calibri;
				font-size:13px;
				font-weight:bold;
				padding:5px 15px;
				text-decoration:none;
				text-shadow:1px 1px 0px #ffffff;}
				
.myButton:hover {
				background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fcf9fc), color-stop(1, #dbdbdb) );
				background:-moz-linear-gradient( center top, #fcf9fc 5%, #dbdbdb 100% );
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf9fc', endColorstr='#dbdbdb');
				background-color:#fcf9fc;}
				
.myButton:active {
				position:relative;
				top:1px;}