/* CSS Document */


/* layout colors

#000000		black

*/

@import url('reset.css');
@import url('form.css');
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,400,300,700);

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end clearfix */


* {
	margin: 0;
	padding: 0;
}

body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
}

p {
	margin: 0 0 18px
}

input {
	vertical-align: middle;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

#header {
	height: 85px;
	background: #FFFFFF;
	margin-top: 12px;
}

#logo{
   float: left;
   background-image:url('images/Agora_Worldwide_LOGO.png');
   width: 220px;
   height: 85px;
   background-color: #FFFFFF;
}

#menu{
   float: right;
   width: 728px;
   height: 85px;
   background-color: #FFFFFF;
}

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

#menuopt1{
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 400; 
   font-size: 21px;
   vertical-align:bottom;
   float: left;
   padding: 22px;
   padding-top: 36px;
   height: 26px;
   border-left:2px solid;
   border-color: #999999;
   background-color: #FFFFFF;
   text-align:bottom;
}

#menuopt2{
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 400; 
   font-size: 21px;
   vertical-align:bottom;
   float: left;
   padding: 22px;
   padding-top: 36px;
   height: 26px;
   border-left:2px solid;
   border-color: #999999;
   background-color: #FFFFFF;
   text-align:bottom;
}

#menuopt1first{
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 400; 
   font-size: 21px;
   vertical-align:bottom;
   float: left;
   padding: 22px;
   padding-top: 36px;
   height: 26px;
   background-color: #FFFFFF;
   text-align:bottom;
}

#menuopt1:hover {
   background-color: #dff4b5;
   color: #34385C; 
   text-decoration: none;
}

#menuopt1:active {
   background-color: #dff4b5;
   color: #34385C; 
   text-decoration: none;
}

#menuopt2:hover {
   background-color: #F88C30;
   color: #fffdef; 
   text-decoration: none;
   background-image:url('images/globe.png');
}

#menuopt2:active {
   background-color: #F88C30;
   color: #fffdef; 
   text-decoration: none;
   background-image:url('images/globe.png');
}


#menuopt1first:hover {
   background-color: #dff4b5;
   color: #34385C; 
   text-decoration: none;
}

#menuoptfirst:active {
   background-color: #dff4b5;
   color: #34385C; 
   text-decoration: none;
}

#featured {
	height: 350px;
	background: #E1E0D9;
	margin-top: 12px;
}

#content {
    float: left;
    width: 960px;
	background: #FFFFFF;
	margin-top: 24px;
}

#col1{
   float: left;
   width: 200px;
   background-color: #FFFFFF;
   margin-right: 12px;
}

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

#col1a {
	font-family: 'Roboto Condensed', sans-serif;
	float: left;
    height: 225px;
	width: 196px;
    color: #000000; text-decoration: none;
	background-image:url('images/calendar.png');
	z-index:1;
}

#col1b {
	font-family: 'Roboto Condensed', sans-serif;
	position:relative;
	top: 202px;
    height: 225px;
	width: 196px;
    color: #000000; text-decoration: none;
	background-image:url('images/startplanning.png');
	z-index:3;
}

.todayis {
	margin-top:50px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #FEFEFE; 
	font-weight: 400;
	font-size: 10px;
	float: center;
	text-align:center;
}

.day {
	margin-top:0px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #FEFEFE; 
	font-weight: 400;
	font-size: 24px;
	float: center;
	text-align:center;
}

.date {
	margin-top:24px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color: #111111; 
	font-size: 72px;
	float: center;
	text-align:center;
}

.month {
	margin-top:12px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color: #111111; 
	font-size: 26px;
	float: center;
	text-align:center;
}

#col1opt{
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 300;
   line-height: 100%;
   padding: 5px;
   padding-left: 10px;
   font-size: 20px;
   float: left;
   width: 200px;
   border-top:1px solid;
   border-color: #999999 #000000;
   background-color: #FFFFFF;
}

#col1optt{
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 300;
   line-height: 100%;
   padding: 5px;
   padding-left: 10px;
   font-size: 20px;
   float: left;
   width: 200px;
   border-top:2px solid;
   border-color: #000000;
   background-color: #FFFFFF;
}

#col1optb{
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 300;
   line-height: 100%;
   padding: 5px;
   padding-left: 10px;
   font-size: 20px;
   float: left;
   width: 200px;
   border-top:1px solid;
   border-color: #999999 #000000;
   border-bottom:2px solid;
   background-color: #FFFFFF;
}

