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

html{overflow-y:scroll;}


.inputfield
{
	width:200px;
}

.field1
{
	width:150px;
}

.field1,.field2,.field3,.field4,.plike
{
	font-size:14px;
	line-height:20px;
}

.plikesmall
{
	font-size:13px;
	line-height:20px;
}

#dhtmltooltip{
	font-size:13px;

	position: absolute;
	width: 150px;
	border: 1px solid #10597B;
	padding: 10px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}



#facebookimg
{
	background-image:url(/images/fblogo.jpg);
	margin-right:10px;
	margin-top:5px;
	height:29px;
	width:29px;
	float:left;
	cursor:pointer;
}



.menuspan
{
padding-left:  10px;
padding-right: 10px;
}

.tablebody
{
	background-color:#white;
	font-size:14px;
	border-spacing:1px;
	margin-bottom:15px;

}

.tableheader
{
	background-color:#B0C4DE;
	color:#ffffff;
	font-size:14px;
	padding:4px;
}


.tablerow1
{
	background-color:#EEEEEE;
	padding:4px;
	vertical-align: text-top;
}

.tablerow2
{
	background-color:#0000CC;
}



a.syslink:link
{
	color:#778899;
	Font-style: none;
	text-decoration: none;
}

a.syslink:visited
{
	color:#778899;
	Font-style: none;
	text-decoration: none;
}
a.syslink:active
{
	color:#778899;
	Font-style: none;
	text-decoration: underline;
}

a.syslink:hover
{
	color:#778899;
	Font-style: none;
	text-decoration: underline;
}


a.textlink:link
{
	color:#778899;
	Font-style: none;
	text-decoration: none;
}

a.textlink:visited
{
	color:#778899;
	Font-style: none;
	text-decoration: none;
}
a.textlink:active
{
	color:#778899;
	Font-style: none;
	text-decoration: underline;
}

a.textlink:hover
{
	color:#778899;
	Font-style: none;
	text-decoration: underline;
}


p
{
	margin-top:0px;
	margin-bottom:15px;
	font-size:14px;
	line-height:20px;
}

h1
{
	font-family:"Times New Roman", Times, serif;
	margin-top:0px;
	color: #778899;
	font-weight:normal;
	font-size:34px;
	margin-bottom: 24px;
}

h2
{
	font-family:"Times New Roman", Times, serif;
	margin-top:0px;
	color: #778899;
	font-weight:normal;
	font-size:25px;
	margin-bottom: 8px;
}

h3
{
	font-family:"Times New Roman", Times, serif;
	margin-top:0px;
	color: #778899;
	font-weight:normal;
	font-size:22px;
	margin-bottom: 8px;
}

h4
{
	margin-left:2px;
	font-family:"Times New Roman", Times, serif;
	margin-top:0px;
	color: #778899;
	font-weight:normal;
	font-size:18px;
	margin-bottom: 8px;
}



.rightbox
{
	line-height:20px;
	margin-bottom:20px;
}

body
{
	margin:0px;
	background-image:url(/images/head_bg.jpg);
	background-repeat:repeat-x;
	height:100%;
	background-color:#EEE;
}

.smallcontent
{
	border-right-color: #778899;
	border-right-style:solid;
	border-right-width:1px;
	width: 695px;
	height:100%;
	float:left;
	margin-right:0px;
	padding-right:25px;
}

.smallcontentnoborder
{
	width: 695px;
	height:100%;
	float:left;
	margin-right:0px;
	padding-right:25px;
}





.coursecalendar,.rightcontainer
{
	float:right;
	padding-right:00px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	width:210px;
}

.coursecalendarhead
{
	color:#2222AA;
	font-size:16px;
	font-weight:bold;

}

a.menu:link,a.menu:visited,a.menu:hover,a.menu:active
{
	color:#FFFFFF;
	font-size:16px;

}

a.menu:link,a.menu:visited
{
	text-decoration:none;
}
a.menu:hover,a.menu:active
{
	text-decoration:underline;
}

#container
{
	margin-left:auto;
	margin-right:auto;
	width:1030px;
	height:100%;
}

#logo_box
{
	float:left;
	height:87px;
	padding-top:24px;
	padding-bottom:11px;
	width:1030px;
	padding-left:30px;
}

#logo
{
	background-image:url(/images/logo.jpg);
	background-repeat:no-repeat;
	height:100%;
	width:100%;
}

#menu_box
{
	float:left;
	height:50px;
	width:970px;
	padding-left:30px;
	padding-right:30px;
	color:#FFFFFF;
}

#menu_main
{
	padding-top:13px;
	float:left;
	height:10px;
	width:900px;
}

#menu_admin
{
	text-align:right;
	padding-right:30px;
	padding-top:13px;
	float:right;
	height:10px;
	width:10px;
}

#shadow_left
{
	background-image:url(/images/shadowleft.jpg);
	margin-top:5px;
	float:left;
	height:430px;
	width:14px;
}

#shadow_right
{
	background-image:url(/images/shadowright.jpg);
	margin-top:5px;
	float:left;
	height:430px;
	width:14px;
}

#main
{
	margin-top:-5px;
	float:left;
	width:1030px;
	height:100%;
}

#content
{
	padding:30px 25px;
	float:left;
	width:950px;
	height:100%;
	background-color:#FFFFFF;
	color:#000000;
}

.spacerdiv
{
	float:left;
	height:600px;
	width:0px;
	background-color:#FFFF00;
}

#footer
{
	width:1000px;
	height:30px;
	float:left;
	background-color:#EEEEEE;
	color: #7D7D7D;
	text-align:center;
}

#footer_top
{
	width:990px;
	padding-left:20px;
	height:25px;
	float:left;
	padding-top:8px;
	font-size:13px;
	margin-left:14px;
}

#forsidepic {
	width: 695px;
	height: 300px;
	background: url(/images/frontimage/normal/rotate.php) no-repeat;
	position: relative;
	margin-bottom: 20px;
}

#europe {
	width: 438px;
	height: 271px;
	background: url(/images/frontimage/dm_wj_2010/splasher.png) no-repeat;
	margin: 20px; 
	padding: 0;
	position: relative;
}

#europe li {
	margin: 20;
	padding: 0;
	list-style:none;
	display: block;
	position: absolute;
}

#europe a {display: block; text-indent: -99px;}

#tandemmap {left: 0px; top: 223px; width: 142px; height: 48px; z-index: 40;}
#solomap {left: 142px; top: 223px; width: 141px; height: 48px; z-index: 40;}
#showmap {left: 282px; top: 223px; width: 157px; height: 48px; z-index: 40;}

#tandemmap a {height: 48px;}
#solomap a {height: 48px;}
#showmap a {height: 48px;}

#tandemmap a:hover {background: url(/images/splasher.png) -0px -274px no-repeat;}
#solomap a:hover {background: url(/images/splasher.png) -142px -274px no-repeat;}
#showmap  a:hover {background: url(/images/splasher.png) -282px -274px no-repeat;}

#tandemmap a:active {background: url(/images/splasher.png) -0px -324px no-repeat;}
#solomap a:active {background: url(/images/splasher.png) -142px -324px no-repeat;}
#showmap a:active {background: url(/images/splasher.png) -282px -324px no-repeat;}