/**********************************************************************
	Filename: cesStyle.css
	Project:  cesnet.org public site
	
	Global style sheet
**********************************************************************/
/* Body Tag Definition */
body { margin:0px 0px 20px 0px; text-align:center; background-color:#93A7B7; background-image:url(images/background.jpg); background-repeat:repeat-x; }

/* Assign font and color to the general styles */
font, th, td, p, span, div, textarea, a { font-family:Arial, Helvetica, Verdana, sans-serif; color:#000000; font-size:12px;}
a { font-weight:bold; color:#446F8F; font-style:normal; text-decoration:none; }
a:hover { color:#003466; text-decoration:none; }
hr { height:1px; color:#d0d0d0; }

/* headings */
h1 { margin:0px; font-size:18px; font-weight:bold; color:#9B908A; }
h2 { margin:0px; font-size:16px; font-weight:bold; color:#9B908A; }
h3 { margin:0px; font-size:14px; font-weight:bold; color:#9B908A; }
h4 { margin:0px; font-size:12px; color:#003466; }

/* home page elements */
#headerhome { position:relative; width:770px; height:260px; background-image:url(images/headerBG.jpg); background-repeat:no-repeat; }
#homeflash { position:absolute; top:146px; left:0px; }
#contenthome { width:380px; padding:10px; text-align:left; background-color:#ffffff; line-height:20px; }
#rightcolumn { width:190px; padding:10px 20px 0px 10px; text-align:left; border-left:solid 1px #d0d0d0; background-color:#ffffff; }
#rightcolumn hr { margin-bottom:12px; width:190px; }

/* main content elements */
#page { margin:0px; padding:0px; position:relative; width:770px; text-align:left; background-color:#ffffff; }
#header { position:relative; width:770px; height:162px; background-image:url(images/headerBG.jpg); background-repeat:no-repeat; }
#toppic { position:absolute; top:83px; left:139px; }
#search { position:absolute; top:4px; right:200px; }

#memberinfo { position:absolute; top:25px; left:150px; }
#memberinfo a { font-weight:bold; color:#ffffff;  font-size:10px; text-decoration:none; }
#memberinfo a:hover { font-weight:bold; color:#16496E; text-decoration:none; }
#memberinfo h4 { margin:0px; font-size:13px; color:#FFFFFF; }

#content { position:relative; width:580px; padding:10px 20px 10px 20px; text-align:left; background-color:#ffffff; line-height:20px; }
#leftcolumn { width:190px; padding:10px; text-align:left; border-right:solid 1px #d0d0d0; background-color:#ffffff; }
#leftcolumn hr { margin-bottom:12px; width:190px; }

#footer { position:absolute; bottom:-1px; left:0px; width:770px; text-align:center; background-color:#003466; border-top:2px solid #AAC2D3; }
#footer ul { list-style:none; padding-top:5px; padding-bottom:5px; margin:0px;}
#footer ul li { display:inline; margin:0px 15px 0px 15px; text-align:left; font-size:10px; color:#ffffff; }
#footer ul li a { font-size:10px; color:#ffffff; text-decoration:none; }
#footer ul li a:hover { color:#cccccc; text-decoration:none; }

/* main navigation */
#mainmenu { position:absolute; top:0px; right:0px; width:190px; height:157px; padding:5px 0px 0px 5px; background-color:#8A9DAB; }
#mainmenu a { font-weight:normal; color:#ffffff;  font-size:10px; padding:0px 0px 0px 15px; display:block; text-decoration:none; }
#mainmenu a:hover { color:#16496E; text-decoration:none; }
#mainmenu .here { font-weight:normal; color:#ffffff; font-size:10px; padding:0px 0px 0px 15px; display:block; text-decoration:none; background-image:url(images/marker.gif); background-repeat:no-repeat; }

/* sub navigation  */
.columnhdr a { font-size:12px; font-weight:bold; color:#446F8F; display:block; }
.columnhdr a:hover { color:#003466; }
.sidelink a { font-size:10px; font-weight:normal; color:#000000; padding:0px 0px 0px 15px; display:block; }
.sidelink div { font-size:10px; font-weight:normal; color:#000000; padding:0px 0px 0px 15px; }
.sidelink a:hover { color:#000000; text-decoration:underline; }
.sidelink .here { font-weight:normal; color:#9B908A; font-size:10px; padding:0px 0px 0px 15px; display:block; text-decoration:none; background-image:url(images/marker.gif); background-repeat:no-repeat; }

/* special case elements */
	/* page: sponsors.asp */
	#sponsors a { font-size:11px; font-weight:normal; color:#003466; display:block; }
	#sponsors div { font-size:11px; font-weight:normal; color:#003466; }
	#sponsors a:hover { background-color:#c5d6e4; color:#003466; text-decoration:none; background-image:url(images/marker.gif); background-repeat:no-repeat; }
	#sponsors .sidelink{ line-height:normal; }
	/* page: partners.asp */
	#partners a { font-size:13px; font-weight:bold; color:#446F8F; }
	#partners a:hover { color:#003466; text-decoration:none; }
	#partners hr { margin:10px 0px 10px 0px; }

/* text/table elements */
.tblStandard  { background-color:#a6a6a6; }
.tblStandard td { vertical-align:top; background-color:#ffffff; font-size:11px; line-height:normal; }
.tblStandard div { font-size:11px; line-height:normal; }
.legendItems { float:left; margin-right:5px; text-align:center; }
.legendItems img { margin-bottom:2px; }
li { padding-bottom:3px; list-style:square; color:#000000; }
.list { background-color:#a6a6a6; }
.label { background-color:#f5f5f5; color:#003466; font-weight:bold; }
.tbld0 { background-color:#e8edf0; }
.tbld1 { background-color:#d3dde1; }
.tbld0 a { font-weight:normal; }
.tbld1 a { font-weight:normal; }
.pageoff { color:#898989; }
.note { font-size:10px; float:left; clear:both; }
.error { font-size:16px; font-weight:bold; color:#cc0033; }

/* form elements */
form { margin:0px; }
.frmtext { border:solid 1px #707070; background-color:#fbfbfb; padding:1px; }
.frmbtn { width:100px; font-size:12px; font-weight:bold; color:#003466; text-transform:uppercase; }

/* hide and change identified elements at printing */
@media print {
	body { background-color:#FFFFFF; background-image:none; }
	#page { width:100%; background-image:url( images/printLogo.gif ); background-repeat:no-repeat; }
	#content, #contenthome { width:100%; background-color:transparent; padding:170px 20px 0px 15px; }
	#footer { position:relative; width:95%; background-color:#FFFFFF; border:1px solid #003466; }
	#footer ul li { font-weight:bold; color:#003466; }
	#header, #headerhome, #mainmenu, #submenu, #leftcolumn, #rightcolumn { display:none; }
}