@charset "utf-8";
/* CSS Document */
@import url('reset.css');

body {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;
background-color:#FFCF00;
}


a:link {
text-decoration: none;
color: #06F;
}
a:visited {	
text-decoration: none;
color: #039;
}
a:hover {	
text-decoration: none;
color: #09F;
}
a:active {	
text-decoration: none;
color: #039;
}


h1,h2,h3,h4,h5,h6 {
font-weight: bold;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.1em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 0.8em;
}
strong{font-weight:bold;}
em{font-style:italic;}
#all {
background-color:#DCE4F1;
background-image:url(/images/background.gif);
background-repeat:repeat-y;
background-position:center;}
#main{
margin:0 auto;
width:981px;}
/*body settings end */

/* Top menu starts */
#top{
position:relative;
width:100%;
padding-top:130px;
/* background-image:url(/images/logo-sgi.jpg);
background-repeat:no-repeat; */
}
/*example for kids */
#top.kids{
background-image:url(/images/logo-sgi-kids.jpg);
background-repeat:no-repeat;}


#top .search{
position:absolute;
top:10px;
right:20px;
line-height:25px;
vertical-align:middle;
}

#top .search label {
float:left;
}
#top .search input[type=text] {
margin-top:3px;
float:left;
height:14px;
padding:1px;
float:left;
width:150px;
margin-left:5px;
font-size:0.8em;
border: #7C9FA7 solid 1px;
}

#top .search input[type=image] {
margin-top:2px;
float:left;
margin-left:5px;
width:20px;
height:20px;

}
#top .toplinks{
position:absolute;
right:265px;
top:16px;
}
#top .toplinks ul{
list-style:none;}
#top .toplinks li{
float:left;
padding:0px 10px;
border-right: #999 dotted 1px; }
#top .toplinks a{
color:#000;}
#top .toplinks a:hover, #top .toplinks li.current a{
text-decoration:underline;}



#menu{
position:relative;
background-color:#FC0;
background-image:url(/images/linkback.jpg);
background-repeat:repeat-x;
width:100%;}
#menu ul{
list-style:none;}

#menu li{float:left;}

#menu li a{
display:block;
padding:10px 20px 10px 20px;
color:#06C;
font-size:1.2em;
border-right:#DBB100 solid 1px;
border-left:#FFE471 solid 1px;
font-weight:bold;
}


#menu li a:hover, #menu li.current a{
background-color: #39F;
background-image:url(/images/linkbackhover.jpg);
background-repeat:repeat-x;
color:#fff;}

#menu ul ul {
position:absolute;
background-color:#18F;
border-left: #069 solid 1px;
}
#menu li li a{
background-image:url(/images/linkbackhover.jpg);
display:block;
padding:3px 5px 3px 5px;
color: #fff;
border:0px;
font-size:0.9em;
font-weight:bold;
border-right: #069 solid 1px;
}

#menu li li a:hover, #menu li li.current a{
color: #FC0;}

.menustrip{
background-color:#0066CC;
height:20px;}



#banner{
background-color:#09F;
height:200px;
width:100%;
border-top:#06C solid 19px;
border-bottom: #39F solid 5px;

}


/* maincontent ends here */

.mainbody{	

margin:15px;
}






.mainbody h1{
font-size: 1.5em;
position:relative;
background-image:url(/images/boxheadleft.gif);
background-repeat:no-repeat;
line-height:30px;
color:#06C;
vertical-align:middle;
padding-left:7px;
background-position:top left;}

.mainbody h1 span{
display:block;
height:30px;
background-image:url(/images/boxhead.gif);
background-repeat:no-repeat;
background-position:top right;
}


.mainbody h3{
margin-top: 10px;
font-size: 1.3em;
}
.mainbody h4{
margin-top: 5px;
font-size: 1em;
}

h3 .created {
font-weight: normal;
margin-left: 15px;
font-size: 0.5em;
}
h4 .created {
font-weight: normal;
margin-left: 15px;
font-size: 0.7em;
}	

.mainbody p{
margin-bottom: 10px;
}
.mainbody ul, .mainbody ol{
padding: 10px 25px;
}	

.more{
margin-top: 20px;
}		