#col1opt:hover {
   background-color: #dff4b5;
}

#col1optt:hover {
   background-color: #dff4b5;
}

#col1optb:hover {
   background-color: #dff4b5;
}

#col2{
   font-family: 'Roboto Condensed', sans-serif;
   color: #000000;
   font-size: 20px;
   font-weight: 700;
   line-height: 140%;
   float: right;
   width: 728px;
   background-color: #FFFFFF;
}

#col2 a {
   color: #000044;
}

#col2 a:hover {
   color: #000066;
}

#col2frames{
   float: left;
   width: 728px;
	color: #eeeeee;
   background-color: #FFFFFF;
   margin-bottom: 12px;
}

#box1{
   float: left;
   width: 328px;
   height: 120px;
   padding: 15px;
   margin-right: 12px;
   margin-bottom: 12px;
   background-color: #E1E0D9;
   background-image:url('images/box1.png');
}

#box1 a {
	font-color: #222222;
	text-decoration: none;
}
#box1 a:hover {
	font-color: #333333;
	text-decoration: none;
}

#box2{
   float: left;
   font-color: #eFeFeF;
   width: 328px;
   height: 120px;
   padding: 15px;
   margin-bottom: 12px;
   background-color: #34385C;
   background-image:url('images/box2.jpg');
}

#box2 a {
	font-color: #FFFFFF;
	text-decoration: none;
}
#box2 a:hover {
	font-color: #FFFFFF;
	text-decoration: none;
}

#box3{
   float: left;
   width: 328px;
   height: 120px;
   padding: 15px;
   margin-right: 12px;
   margin-bottom: 12px;
   background-color: #F88C30;
   background-image:url('images/box3.jpg');
}

#box3 a {
	font-color: #222222;
	text-decoration: none;
}
#box3 a:hover {
	font-color: #333333;
	text-decoration: none;
}

#box4{
   float: left;
   width: 328px;
   height: 120px;
   padding: 15px;
   margin-bottom: 12px;
   background-color: #83b916;
   background-image:url('images/box4.jpg');
}

#box4 a {
	font-color: #FFFFFF;
	text-decoration: none;
}
#box4 a:hover {
	font-color: #FFFFFF;
	text-decoration: none;
}

#col2content{
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 400; 
   font-size: 16px;
   line-height: 140%;
   float: right;
   padding-left: 12px;
   width: 716px;
   background-color: #FFFFFF;
}

#collist{
   color: #000000;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: italic;
   float: left;
   margin-top: 15px;
   margin-bottom: 15px;
   padding-right: 30px;
}

#footer {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400; 
    font-size: 14px;
	float: left;
	width: 960px;
	height: 130px;
	background: #221d23;
	margin-top: 12px;
	margin-bottom: 12px;
}

#footer a {
color: #D3D2C6;
text-decoration: none;
}

#footer a:hover {
color: #EEEEEE; text-decoration: underline;
}

#footcol1{
   color: #D3D2C6;
   float: left;
   width: 110px;
   height: 100px;
   padding: 15px;
}

#footcol2{
   color: #EEEEEE;
   float: left;
   width: 130px;
   height: 100px;
   margin-top: 15px;
   margin-bottom: 15px;
   padding-left: 15px;
   border-left:1px solid;
   border-right:1px solid;
}

#footcol3{
   color: #D3D2C6;
   float: left;
   width: 170px;
   height: 100px;
   padding: 15px;
}


img, form, fieldset {
	margin: 0px;
	padding: 0px;
	border:none;
}

h1 {
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 700; 
   font-size: 28px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}


a {color: #970609; text-decoration: none;}
a:hover {color: #970609; text-decoration: underline;}
a:focus {outline: none;}

.clr {clear: both;}

.left {float:left !important;}
.right {float:right !important;}
.hidden {display: none !important;}
.visible {display: block !important;}


.pic-left{
	float: left;
	margin-right: 13px;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 5px;
	background-color:#fff;
	line-height:0;
}
.pic-right{
	float: right;
	margin-left: 13px;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-right:0px;
	padding: 5px;
	background-color:#fff;
	line-height:0;
}

.shadow {
	box-shadow: 0 0 4px #999;
	-moz-box-shadow: 0 0 4px #999;
	-webkit-box-shadow: 0 0 4px #999;
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
}