@charset "UTF-8";

/******************************************************************************** 
* FPSC CSS 
*
* @file		: fpsc.css
* @version		: 0.1
* @date		: 2009.09.09
* @creator	: Adrian Jose Checa.
* @link		: http://www.adrianjose.com/
* @redesigned by: Mark Vincent del Rosario
* @link	:http://www.thetotobox.com
* 
*----------------------------------------------------------------------------------------------------------
* CHANGE HISTORY
*----------------------------------------------------------------------------------------------------------
* Date		| By			| Description				| Reference		|
* yyyy.mm.dd	|			|						|				|
*yyyy.mm.dd	|			|						|				|
********************************************************************************/


div#container {
	/*border: thick black;
	background: #2f2f2f; */
	width: 905px;
	height: 800px;
	margin-left: auto;
	margin-right: auto;

}

div#float {
	text-align: center;
	float: left;
	border: 1px solid black;
	width: 150px;
	height: 150px;
}

div.content {
	/*background: lightyellow;*/
	border: 1px solid black;
}

#header {
	/*background-image:url(../images/webheader.png);*/
	background-color:#5f5f5f;
	margin-left: 0px;
	width:100%;
	height: 10px;
	/*background-color:#2f2f2f;*/
	/*background-position:center top;*/
	background-repeat:no-repeat;
}

#top-menu ul { 
padding: 0;
margin: 0;
}

#top-menu li
{
list-style:none;
float: left;
margin: 0 0.15em;
}

#top-menu li a
{
background: url(background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

#top-menu li a:hover
{
background: url(background.gif) #CAE1FF bottom left repeat-x;
}

div.menu {
	/*background: lightyellow;
	border: 1px solid black;*/
	height: 24px;
	border: none;
	font-family:Arial;
	Font-size:10px;
	/*background-image:url(../images/menubg.jpg);*/
	/*padding: 5px 10px;*/
	padding-left:3px;

}


div.header1 {
	background-image:url(../images/header1.jpg);
	height: 70px;
	background-color:#2f2f2f;
	/*background-position:center top;*/
	background-repeat:no-repeat;
}


div.body {
	/*background: lightyellow;
	border: 1px solid black;
	height: 500px;*/
	background-color:#b7b6ab;
	padding: 1px 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;

}

div.body A:link { text-decoration:none; color:#3366FF;}
div.body A:visited { text-decoration:none; color:#3366FF;}
div.body A:active { text-decoration:none; color:#3366FF;}
div.body A:hover { text-decoration:underline; color:#3366FF;}

#content1{border-bottom: 2px #d5d5d5 solid; padding-bottom:10px;}

div.footer {
	/*background: lightyellow;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color:#696969; 
	/*background-color:#f6f6f6;*/
	padding: 0px 10px;
}

div.footer_link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color:#3366FF; 
	/*background-color:#f6f6f6;*/
	padding: 0px 10px;
}

div.footer_link A:link { text-decoration:none; color:#3366FF;}
div.footer_link A:visited { text-decoration:none; color:#3366FF;}
div.footer_link A:active { text-decoration:none; color:#3366FF;}
div.footer_link A:hover { text-decoration:underline; color:#3366FF;}

div#clear {
	/*border: 1px solid black;
	background: lightgreen;*/
	clear: both;   
}

div.indent_body {
	font-size:10px;
	color:#2f2f2f;
	margin-left: 15px;
	padding: 0px 5px;
	padding-right: 20px;
}

div#box {
	/*border: thick black;
	background: #aaa; */
	margin-left: auto;
	margin-right: auto;
	display: table-cell;
	width: 500px;
	border: thin solid black;
}


div.box_body {
	/*background: lightyellow;
	border: 1px solid black;
	height: 500px;*/
	background-color:#2f2f2f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top: 0px;
	border: 1px double #3f3f3f;
}

.box_info {
	padding-left: 10px; 
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width:250px;
	border-left:1px dotted #ccc;
	/*background-image:url(../images/bgboxbw.jpg);*/
	background-position:center top;
	background-repeat:no-repeat;
	vertical-align:top;
	font-size:11px;
	color:#d5d5d5;
}

.box_aboutus {
	padding-left: 10px; 
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width:250px;
	border-left:1px dotted #ccc;
	/*background-image:url(../images/bgboxbw.jpg);*/
	background-position:center top;
	background-repeat:no-repeat;
	vertical-align:top;
	font-size:11px;
	color:#d5d5d5;
}

.box_info h5 {
	color: #fff;
	font-size:12px;
}

.box_info  a {color: white;}
.box_info  a:hover {color: #FFA500;}

div.under_head {
	background-color:#f6f6f6;
	padding: 0px 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/bar2.jpg);
	height:10;
}

/*POPUP*/
/* ie6 trash */
* html #gritter-notice-wrapper {
	position:absolute; 
}
* html .gritter-top {
	margin-bottom:-10px;
}
* html .gritter-item {
	padding-bottom:0;
}
* html .gritter-bottom {
	margin-bottom:0;
}
* html .gritter-close {
	background:url(../images/gritter-close-ie6.gif);
	width:22px;
	height:22px;
	top:7px;
	left:7px;
}

/* the norm */
#gritter-notice-wrapper {
	position:fixed;
	top:20px;
	right:20px;
	width:301px;
	z-index:9999;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
	background:url('.'); /* ie7/8 fix */ 
}
.gritter-top {
	background:url(../images/gritter.png) no-repeat left -30px;
	height:10px;
}
.hover .gritter-top {
	background-position:right -30px;
}
.gritter-bottom {
	background:url(../images/gritter.png) no-repeat left bottom;
	height:8px;
	margin:0;
}
.hover .gritter-bottom {
	background-position: bottom right;
}
.gritter-item {
	display:block;
	background:url(../images/gritter.png) no-repeat left -40px;
	color:#eee;
	padding:2px 11px 8px 11px;
	font-size: 11px;
	font-family:verdana;
}
.hover .gritter-item {
	background-position:right -40px;
}
.gritter-item p {
	padding:0;
	margin:0;
}
.gritter-close {
	position:absolute;
	top:5px;
	left:3px;
	background:url(../images/gritter.png) no-repeat left top;
	cursor:pointer;
	width:30px;
	height:30px;
}
.gritter-title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;
	text-shadow:1px 1px #000; /* Not supported by IE :( */
}
.gritter-image {
	width:48px;
	height:48px;
	float:left;
}
.gritter-with-image,
.gritter-without-image {
	padding:0 0 5px 0;
}
.gritter-with-image {
	width:220px;
	float:right;
}

/*Admin Page*/
#newpost{ 

float:left; 
border-right:3px solid #fff; 
border-bottom:2px solid #fff; 
margin-bottom:10px;
background-color: #3f3f3f;
color: #fff;

}