/* CSS Document */

/* CSS Document */
#containermain 
{
    margin: 0;
    padding: 0;
    width: 100%;
	height: 100%;
	background-color:#000000;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}
#container 
{
    margin: 0;
    padding: 0;
    width: 100%;
	height: 953px;

	background-repeat: no-repeat;

	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}
#main 
{
    width: 1000px;
    height: 100%;
	position:relative;
	background-image: url(under_construction.jpg);
	background-repeat: no-repeat;	
	left:50%;
	right:50%;
	margin-left:-400px;
	top:0px;
	z-index:2;
}
#heading 
{
    width: 1000px;
    height: 180px;
	position:relative;
	background-color:#0099FF;
	background-image:url(images/HeaderBackground.png);
	left:50%;
	right:50%;
	margin-left:-500px;
	top:0px;
	z-index:3;
}
#logo 
{
    width: 880px;
    height: 280px;
	position:absolute;
	left:10px;
	top:10px;
	z-index:4;
}
#coname 
{
	width: 530px;
	height: 98px;
	position:absolute;
	background-image:url(images/RamothLogo.png);
	left:235px;
	top:30px;
	z-index:4;
	text-align:left;
	line-height:50px;
	font-size:36px;
}
#coslogan 
{
    width: 600px;
    height: 30px;
	position:absolute;
	left:26px;
	top:100px;
	z-index:4;
	text-align:left;
	line-height:30px;
}
#conumber 
{
    width: 200px;
    height: 20px;
	background-color:#ffffff;
	position:absolute;
	left:393px;
	top:10px;
	z-index:4;
	text-align:center;
	line-height:20px;
}
#login 
{
	width: 30px;
	height: 30px;
	position:absolute;
	left:252px;
	top:59px;
	z-index:500;
	text-align:left;
	line-height:12px;
	font-size:12px;
}
#loginbox 
{
	width: 212px;
	height: 98px;
	position:absolute;
	left:787px;
	top:2px;
	z-index:4;
	text-align:left;
	line-height:12px;
	font-size:12px; 
	display:none;
}
#menubar 
{
    width: 1000px;
    height: 40px;
	background-image: url(images/ButtonBar3.png);
	position: absolute;
	left:0px;
	top:150px;
	z-index:4;
}
.menubutton 
{
    height: 40px;
	position: absolute;
	top:0px;
	z-index:5;
	line-height:15px;
	background-image: url(images/ButtonBar3.png);
}
.menubutton:hover
{
    width: 1000px;
    height: 40px;
	background-image: url(images/ButtonBarScrollOver.png);
	position: absolute;
	left:0px;
	top:0px;
	z-index:4;
}
.menubuttoninner 
{
    height: 30px;
	position: absolute;
	top:5px;
	z-index:5;
	text-align: center;
	line-height:15px;
	font-size:12px;
	font-family:sans-serif;
}
#menubutton1 
{
    width: 125px;
	left:0px;
}
#menubuttoninner1 
{
    width: 125px;
	left:0px;
	line-height:30px;
}
#menubutton2 
{
    width: 125px;
	left:125px;
}
#menubuttoninner2 
{
    width: 125px;
	left:0px;
	line-height:30px;	
}
#menubutton3 
{
    width: 125px;
	left:250px;
}
#menubuttoninner3 
{
    width: 125px;
	left:0px;
}
#menubutton4 
{
    width: 125px;
	left:375px;
}
#menubuttoninner4 
{
    width: 125px;
	left:0px;
}
#menubutton5 
{
    width: 125px;
	left:500px;
}
#menubuttoninner5 
{
    width: 125px;
	left:0px;
}
#menubutton6 
{
    width: 125px;
	left:625px;
}
#menubuttoninner6 
{
    width: 125px;
	left:0px;
}
#menubutton7 
{
    width: 125px;
	left:750px;
}
#menubuttoninner7 
{
    width: 125px;
	left:0px;
}
#menubutton8 
{
    width: 125px;
	left:875px;
}
#menubuttoninner8
{
    width: 125px;
	left:0px;
	line-height:30px;	
}
#menubutton9 
{
    width: 125px;
	left:875px;
}
#menubuttoninner9 
{
    width: 125px;
	left:0px;
	line-height:30px;	
}
a:link 
{
	color:#FFFFFF;
	text-decoration:none;
}      /* unvisited link */
a:visited 
{
	color:#FFFFFF;
	text-decoration:none;
}  /* visited link */
a:hover 
{
	color:#FFFFFF;
	text-decoration:none;
}  /* mouse over link */
a:active 
{
	color: #FFFFFF;
	text-decoration:none;
}  /* selected link */
#bodycopy
{
    width: 1000px;
    height: 730px;
	background-color:#FFFFFF;
	background-image: url(images/Background2.png);
	position: absolute;
	left:0px;
	top:190px;
	z-index:3;
}
#request
{
    width: 250px;
    height: 30px;
	background-image:url(images/ServiceRequests.png);
	background-color:#00406A;
	position: absolute;
	font-size:24px;
	font-family:sans-serif;
	color:#B4975A;
	left:699px;
	top:556px;
	z-index:51;
	border:0px solid;
	border-radius:12px;
	-moz-border-radius:12px; /* Firefox 3.6 and earlier */
	box-shadow: 5px 5px 5px #000000;
}

#logoproud
{
    width: 140px;
    height: 40px;
	background-repeat:no-repeat;
	position: absolute;
	font-size:16px;
	font-family:sans-serif;
	color:#B4975A;
	left:489px;
	top:610px;
	z-index:51;

}
#logonyda
{
    width: 71px;
    height: 54px;
	background-image: url(images/NYDA2.jpg);
	background-repeat:no-repeat;
	position: absolute;
	font-size:24px;
	font-family:sans-serif;
	color:#B4975A;
	left:650px;
	top:604px;
	z-index:51;
	border:0px solid;
	border-radius:3px;
	-moz-border-radius:3px; /* Firefox 3.6 and earlier */
	box-shadow: 5px 5px 5px #000000;
}
#logocct
{
    width: 71px;
    height: 54px;
	background-image: url(images/CCT-Logo-rgb-english3.jpg);
	background-repeat:no-repeat;
	background-color:#00406A;
	position: absolute;
	font-size:24px;
	font-family:sans-serif;
	color:#B4975A;
	left:749px;
	top:604px;
	z-index:51;
	border:0px solid;
	border-radius:3px;
	-moz-border-radius:3px; /* Firefox 3.6 and earlier */
	box-shadow: 5px 5px 5px #000000;
}
#logoseda
{
    width: 104px;
    height: 54px;
	background-image: url(images/SEDA-LOGO-1-600x3064.png);
	background-repeat:no-repeat;
	background-color:#00406A;
	position: absolute;
	font-size:24px;
	font-family:sans-serif;
	color:#B4975A;
	left:845px;
	top:605px;
	z-index:51;
	border:0px solid;
	border-radius:3px;
	-moz-border-radius:3px; /* Firefox 3.6 and earlier */
	box-shadow: 5px 5px 5px #000000;
}
#calendar
{
    width: 250px;
    height: 200px;
	background-image: url(images/EventsCalendar.png);
	position: absolute;
	left:700px;
	top:340px;
	z-index:3;
	border:0px solid;
	border-radius:12px;
	-moz-border-radius:12px; /* Firefox 3.6 and earlier */
	box-shadow: 5px 5px 5px #000000;
}
#listen
{
    width: 250px;
    height: 200px;
	background-image: url(images/Listen&View.png);
	position: absolute;
	left:430px;
	top:340px;
	z-index:5;
	border:0px solid;
	border-radius:12px;
	-moz-border-radius:12px; /* Firefox 3.6 and earlier */
	box-shadow: 5px 5px 5px #000000;
}
#events
{
    width: 420px;
    height: 200px;
	background-color:#112233;
	position: absolute;
	left:20px;
	top:530px;
	z-index:5;
	border:0px solid;
	border-radius:12px;
	-moz-border-radius:12px; /* Firefox 3.6 and earlier */
	box-shadow: 5px 5px 5px #000000;
}

#block
{
    width: 900px;
    height: 300px;
	background-color:#112233;
	background-image: url(images/HomePgMainBorder.png);
	position: absolute;
	left:50px;
	top:20px;
	z-index:5;
	border:0px solid;
	border-radius:12px;
	-moz-border-radius:12px; /* Firefox 3.6 and earlier */
	box-shadow: 5px 5px 5px #000000;
}
#block2
{
    width: 490px;
    height: 520px;
	background-color:#00406a;
	position: absolute;
	left:50px;
	top:20px;
	z-index:5;
	border:0px solid;
	border-radius:12px;
	-moz-border-radius:12px; /* Firefox 3.6 and earlier */
	box-shadow: 5px 5px 5px #000000;
}
#block3
{
    width: 890px;
    height: 520px;
	background-color:#00406a;
	position: absolute;
	left:50px;
	top:20px;
	z-index:5;
	border:0px solid;
	border-radius:12px;
	-moz-border-radius:12px; /* Firefox 3.6 and earlier */
	box-shadow: 5px 5px 5px #000000;
}
#pagecopy
{
	color:#ffffff;
    width: 480px;
    height: 500px;
	position: absolute;
	left:10px;
	top:10px;
	z-index:5;
	overflow-x: hidden;
	overflow-y: visible;
}
#pagecopy2
{
	color:#ffffff;
    width: 450px;
    height: 500px;
	position: absolute;
	left:0px;
	top:0px;
	z-index:5;
	font-family:sans-serif;
	font-size:12px;
}
#pagecopy3
{
	color:#ffffff;
    width: 870px;
    height: 500px;
	position: absolute;
	left:10px;
	top:10px;
	z-index:5;
	overflow-x: hidden;
	overflow-y: visible;
}
#pagecopy4
{
	color:#ffffff;
    width: 850px;
    height: 500px;
	position: absolute;
	left:0px;
	top:0px;
	z-index:5;
	font-family:sans-serif;
	font-size:12px;
}
#pagecopy5
{
	color:#ffffff;
    width: 870px;
    height: 500px;
	position: absolute;
	left:10px;
	top:10px;
	z-index:5;
}
#scroller{
	position: absolute;
	width: 360px;
	height: 200px;
	border: 1px solid black;
	padding: 0px;
	background-color: #00406a;
	left:47px;
	top:341px;
	box-shadow: 5px 5px 5px #000000;
	border:0px solid;
	border-radius:12px;
	-moz-border-radius:12px; /* Firefox 3.6 and earlier */
	z-index:5;
}
.scroller{	
	position: absolute;
	width: 300px;
	height: 250px;
	border: 1px solid black;
	padding: 0px;
	background-color: lightyellow;
	left:650px;
	top:50px;
	box-shadow: 5px 5px 5px #00CCFF;
	border:0px solid;
	border-radius:25px;
	-moz-border-radius:25px; /* Firefox 3.6 and earlier */
	z-index:5;
}
#scroller2{
	position: absolute;
	width: 360px;
	height: 520px;
	border: 1px solid black;
	padding: 0px;
	background-color: lightyellow;
	left:580px;
	top:20px;
	box-shadow: 5px 5px 5px #000000;
	border:0px solid;
	border-radius:12px;
	-moz-border-radius:12px; /* Firefox 3.6 and earlier */
	z-index:5;
}
.scroller2{	
	position: absolute;
	width: 300px;
	height: 250px;
	border: 1px solid black;
	padding: 0px;
	background-color: lightyellow;
	left:650px;
	top:50px;
	box-shadow: 5px 5px 5px #000000;
	border:0px solid;
	border-radius:12px;
	-moz-border-radius:12px; /* Firefox 3.6 and earlier */
	z-index:5;
}
#footer{
    width: 930px;
    height: 175px;
	background-image:url(images/RamothMan.png);
	position: absolute;
	left:35px;
	bottom:0px;
	z-index:50;
}
#facebook
{
    width: 24px;
    height: 24px;
	background-image: url(images/Facebooklogopic3.png);
	background-repeat:no-repeat;
	position: absolute;
	left:825px;
	bottom:13px;
	z-index:50;
}
#youtube
{
    width: 55px;
    height: 24px;
	background-color:#FFFFFF;
	position: absolute;
	left:859px;
	bottom:13px;
	z-index:50;
	border:0px solid;
	border-radius:8px;
	-moz-border-radius:8px; /* Firefox 3.6 and earlier */
}
.youtube
{
    width: 55px;
    height: 24px;
	background-color:#FFFFFF;
	position: absolute;
	left:761px;
	bottom:56px;
	z-index:50;
	border:0px solid;
	border-radius:8px;
	-moz-border-radius:8px; /* Firefox 3.6 and earlier */
}
#youtube2
{
    width: 53px;
    height: 22px;
	background-image: url(images/transparent_youtube3.png);
	background-repeat:no-repeat;
	position: absolute;
	left:1px;
    top:1px;
	z-index:50;
}
#twitter
{
    width: 24px;
    height: 24px; 
	background-image:url(images/twitter-icon3.png);
	background-repeat:no-repeat;
	position: absolute;
	left:791px;
	bottom:13px;
	z-index:50;
}
#follow
{
    width: 100px;
    height: 24px; 
	position: absolute;
	color:#FFFFFF;
	line-height:24px;
	font-family:sans-serif;
	left:681px;
	bottom:13px;
	z-index:50;
}
.rs-slideshow {
    border: 0px solid;
    height: 280px;
    overflow: hidden;
    position: relative;
    width: 880px;
	border-radius:12px;
	-moz-border-radius:12px; /* Firefox 3.6 and earlier */
	z-index:5;
}
.rs-slideshow .slide-container 
{
    background-color: #444;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.rs-slideshow .slide-container img 
{
	position: absolute;
	left: 1px;
}
/*    Hide the slide data container    */
.rs-slideshow .slides 
{
    display: none;
}
.antispam 
{ 
	display:none;
}