/* CSS Document */
body {
	color: #7f7f7f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	background-image: url('imahe/bg2.jpg');
	background-repeat: repeat-x repeat-y;
}

.clear{clear:both;}
* {
	margin: 0px;
	padding: 0px;
}

p
{
	font-size: 10px;
	margin-left: 4px;
	margin-right: 4px;
}

a
{
	font-size: 10px;
/*	color: #000000; */
	text-decoration: none;
}

#container 
{
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;
/*	background-color: #E6F4FF; 	
	to change background color change bg color in #container and #content-front*/
/*	background-color: #548CF3;
	background-color: #458aca;*/
}

#subbg
{
	background-color: #FFFFFF;
	width: 990px;
	padding: 5px;
}

/*header----------------------------------------------------------------*/

#header
{
	margin: 0px 0px 0px 0px;
	margin-bottom: 5px;
	width: 998px;
	position: relative;
	background-color:#666666;
	border: 1px solid #ffffff;
	border-top: none;
}

#banner
{
	position: relative;
}

#mainmenu
{
	background-image: url(imahe/menubar.gif);
	background-repeat: repeat-x;
	position: absolute;
	width: 750px;
	height: 30px;
	top: 164px;
	left: 0px;
	z-index: 0;
}

#mainmenu ul
{
	color: #FFFFFF;
	width:750px;
	display:block;
	position: relative;
	top:4px;
	margin: 0px 0px 0px 0px;	
	height: 30px;
	padding: 5px 0px 0px 0px;
	text-align: right;
	left: 1px;
	z-index: 2;
}

#mainmenu li
{
	display:inline;	
	position: relative;
}

#caption
{
	position: absolute;
	top: -24px;
	left: 42px;
	width: 500px;
	height: 100px;
}

#header ul a{
	text-decoration:none;
	color: #FFFFFF;
	margin: 0px 9px;
}

#header ul a:hover{
	color: #FFFF00;
}

#content
{
	width: 1000px;
	margin-bottom: 5px;
}

#content-front
{
	width: 1000px;
	/*
	background-image: url(imahe/mascot.jpg) ;
	background-position: center;
	background-repeat: no-repeat;
	
	background-color: #458aca;  */
/*	background-color: #548CF3; */

}


img 
{
	border-width: 0px;
	behavior: url('iepngfix.htc');
}

img.left
{
	float: left;
	position: relative;
	padding: 5px;
}

h1
{
	color: #000000;
	font-size:14px;
	padding: 5px 2px 2px 4px;
	border-bottom: solid 1px #000000;	
}

h3
{
	color: #000;
	font-size:12px;
	padding: 5px 2px 2px 4px;
	border-bottom: solid 1px #000000;
}

#right h1
{
	color: #FFFF99;
	font-size:12px;
	padding: 5px 2px 2px 4px;
	border-bottom: solid 1px #CCCCCC;	
}

#right h1 a { color: #F3F3F3 ; }

h2
{
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

#headlong
{
/*	background-image: url(imahe/header.png);
	background-repeat: no-repeat;
	behavior: url('iepngfix.htc');*/
}

#headshort
{
/*	background-image: url(imahe/header2.png);
	background-repeat: no-repeat;
	behavior: url('iepngfix.htc');
*/
}

#noleftborder
{
	border-left: none;
}

#norightborder
{
	border-right: none;
}
#nosideborder
{
	border-left: none;
	border-right: none;
}

#notopsideborder
{
	border-top: none;
	border-left: none;
	border-right: none;
}

#notoprightborder
{
	border-top: none;
	border-right: none;
}

#left {
	float:left;
	width: 300px;
/*	display:inline; */
/*	background-color: #0066FF;  */
	height: 100%;
/*	border-right: 1px solid #ffffff;*/
	margin-right: 0px;
	position: relative;
	text-align: center;
}

#left li
{
	list-style: none;
	margin-left: 5px;
	font-size: 10px;
}

#left p 
{
	text-align: justify;
	margin-left: 2px;
	margin-right: 2px;	
}

#middle
{
	float:left;
	width: 483px;
	margin-left: 0px;
	margin-right: 3px;	
	color: #000000;
}

#middle p
{
	font-size: 11x;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 18px;
	text-align: justify;
	color: #000000;
	font-weight: bold;
}

