@charset "utf-8";
/* CSS Document */
:-moz-any-link:focus {
  outline: none;
}
p{
padding:5px 8px 5px 8px;

}
a img{
border:0px;
}

h1{
color:#3C3CA5;

}

h2{
color:#3C3CA5;
border: 1px solid  #A6A6D6;
border-width:0 0 1px 0;
}
a{
color:#80329A;
}
a:hover{
color:#B98FC7;
}
div#header{
background:url(../images/log_Temp%20copy.png) no-repeat transparent;

height:134px;
width:836px;
}

div#header h1,div#header h1 a{
display:block;
width:210px;
height:134px;
float:left;
margin: 0 0 0 20px;
}
div#header h1 a span{
display:none;
}
div#header h2{
padding:80px 0px 0px 450px;

}
div#header h2 a{
color:#3E3999;
text-decoration:none;
}
div#header h2 a:hover{
text-decoration:underline;
}
.text_right{

text-align:right;

}
.posbotrt{
position:static;
bottom:0px;

}
.fom_blue span{
display:none;
}
.fom_blue{
display:block;
width:118px;
height:46px;
background:url(../images/fom_blue.png) no-repeat;
}
.fom_blue:hover{
background-position: 0px -46px;
}
.fom_green span{
display:none;
}
.fom_green{
display:block;
width:118px;
height:46px;

background:url(../images/fom_green.png) no-repeat;
}
.fom_green:hover{
background-position: 0px -46px;
}

.fom_yellow span{
display:none;
}
.fom_yellow{
display:block;
width:118px;
height:46px;

background:url(../images/fom_yellow.png) no-repeat;
}
.fom_yellow:hover{
background-position: 0px -46px;
}

.fom_red span{
display:none;
}
.fom_red{
display:block;
width:118px;
height:46px;

background:url(../images/fom_red.png) no-repeat;
}
.fom_red:hover{
background-position: 0px -46px;
}
#topMenu{
width:450px;
margin:30px 0 0 100px;
padding:0;
float:left;
}
#topMenu ul{
display:block;
width:450px;
height:64px;
text-indent:0px;

}
#topMenu ul li{
float:left;
list-style:none;
}
#topMenu ul li a{

height:64px;
display:block;
}
#topMenu ul li a span{
display:none;
}



li#tm1 a{
width:112px;
background:url(../images/topMenu.png);
background-position:0 0;
}
li#tm2 a{
width:113px;
background:url(../images/topMenu.png);
background-position:-112px 0px;
}
li#tm3 a{
width:113px;
background:url(../images/topMenu.png);
background-position:-225px 0px;
}
li#tm4 a{
width:112px;
background:url(../images/topMenu.png);
background-position:-338px 0;
}
li#tm1 a:hover{
background-position:0 -64px;
}
li#tm2 a:hover{
background-position:-112px -64px;
}
li#tm3 a:hover{
background-position:-225px -64px;
}
li#tm4 a:hover{
background-position:-338px -64px;
}

/****drop down menu *********************************************************************/

#topMenu  ul li div

{

position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	
	}

	#topMenu ul li div a
	{	position: relative;
		display: block;
		margin: 0;
		padding:2px 5px 2px 5px;
		color:#000000;
		height:auto;
		text-align: left;
		text-decoration: none;
		
		}

	#topMenu ul li div a:hover
	{	
		color: #000000;
		}

#tm1 div a{
background:#8cc6fd;
width:97px;
}
#tm1  div a:hover{
background:#58adfd;
}
#tm2  div a{
background:#73ee7c;
width:97px;
left:2px;
}
#tm2  div a:hover{
background:#00e010;
}

#tm3 div a{
background:#fffe81;
width:97px;
left:3px;
}
#tm3  div a:hover{
background:#fffc00;
}
#tm4 div a{
background:#ff8d8d;
width:97px;
left:5px;

}
#tm4  div a:hover{
background:#ff3c3c;
}


div#mainContent{
min-height:400px;
}
div#loginBox{
width:300px;
margin: 10px auto 10px auto;
border: 3px solid #003366;
padding:20px;
}
div#loginText{
width:380px;
margin: 10px auto 10px auto;

}
.right{
float:right;
}
div#loggedinBox{
text-align:center;
}

.imageList{
width:90px;
height:120px;
text-align:center;
float:left;
}

/*set for left and right */

div#leftcons{
width:320px;
min-height:350px;
}
div#rightcons{
width:480px;
min-height:350px;
}



.DragContainer, .OverDragContainer {
  float: left;
  margin: 3px;
 /* width: 420px;*/
  padding: 5px;
  min-height:200px;
  
}
.DragBox{
 
  padding: 2px;
  
  margin-bottom: 5px;
 /* width: 420px;*/
 
  
  
}
.wwr {
display:block;
background:url(../images/wwr.png) no-repeat;
width:836px;
height:92px;
clear:left;
background-position:0 0;

}
a.wwr:hover {
background-position:0 -92px;


}
.wwr  span{
display:none;
}
.midit{
text-align:center;

}
.door{
background:#dddddd;
}
.door h2{
display:block;
float:left;
background:url(../images/door.png) no-repeat;
width:200px;
height:50px;
}

.door h2 span{
display:none;
}
.door p{
clear:left;
}
.door img{
border: 3px solid #ffffff; 
margin: 2px 3px 2px 5px;
}

.diaryBlock{
background:#dddddd;
}
.diaryBlock h2{
display:block;
border:0px;
width:200px;
height:50px;
background:url(../images/diaryHeader.png) no-repeat;

}

.diaryBlock h2 span{
display:none;
}
.dateText{
padding-bottom:0;
font-size:0.8em;
display:block;
background:#CCCCCC;
}
.dateTile{
padding-top:0px;
font-size:1.1em;
display:block;
background:#CCCCCC;

}
.diaryEntry{
border: 1px solid  #A6A6D6;
border-width:0 0 1px 0;
padding-bottom:15px;
}


.frontPage{
margin: 2px 3px 2px 5px;
}
.clublink, .detachlink{
padding:1px 8px 3px 8px;
}
.clublink a{
font-weight:bold;
color:#ffffff;
display:block;
background:#227E28;
padding:3px 5px 3px 5px;
text-decoration:none;
}
.clublink a:hover{
background:#08A713;
}
.detachlink a{
font-weight:bold;
color:#ffffff;
display:block;
background:#929125;
padding:3px 5px 3px 5px;
text-decoration:none;
}
.detachlink a:hover{
background:#BDBB00;
}
.pageMenu{
background:#dddddd;
}
.pageMenu h2{
display:block;

background:url(../images/pagemenu.png) no-repeat;
width:200px;
height:50px;
}

.pageMenu h2 span{
display:none;
}
.pageMenu p{
margin:0;
padding:0;
}
.pageMenu p a{
padding:3px 5px 3px 5px;
display:block;
background:#A87CB6;
border: 1px solid #BA9DC4;
border-width: 0 0 1px 0;
color:#ffffff;
text-decoration:none;
}
.pageMenu p a:hover{
background:#BA9DC4;
}
