/* CSS Document */

body{
margin:0px;
padding:0px;
width:100%;

}
.tabButtons{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:3px;
}
.gridbox
{
	position:relative;
	width:23%;
	padding:4px;
	margin:2px;
	float:left;
	min-height:145px;
	text-align:center;
	border:1px solid #000000;
}

.newgridbox
{
	position:relative;
	clear:box;
	width:23%;
	padding:4px;
	margin:2px;
	float:left;
	min-height:145px;
	text-align:center;
	border:1px solid #000000;	
}


            * {
                margin: 0;
                padding: 0;
            }
            h1 {
                margin: 0 0 1em;
                font-size: 143%;
            }
            h2 {
                margin: 0 0 1em;
            }
            ul {
                list-style: none;
            }
            body>ul>li {
                display: inline;
            }
            body>ul>li:before {
                content: ", ";
            }
            body>ul>li:first-child:before {
                content: "";
            }
            p {
                margin: 2em 0 0;
            }
            div p {
                margin: 1em 0 0;
            }
            code {
                font-family: "Courier New", Courier, monospace;
            }
            #container {
                margin: 2em 0;
                width: 99%;
            }

			.profile{
				width:99.5%;
				text-align:left;
				float:left;
				margin:5px;
				border:1px solid #333333;
				background-color:#CCCCCC;
				display:none;
			}

#header{
	background-color:#000000;
	background-repeat:repeat-x;
	height:130px;
	
}
#header-transparent{
	background-image:url('../images/header-transparent.png');
	background-repeat:no-repeat;
	height:30px;
	width:300px;
	display:inline;
	float:right;
	margin-top:5px;
	padding:5px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#header-transparent a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#990000;
	font-weight:bold;
	text-decoration:none;
	

}

.logo{
	display:inline;
	float:left;
	
}
#navbar{
	clear:both;
	float:left;
	background-image:url('../images/navbar.jpg');
	width:100%;
	height:50px;
}

.navbuttons{
	display:inline;
	float:left;
	width:112px;
	height:27px;
	background-repeat:no-repeat;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
/*	margin:5px;*/
	vertical-align:middle;
	padding-top:5px;
	margin-top:13px;
	margin-left:10px;
	margin-right:10px;

}

.navbuttons:hover{

	background-image:url('../images/navbuttons-red.gif');

}
.navbuttons a{
	color:#FFFFFF;
	text-decoration:none;
	
}


.tabs{
	width:210px;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	color:#ffffff;
	background-color:#288ABB;
	height:38px;
	vertical-align:text-bottom;

}

#site_container{
	clear:both;
	float:left;
	width:99%;
}
#contents{
	clear:both;
	padding:5px;
	float:left;
	width:100%;
	min-height:360px;
	height:auto;
}


#footer{
	clear:both;
	background-image:url('../images/footer-bg.jpg');
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	height:37px;
	/*position:absolute;*/
    bottom:0;
	
}