#middle p a
{
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

#timestamp
{
	font-size: 10px;
}

#middle a
{
	color: #9D9D9B;
	text-decoration: none;
	font-weight: bold;
}

#left-footer
{	
	position: relative;
	width: 998px;
	height: 16px;
	background-color: #0099CC;
	margin: 0px;
	text-align: left;
}

#left-footer a:hover { color: #ffffff; }

#left-footer ul
{
	color: #000000;
	display: block;
	top: 2px;
	position: relative;
	left: 10px;
	text-align: center;
	width: 400px;
}

#left-footer li
{
	display:inline;	
}

#left-footer li a
{
	color: #000000;
	font-weight: bold;
	font-size: 9px;
}

#subfooter
{
	position: relative;
	top: 5px;
	text-align: left;
	width: 580px;
	font-size: 10px;
	font-weight: normal;
	color: #FFFF00;
	height: 80px;
}

#subfooter a
{
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
}

#subfooter img
{
	behavior: url('iepngfix.htc');
}

#right {
	float: right;
	width: 210px;
/*	background-color: #FFFFFF;
	border-left: 1px solid #ffffff;*/	
	color: #ffffff;
	text-align: center;
	margin-right: 2px;
}

#right ul li
{
	margin-bottom: 0px;
	list-style: none;
}

#right ul a{
	text-decoration:none;
	color: #000000;
}

#right ul a:hover 
{
	text-decoration:none;
	color: #006600;
}

#right p
{
	margin-left: 2px;
	margin-right: 0px;
}

#footerline
{
	background-image: url(imahe2/footer.gif);
	background-repeat: no-repeat;
	width: 1000px;
	height: 20px;
	position: relative;
}

#footer
{
	position: relative;
	font-size: 10px;
	width: 998px;
	text-align: center;
	background-color: #006699;
	border: 1px solid #ffffff;
	border-bottom: none;
}

#panel_logo
{
	height: 350px;
}

#mascot
{
	background-image: url(imahe/mascot.png);
	width: 330px;
	height: 445px;
	position: absolute;
	behavior: url('iepngfix.htc');
	left: -18px;
	top: -55px;
	z-index: 2;
}

#title
{
	background-image:url(imahe/palaro.png);
	behavior: url('iepngfix.htc');
	width: 324px;
	height: 72px;
	margin-top: 10px;
	margin-bottom: 10px;
	
	position: relative;
}

#year
{
	background-image: url(imahe/2008.png);
	width: 141px;
	height: 65px;
	position: absolute;
	behavior: url('iepngfix.htc');
	left: 156px;
	top: 270px;
	z-index: 3;
}


#medal_tally
{
	height: 150px;
	background-color: #ffffff;
}

#medal_tally p
{
	margin-left: 4px;
	margin-right: 4px;
}

#medal_tally table td
{
	text-align: center;
}

#poll
{
	position: relative;
}

#pollresult p, #pollresult h2, #pollresult table
{
	color: #000000;
	margin-left: 15px;
	margin-right: 15px;

}

#pollresult, #pollresult table, #pollresult p
{
	background-color: #FFFFFF;
}

#poll p, #poll form
{
	margin-left: 2px;
	margin-right: 2px;
	line-height: 18px;
	color: #000000;
}

#powered
{
	background-color: #ffffff;
}

#powered p
{
	margin-left: 4px;
	margin-right: 4px;
}

#latestnews
{
	clear: both;
/*	background-image: url(imahe/latestnews.png);
	background-repeat: no-repeat;*/
	width: 307px;
	height: 23px;
	behavior: url('iepngfix.htc');
	position: relative;
	left: 10px;
	top: 0px;

}

#latestnews p
{
	text-align: justify;
}



#centerpic
{
/*	background-image: url(imahe/frontpic.gif); */
	clear: both;
	width: 330px;
	height: 152px;
	left: 3px;
}

/*-----------------article-------------------------------------------------*/
#article 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;	
}

.article 
{	
	width: 1000px;
	background-color: #FFFFFF;
}

.articleleft
{
	float: left;
	width: 573px;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;;
}

#article p, #article pre, #article table
{
	font-size: 12px;
	text-align: justify;	
	padding-left: 0px;
	padding-right: 0px;
	line-height: 20px;
}


#article p a, #article pre a, #article table
{
	color: #000000;
	font-size: 11px;
}

#side_article
{
	position: relative;
	display: block;
	float: left;
	width: 190px;
	left:-1px;
	padding-left: 2px;
	background-color: #FFFFFF;
	border-left: 1px solid #cccccc;
}

#side_article ul 
{
	padding-left: 20px;
}

#side_article ul li
{
	list-style: url(imahe/extras/file.gif);
}

#side_article ul li a
{
	line-height: 18px;
	color: #000000;	
	font-size: 11px;	
}

#side_article ul li a:hover
{
	color: #999999;
}

#articleHeader
{
	font-size: 22px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: left;
	color: #FF0000;
}

#article img
{
	border: 2px solid #000000;
	margin: 5px;
}

