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

/* RESET */
*				{margin: 0; padding: 0;}
html			{overflow-y: scroll;}
html, body 		{height: 100%;}
body			{font-size: 70.5%; font-family: Arial; sans-serif; color:#333333;}
ul 				{list-style: square inside;}
ol				{list-style: decimal inside;}
a 				{outline: none; text-decoration: none;}
a img			{border: none;}
img				{vertical-align: middle;}
table			{border-collapse: collapse;}
.alignright		{float: right; margin-left: 5px;}
.alignleft		{float: left; margin-right: 7px;}
.pages-text		{text-align: justify;}
 
 
 /*TYPOGRAPHY*/
 
p				{font-size: 1.1em; line-height: 1.7em; margin: 0 0 10px 0; text-align: justify}
a				{color:#333333; outline: none;}
a:hover			{text-decoration: underline; color:#999999;}

 
 /*UTILITY*/

.floatLeft		{float: left;}
.floatRight		{float: right;}
.clear			{clear: both;}
.inside 		{padding: 10px;}
#push			{height: 150px; margin-right: 315px;}



/*PAGE*/

#page{
 margin:0px auto;/* center the div*/
 width:960px; 
 background-color:#CCCCCC; /* Temporal */
 background-image:url(../images/body-bg.jpg);
 background-repeat: repeat-y;
}

#header{
 width:961px;
 height:436px;
 float:left;
 margin-left: -1px;
 border: none;
 
 background-image:url(../images/header-bg.jpg);
 background-repeat:no-repeat; 
}

body{
 margin:0px;
 padding:0px;
 background-image: url(../images/body-bg.jpg);
 background-position:top;
 background-repeat:no-repeat;
 
 background-color:#FFFFFF;
}

#page_body{
 width:960px;
 float:left;
 
 background-repeat:repeat-y;
 background-color:#FFFFFF;
}


#content{
 width:640px;
 float:left;
 
 background-color:#FFFFFF;
 padding-bottom: 20px;
 background-image:url(../images/content-bg.jpg);
 background-repeat:no-repeat;
 }
 
 #sidebar{
 width:320px;
 float:left;
 
 background-color:#FFFFFF;
}

#form_handler	{margin-left: 20px;}

/* Footer */
#footer{
height: 150px; 
background: #73c6e0 url(../images/footer-bg.jpg) repeat-x scroll; 
padding-top: 20px; 
float: left;
width: 100%;
}

#footer-inside{
width: 960px; 
margin: 0 auto;
}

ul#footer_nav	{width: 960px; float: left; margin-top: 50px; margin-left: 0px;}
ul#footer_nav li	{display: inline;}
ul#footer_nav li a {text-transform: uppercase; text-decoration: none; color: #333333; padding-right: 18px; margin-top: -3px; font-weight: bold;}
ul#footer_nav li a:hover {text-decoration: underline;}