.img {
margin-right:15px;

}

body {
background-color:#3A5D73;
color:#9CC2DD;
font-family:tahoma;
font-size:12px;
padding:0;
margin:0;
line-height:14px;
text-align:center;
}

#wrap {
margin:10px auto auto;
padding:0;
width:100%;
}

#top {margin:0 auto;
background:#3a5d73 url(images/2top_bg%20copy.jpg) no-repeat center;
width:748px;
height:193px;
text-align:left;
padding:0;
}
#top-a { background-color: #3a5d73; background-image: url(images/Gothic_Header3.jpg); background-repeat: no-repeat; background-position: center; text-align: left; width: 100%; height: 80px; margin: 0; padding: 0; }
#top2 {margin:0px auto 0px auto;
background:url(images/top_bg2.jpg);
width:748px;
height:193px;
text-align:left;
padding:0px;
}

#top3 {margin:0px auto 0px auto;
background:url(images/top_bg3.jpg);
width:748px;
height:193px;
text-align:left;
padding:0px;
}

#top4 {margin:0px auto 0px auto;
background:url(images/top_bg4.jpg);
width:748px;
height:193px;
text-align:left;
padding:0px;
}

#top5 {margin:0px auto 0px auto;
background:url(images/top_bg5.jpg);
width:748px;
height:193px;
text-align:left;
padding:0px;
}

#content {
width:100%;
margin:0;
padding:0;
text-align:center;}

.line {background-image:url(images/line.gif);
width:100px;
height:2px;
margin-top:3px;
margin-bottom:9px;
margin-left:0px;}

#left_content { background-color: transparent; 
background-image: none; 
background-attachment: fixed; 
background-position: right top; 
padding:0; 
margin:0; 
text-align:left; 
width:20%; 
float:left; 
display:table; 
}

/*-------------------------------------------------------PAGE_1_2_3_4-------------------------------------------------------*/
#right_content {
background:url(images/px.jpg) left repeat-y;
padding:0;
margin:0;
float:right;
text-align:left;
width:80%;
display:table;
}

#inner_right {margin:5px 5px 5px 5px;}

/*-------------------------------------------------------PAGE_1_2_3_4-------------------------------------------------------*/
#right_content_left {
padding:0;
margin:0;
float:left;
text-align:left;
width:217px;}

#right_content_right {
padding:0;
margin:0;
float:right;
text-align:left;
width:200px;}


/*--------------------------------------------------------------------------------------------------------------------*/

.blue {color:#9CC2DD; text-decoration:none}
.green {color:#A9FF00; text-decoration:none}
.dark {color:#000000; text-decoration:none}
.white {color:#ffffff; text-decoration:none}

.align {vertical-align:middle}
.big {font-size:13px}
.bigg {font-size:12px}
.bigger {font-size:15px}
.n {font-size:11px}
.sm {font-size:10px}
.clear {
clear:both}

a {	color:#ffffff; text-decoration:underline}

.align {vertical-align:middle}
.Tcenter {text-align:center}
.form { width:206px;
		height:20px;
		font-family:tahoma;
		font-size:13px;
		border-style:solid;
		border-width:1px;
		border-color:#ffffff;
		background-color:#33556B;
		color:#ffffff;
		margin-left:0px;
		margin-right:0px}
		
.textarea { width:200px;
		height:143px;
		font-family:tahoma;
		font-size:13px;
		border-style:solid;
		border-width:1px;
		border-color:#ffffff;
		background-color:#33556B;
		color:#ffffff;
		overflow:auto;
		margin-left:0px;
		margin-right:0px}
		
.u		{text-decoration:underline}
.nu		{text-decoration:none}
.t 		{text-transform:uppercase}

a:hover{text-decoration:none;}
.a:hover{text-decoration:none;}
.menu:hover{text-decoration:underline; color:A9FF00}


/* Grid Options */

.Grid { 
	border-left: 1px solid #3d84cc; border-bottom: 1px solid #3d84cc;
	width: 435px;
	}
.Row th { 
	font-size: 70%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-color: #f7f8fa; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.Row td { 
	font-size: 70%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	vertical-align: top;
	background-color: #f7f8fa; 
	color: #000000;
	}
/* Report */
.GroupCaption th{
	font-size: 70%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	white-space: nowrap;
	text-align: left; 
	vertical-align: top;
	font-weight: bold;
	background-color: #e6eff7; 
	color: #000000;
	}

.GroupCaption td{
	font-size: 70%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	vertical-align: top;
	font-weight: bold;
	background-color: #f7f8fa; 
	color: #000000;
	}
	.Header {
	width: 435px;
	}

.Header th { 
	font-size: 90%;
	padding: 2px;
	background-image: url('vcalendar_asp/styles/compact/Images/HeaderBg.gif');  color: #ffffff;
	width: 435px;
	white-space: nowrap;
	}

.Header a:link { 
	color: #ffffff;
	}

.Header a:visited { 
	color: #ffffff;
	}

.Header a:hover, .Caption a:active { 
	color: #ffffff; text-decoration: none;
	}

.HeaderLeft { 
	background-image: url('vcalendar_asp/styles/compact/Images/HeaderLeft.gif');
	}

.HeaderRight { 
	background-image: url('vcalendar_asp/styles/compact/Images/HeaderRight.gif');
	}

.HeaderLeft img{
	width: 4px;
	}

.HeaderRight img{
	width: 9px;
	}
/* ---------------------- Acordion Side menu Options ------------------------- */
.glossymenu{
margin: 5px 0;
padding: 0;
width: 100%; /*width of menu*/
border: 0px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(glossyback2.gif) repeat-x bottom left;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 1px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
}