/*----------------------------------------Game Result--------------------------------------------*/

#gameresult 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;	
	position: relative;
}

#gameresult p, #gameresult pre, #gameresult table
{
	font-size: 12px;
	text-align: justify;	
	margin-left: 10px;
	margin-right: 10px;
	line-height: 20px;
}

#gameresult p a, #gameresult pre a, #gameresult table
{
	color: #000000;
	font-size: 11px;
}

#gameresultHeader
{
	font-size: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*--------------------------admin----------------------------------*/
#admin
{
	font-size: 10px;
	color: #ffffff;
	width: 750px;
	text-align: center;
}

#adminpage
{
	color: #000000;
}

#sitestatus
{
	font-size: 10px;
	color: #000000;

	width: 100%;
}

#sitestatus p
{
	margin-left: 4px;
	margin-right: 4px;
	line-height: 18px;
}

/*------------------------------LINKS----------------------------------------------------*/
#thelink 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
	margin-left: 10px;
	margin-right: 10px;
}

#thelink p, #thelink table, #thelink p a
{
	font-size: 11px;
	text-align: justify;	
	margin-left: 10px;
	margin-right: 10px;
	line-height: 20px;	
}

#thelink p a, #thelink table
{
	color: #000000;
	font-size: 11px;
}

#thelinkHeader
{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #000000;
}

#thelink h2
{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #000000;
}

/*----------------------------message------------------------------------------------*/
#message, #message a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 750px;
}

#message p, #message a
{
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
	font-size: 12px;
	width: 710px;
}

#message img
{
	border: 2px solid #000000;
	margin: 5px;
}

#mayorsign
{
	behavior: url('iepngfix.htc');
	background-image: url(messages/mayorsign.png);
	background-repeat: no-repeat;	
	width: 200px;
	height: 67px;
	position: absolute;
	left: 450px;
	top: 670px;
}

#vicemayorsign
{
	behavior: url('iepngfix.htc');
	background-image: url(messages/vicemayorsign.png);
	background-repeat: no-repeat;
	width: 126;
	height: 114px;
	position: absolute;
	left: 450px;
	top: 580px;	

}


/*-----------------------------program---------------------------------------------*/
#program, #program a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 750px;
}

#program p, #program a, #program table
{
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
	font-size: 12px;
	width: 720px;
}

#program img
{
	border: 2px solid #000000;
	margin: 5px;
}

#programpanel { color: #000000; }

#programpanel a, , #programpanel ul
{
	margin-left: 3px;
	margin-right: 3px;
	color:#000000;
	font-size: 11px;
	text-align: left;
}

#programpanel li
{
	list-style: none;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#programpanel ul li a
{
	color: #000000;
	font-size: 11px;
	font-weight: normal;
}

/*-----------------------------schedule---------------------------------------------*/
#schedule, #schedule a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	width: 100%;
}

#schedule p, #schedule a
{
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
	font-size: 10px;
	width: 720px;
}

#schedule table
{
}

#schedule img
{
	border: 2px solid #000000;
	margin: 5px;
}


#schedulepanel a
{
	margin-left: 4px;
	margin-right: 4px;
	color:#000000;
	font-size: 10px;
}


/*------------------------------------video gallery-----------------------------------*/
#vidgallery td a, #picgallery td a
{
	color: #000000;
}

/*----------------------------------------------message of mayor vice --------------------------*/
#catch 
{
	font-size: 12px;
	color: #66FF33;
	font-weight:bold
}

#frontarticles li a
{
	font-size: 10px;
	color: #ffffff;
	font-weight: normal;
	line-height: 15px;
}



/*========================================flashes===============================================*/
  
#flashes
{
	margin-left: 15px;
	margin-right: 15px;	
	color: #000000;
}

#flashes a
{
	color: #000000;
}

/*-----------------------------------------------2 panel header. right side-------------------*/

#rightheader
{
	background-image: url(imahe/underbg.jpg);
	background-repeat: no-repeat;
}

#underground 
{
	padding-bottom: 10px;
/*	border-bottom: 1px dotted #000000;*/
}

#underground, #underground a
{
	color: #000000;
	font-size: 10px;
}


#picthumb
{
/*	border: 5px solid #333333; */
}

#picview
{
	border: 8px solid #999999;
}

.thumbholder
{
	background-image: url(imahe/thumb.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 150px;
	height: 200px;
}

.leftad
{
	float: left;
	width: 210px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

.art_header
{
	background: url(imahe/art_header.gif) no-repeat top left; 
	height: 66px;
}

.art_header_sub
{
	font-weight: bold; 
	position: relative; 
	padding-left: 70px; 
	padding-top: 38px;
}