.mainbody .content{
padding:15px;
border:#54BCE8 solid 1px;
border-top:0px;
background-image: url(/images/backmenus.gif);
font-size:1.2em;


}
.content{
min-height: 330px;
}
.content table {border:#3CF solid 2px;}
.content td, .content th{padding:10px;
border:#3CF solid 1px;
font-weight:normal;
font-size:0.7em;
vertical-align:middle;
}
.content th{
font-weight:bold;
background-color:#DDF7FF;
text-align:center;
}
.content td p{
text-align:center !important;
vertical-align:middle;
padding:0px !important;
margin:0px !important;
}
.content img{}
.content img.left{float:left;
margin-right:5px;
padding:0px;
margin-top:5px;}
.content img.right{float:right;
margin-left:5px;
padding:0px;
margin-top:5px;}

/* maincontent ends here */
.maincontent{	
width:77.5%;
float:left;
margin-bottom:10px;}

.maincontent strong {
font-weight:bold;}




.mainrow{
margin-top:15px;
}


.mainrow .wraper{
float:left;
}



.mainrow .content{
position:relative;
width:95%;
margin:0px auto;


}


.mainrow .content h2{
position:relative;
background-image:url(/images/boxheadleft.gif);
background-repeat:no-repeat;
line-height:30px;
color:#06C;
vertical-align:middle;
padding-left:7px;
background-position:top left;}

.mainrow .content h2 span{
display:block;
height:30px;
background-image:url(/images/boxhead.gif);
background-repeat:no-repeat;
background-position:top right;
}



.mainrow ul{
list-style:none;
border:#54BCE8 solid 1px;
border-top:0px;
background-image: url(/images/backmenus.gif);
font-size:1.2em;
color:#06C;
padding-bottom:8px;



}

.mainrow li {
padding:10px 5px 5px 10px;
margin: 0px 10px 0px 10px;
border-bottom: #666 dashed 1px;
}
.mainrow li.last {
border-bottom: 0px;
}
.mainrow a {
color:#06C;
font-weight:bold;
}
.mainrow a:hover {
text-decoration:underline;
}



.rightcolumn {
margin-top:15px;
margin-right:10px;
float:right;
width:190px;
padding:146px 0 0;
background-image:url(/images/sgiadtop.jpg);
background-repeat:no-repeat;
color:#FFF;
font-size:1.1em;
}

.rightcolumn a{
color:#FFF;
}
.rightcolumn a strong{
color:#FC0;}

.rightcolumn a:hover strong{
text-decoration:underline;}

.rightcolumn ul{padding-bottom:103px;
background-image:url(/images/sgiadbottom.jpg);
background-repeat:no-repeat;
background-position:bottom;}
.rightcolumn li{background-image:url(/images/sgiadmiddle.jpg);
background-repeat:repeat-y;
display:block;
padding:3px 5px;}

.column {
margin-top:15px;width:190px;}

.column h2{
position:relative;
background-image:url(/images/boxheadleft.gif);
background-repeat:no-repeat;
line-height:30px;
color:#06C;
vertical-align:middle;
padding-left:7px;
background-position:top left;}

.column h2 span{
display:block;
height:30px;
background-image:url(/images/boxhead.gif);
background-repeat:no-repeat;
background-position:top right;
}



.column ul{
list-style:none;
border:#54BCE8 solid 1px;
border-top:0px;
font-size:1.1em;
padding-bottom:4px;
background-image: url(/images/backmenus.gif);



}

.column li {
padding:10px 5px 5px 10px;
margin: 0px 10px 0px 10px;
border-bottom: #666 dashed 1px;
}

.column a{
color:#06C;}

#footer {
height:35px;
padding-top:15px;
background-image:url(/images/footer.png);
background-repeat:repeat-x;
}

#footer ul {
width:960px;
margin:0px auto;
padding:10px;
height:15px;
list-style:none;

}

#footer li {
float:left;}

#footer a{
color:#06C;
padding:0px 10px;
border-right:#06C solid 1px;
}

#footer a:hover, #footer .current a {
text-decoration:underline;}
#footer2{background-image:url(/images/footer2.gif);
background-repeat:repeat-x;
height:50px;
}

.clr{clear:both;}

/* Contact Form */
.content	#contact-area {
position:relative;
min-height:330px;
}
.content form{
margin:15px auto;
width:652px;	
background-color: #DDEDFF;
border:#FFF solid 3px;
padding:20px;
}
.content .preloader{background-image:url(/images/ajax-loader.gif);
background-repeat:no-repeat;
background-position:center;
}

.content #contact-area input, .content #contact-area textarea {
float:right;
padding: 5px;
width: 440px;
font-family: Helvetica, sans-serif;
font-size: 1em;
margin: 10px 0px 0px 0px;
border: 2px solid  #3399FF;
background-color:#fff;
}

.content #contact-area textarea {
height: 120px;
}

.content #contact-area textarea:focus, .content #contact-area input:focus {
border: 2px solid #900;
}
.content #contact-area textarea.error, .content #contact-area input.error {
border: 2px solid #900;
}

.content #contact-area input.submit-button {
width: 100px;
float: right;
background-color: #6CF;
cursor:pointer;
}


.content label {
float: left;
text-align: right;
margin-right: 15px;
margin: 10px 0px 0px 0px;
width: 180px;
padding-top: 5px;
font-size: 1em;
font-weight:bold;
}
.content .contgap{clear:both;
height:20px;}
.content .error{
display:block;
width:250px;
color:#C00;
margin:0px;
text-align:left;
margin-left:200px;
font-style:italic;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:0.8em;}
.content #successmessage {
margin:auto;
border: 1px solid;
padding:10px 10px 10px 10px;
color: #4F8A10;
background-color: #DFF2BF;

}

.content h4 strong{color:#C00 !important;}

.content #successmessage img{
vertical-align:middle;
margin-right:10px;}
#map_canvas {height:350px;}