
/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body{
font:76% "Trebuchet MS",Arial,sans-serif;
background:#273B7A;
}


/**************** Header and navigation styles ****************/

#container{
width:770px;
margin:0 auto;
padding:0;
text-align:left;
color:#303030;
line-height:1.4em;
background-color:#FFFFFF;
}

#title{
	height:160px;
	width: 770px;
	background-color: #E6EDF0;
	background-image:url("images/header.jpg");
	background-repeat: no repeat;
}

#title p{
	padding:10px 0 0 550px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	float: right;

}

#title a{
color: #FFFFFF;
text-decoration:underline;
background-color:inherit;
}

#menu{
	width: 769px;
	height: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	border-left: 1px solid #E1E1E1;
	background-color: #C5C5C5;
}

/* Middle area */
#left_home {height: 210px; width: 470px; float: left; margin:0; padding:0; background-color:#F0F3FB; border-bottom: 1px solid #E6EDF0;}
#left_home h1 {font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; padding:25px 10px 7px 20px; color: #000000; line-height: 1.6em;}
#left_home p {font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; padding:7px 10px 0 20px; color: #000000; line-height: 1.4em;}
#right {float: right; height: 210px; width: 300px; margin:0; padding:0;background-color:#FFFFFF;}

/* Main content*/
#main {width: 730px; background-color: #FFFFFF; color: #000; float: right; padding:20px; background-color:#FFFFFF;}
#main h1 {font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #273B7A; padding: 5px 0 7px 0; line-height: 1.6em;}
#main h2 {font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #273B7A; padding: 5px 0 7px 0;}
#main p {color:#000; font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px 0 5px 0;line-height: 1.4em;}
#main ul {color:#000; font: 1.0em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:10px 10px 0px 15px; padding:0;}
#main li {color:#000; font: 1.0em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 10px 0;}
}


/* Additional classes */
.photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
.timestamp {font-size:1.2em; color:#606060; margin:-12px 0 12px 0;}
.block {background:#f0f0f0; padding:10px;}
.hide {display:none;}
.floatright {float:right; margin: 0 15px 0 0;}
.floatleft {float:left; margin: 0 15px 0 15px;}
.photo_upper {float:right; margin: 0 0 17px 40px;;}

.clear{clear:both;}
.smallest{font-size:.7em;color:#FFFFFF}

.small{
	font-size: 1.1em;
	color:#FFFFFF;
	padding:26px 10px 6px 300px;
}

.leftmargin{margin:0 0px 0px 20px;}

.textcenter{text-align:center;}

.textright{text-align:right;}

.important{color:#f02025; background-color:inherit; font-weight:bold;}

.left{float:left;padding:0 70px 10px 20px;clear: left;}

.right{float:right;padding:0 10px 10px 20px;clear: right;}

.rightlogin{float:right;padding:10px 15px 0 0;}

.bold{font-weight:bold}

.black {color:#000000}

.box1{
padding:10px;
margin:10px 5px 10px 20px;
float:right;
width:180px;
border:1px solid #c0c0c0;
background-color:#FBFAF8;
color:#000000;
line-height:1.3em;
}

.box2{
padding:10px;
margin:10px 5px 10px 20px;
float:right;
width:180px;
border:1px solid #c0c0c0;
background-color:#FBFDFD;
color:#000000;
line-height:1.5em;
}



