@charset "utf-8";
/* CSS Document */
body
{
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#wpr
{
width:100%;
height:auto;


margin:auto;
}
#top
{
width:100%;
height:90px;
background-color:#acc623;
float:left;
}
#home
{
width:980px;
height:auto;
margin:auto;

}
#hm
{
width:465px;
height:35px;
float:right;
margin-left:90px;
margin-top:5px;
}
a 
{

text-decoration:none;
color:#000000;
}
#hr1
{
clear:both;
height:5px;
width:1024px;
background-color:#FFFFFF;
}
#mlogo
{
margin:auto;
width:1000px;
height:auto;
}
#menu
{
clear:both;
width:1000px;
height:90px;
position:absolute;
margin-top:-50px;
background-size:100% 100%;
background-image:url(../images/itisayala----final_03.png);
}

#menu ul
{
margin:0px;
padding:0px;
}
#menu ul li
{
float:left;
padding:35px 17px;
list-style-type:none;

}
li a
{
text-transform:uppercase;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:15px;
}

#main
{
width:100%;
height:auto;

background-image:url(../images/body.png);
float:left;
}

.pagetitle
{
color:#1D246C;
font-size:20px;
}


#pic
{
clear:both;
width:980px;
height:350px;
margin:auto;
margin-top:50px;
background-size:100% 100%;
background-image:url(../images/b.png);

}
#jqbu
{
width:980px;
height:auto;
margin:auto;
}
#bu
{

margin:auto;
margin-top:8px;
}
#txt
{
width:100%;
height:auto;

}
#bot
{
clear:both;
width:1000px;
margin:auto;
background-color:#FFFFFF;
}
#usefullink {
width:190px;
height:auto;
float:left;
margin-left:10px;
margin-top:10px;

margin-bottom:10px;
}
#wel
{
width:431px;
height:auto;
float:left;
margin-left:10px;
margin-top:10px;

margin-bottom:10px;
}
#we2
{
width:950px;	
margin:auto;
text-align:justify;
height:auto;
}
#wegaly
{
width:600px;
height:400px;
float:left;
margin-left:10px;
margin-top:10px;

margin-bottom:10px;
}
#wel span b , #side1 span b , #side2 span b
{
font-size:20px;
color:#1d246c;
}
button
{
width:120px;
height:35px;
background-color:#003aaa;
color:#FFFFFF;
font-size:16px;
float:right;
}
#ach
{
clear:both;
width:600px;
height:200px;
float:left;

margin-left:10px;
margin-top:-297px;
font-size:17px;
}
#m1
{
width:100%;
height:30px;


}
#m1 ul
{
margin:0px;
padding:0px;
}
#m1 ul li
{
float:left;
padding:18px 10px;
list-style-type:none;
background-color:#002f89;
border-radius:5px 5px 0px 0px;
margin-left:2px;
}
#m1 ul a
{
color:#FFFFFF;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
text-transform:capitalize;
}
#box
{
clear:both;
width:100%;
height:190px;
border:1px solid #a0bf01;
margin-left:2px;
}
#side1
{
width:300px;
height:250px;
float:right;
margin-top:10px;
margin-right:5px;

}
#s1
{
margin-top:5px;
float:left;

}
#t1
{

width:75%;
height:120px;
float:right;

}

#s2, #s3
{
clear:both;

float:left;
}

#side2
{
width:300px;
height:450px; float:right;
margin-top:10px;
}
.txt input[type=text]
{
width:250px;
height:30px;
margin-top:20px;
border-radius:4px;
font-size:18px;
}
.txt input[type=submit]
{
background-color:#003394;
margin-top:20px;
width:100px;
height:40px;
color:#FFFFFF;
font-weight:bold;
float:right;
margin-right:47px;
}

#foo
{
width:100%;
height:auto;
background-color:#444241;
margin-bottom:0px;
}
#footer
{
width:980px;
height:auto;
margin:auto;
padding-top:10px;
padding-bottom:10px;

}
#f1
{
width:300px;
height:auto
color:#CCCCCC;
float:left;
margin-left:15px;
font-size:17px;
}
#f2
{
width:300px;
height:auto;
color:#CCCCCC;
float:left;
margin-left:15px;
font-size:17px;
}
#f3
{
width:300px;
height:auto;
color:#CCCCCC;
font-size:17px;
margin-left:680px;
}
#fmenu ul li
{
list-style-type:none;
}
#fmenu ul li a
{
color:#cccccc;
}

/* tabs */
.marginbot {
margin-bottom:15px;
}
ul.list li {
list-style-type:none;

}

ul.tabs {
width:100%;
overflow:hidden;
margin-bottom:-25px;

padding:10px 2px 25px 0px;  
}

ul.tabs li {
list-style-type:none;
display:block;
float:left;
color:#fff;
padding:9px;
margin-right:2px;

background-color:#002F89;

cursor:pointer;
border-radius:5px 5px 0px 0px;
}

ul.tabs li:hover {
background-color:#A0BF01;
}

ul.tabs li.current {

background-color:#A0BF01;
padding:8px;
}

.tabscontent {

padding:8px 0 0 0;
display:none;
width:100%;
text-align:justify;
}


#sddm {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	Z-INDEX: 30; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px
}
#sddm LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	FONT: 11px arial; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none
}
#sddm LI A {
	font-family:Arial, Helvetica, sans-serif;
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 16px; 
	height:39px;
	MARGIN: 0px 1px 0px 0px; 
	WIDTH: 100%; 
	COLOR: #000000; 	
	TEXT-DECORATION: none
}
#sddm LI A:hover {
	}
#sddm DIV {
	BORDER-RIGHT: #ffffff 1px solid; 
	BORDER-TOP: #ffffff 1px solid; 
	BACKGROUND: #dddcd0; 
	VISIBILITY: hidden; 
	BORDER-LEFT: #ffffff 1px solid; 
	BORDER-BOTTOM: #ffffff 1px solid; 
	POSITION: absolute
}
#sddm DIV A {
	PADDING-RIGHT: 10px; 
	DISPLAY: block; 
	PADDING-LEFT: 10px; 
	FONT-WEIGHT: bolder; 
	FONT-SIZE: 12px; 
	BACKGROUND:#dddcd0;
	MARGIN: 0px; 
	WIDTH: 100%; 
	COLOR: #000000; 
	WHITE-SPACE: nowrap; 
	height:16px;
	padding-top:1px;
	POSITION: relative; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
	z-index:999;
}
#sddm DIV A:hover {
	BACKGROUND:#D59609;
	COLOR: #FFFFFF;
}




/*
#navbar {
	margin: 0;
	padding: 0;
	height: 1em;
	 }
#navbar li {
	list-style: none;
	float: left; }
#navbar li a {
	display: block;
	padding: 3px 5px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	 }
	

#navbar li ul {
	display: none;
	font-size:10px; 
	/* Width to help Opera out */
	background-color: #69f;}
	
#navbar li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index:99999; }
#navbar li:hover li {
	float: none; }
#navbar li:hover li a {
	background-color: #69f;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size:12px; 
	font-weight:bold; }
#navbar li li a:hover {
	background-color: #8db3ff; }

#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #69f;
	border-bottom: 1px solid #fff;
	color: #fff; }
	
	
*/





/* CSS Document */

.header_bg {
background-image:url(../images/headerbg.jpg);
background-repeat:no-repeat;
background-position:top;
}

.small_menu {
font-family:Arial, Helvetica, sans-serif;
color:#1b4045;
font-size:10px;
text-decoration:none;
}

.small_menu a:link {
font-family:Arial, Helvetica, sans-serif;
color:#1b4045;
font-size:10px;
text-decoration:none;
}

.small_menu a:visited {
font-family:Arial, Helvetica, sans-serif;
color:#1b4045;
font-size:10px;
text-decoration:none;
}

.small_menu a:hover {
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:10px;
text-decoration:none;
}
.red_font {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ff0101;
font-weight:bold;
line-height:22px;
}

.white_font {
font-family:"Arno Pro";
font-size:32px;
color:#FFF;
text-shadow: 2px 2px #2e717f;
}

.darkblue_font {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#18393e;
font-weight:bold;
line-height:22px;
}

.menu {
background-color:#1b4045;
font-family:Arial, Helvetica, sans-serif ;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
text-align:center;
vertical-align:middle;
}

.menu a:link {
background-color:#1b4045;
font-family:Arial, Helvetica, sans-serif ;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

.menu a:hover {
background-color:#34757e;
font-family:Arial, Helvetica, sans-serif ;
font-size:13px;
color:#FFF;
font-weight:bold;
text-decoration:none;
}
.menu a:visited {
background-color:#1b4045;
font-family:Arial, Helvetica, sans-serif ;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.menu a:active {
background-color:#34757e;
font-family:Arial, Helvetica, sans-serif ;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
text-align:center;
vertical-align:middle;
}

.news {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#2f2f2f;
text-decoration:none;
text-align:justify;
}

.news a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#2f2f2f;
text-decoration:none;
padding:9px;
text-align:justify;
}

.news a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#45def9;
text-decoration:none;
padding:9px;
text-align:justify;
}

.news a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#2f2f2f;
text-decoration:none;
padding:9px;
text-align:justify;
}

.blue {
background-image:url(../images/blue_strip_big.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#07566c;
font-size:23px;
padding-bottom:15px;
padding-left:15px;
}



	
#navbar {
	margin: 0;
	padding: 0;
	height: 1em;
	 }
#navbar li {
	list-style: none;
	float: left; }
#navbar li a {
	display: block;
	padding: 3px 5px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	 }
	

#navbar li ul {
	display: none;
	font-size:10px; 
	/* Width to help Opera out */
	background-color: #69f;}
	
#navbar li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index:99999; }
#navbar li:hover li {
	float: none; }
#navbar li:hover li a {
	background-color: #69f;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size:12px; 
	font-weight:bold; }
#navbar li li a:hover {
	background-color: #8db3ff; }

#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: none;
	 padding: 5px 2px;
	 }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #69f;
	border-bottom: 1px solid #fff;
	color: #fff; }
	
	
	
	
/*SECTION 1*/
		
                *{outline: none;}
                img {border: 0;}
                .container {
                    width: 743px;
                    padding: 0;
                    margin: 0 auto;
                }
                .folio_block {
                    position: absolute;
                }


                /*--Main Container--*/
                .main_view {
                    float: left;
                    position: relative;
                }
                /*--Window/Masking Styles--*/
                .window {
                    height:277px;	width: 743px;
                    overflow: hidden; /*--Hides anything outside of the set width/height--*/
                    position: relative;
                }
                .image_reel {
                    position: absolute;
                    top: 0; left: 0;
                }
                .image_reel img {float: left;}

                /*--Paging Styles--*/
                
/*----------------------------------------------------------------------
 HEADER
----------------------------------------------------------------------*/
#main_div{ width:100%;}
#content_inner {
	width: 743px;
	margin: 0 auto;
	position: relative;
}

#content #intro {
	border-bottom: dotted #ccc 1px;
	padding-bottom: 28px;
	margin-bottom: 10px;
}

#content #intro p {
	font-size: 14px;
	color: #8f8f8f;
	line-height: 22px;
	padding-bottom: 5px;
}

#content #intro a {
	color: #666;
	padding: 6px;
}

#content #intro a:hover {
	background: #eee;
	text-decoration: none;
	border-bottom: dotted #ccc 1px;
}

#content #intro ul {
	padding-bottom: 15px;
	padding-top: 3px;
}

#content #intro li {
	color: #8f8f8f;
	margin-left: 50px;
	padding-bottom: 4px;
	font-size: 14px;
}

#content p {
	font-size: 12px;
	color: #8f8f8f;
	padding-bottom: 10px;
}

#content p a {
	color: #e41996;
}

#content h2 {
	font-size: 26px;
	font-weight: normal;
	color: #666;
	padding-bottom: 17px;
	border-top: dotted #ccc 1px;
	padding-top: 20px;
	padding-bottom: 21px;
	margin-top: 13px;
}

#content h2 span {
	font-size: 20px;
}

#content #css3 {
	float: right;
}

#content #css3 a:hover {
	background: none;
	border: 0;
}

.pre_wrap {
	background: #f9f9f9;
	padding: 5px 5px 5px 14px;
	margin-bottom: 33px;
	margin-top: 32px;
}

.pre_wrap span.label {
	color: #999;
	font-size: 12px;
	font-style: italic;
	display: block;
	padding-left: 5px;
	padding-top: 5px;
}

.syntaxhighlighter {
	font-size: 12px;
}

.slides1_wrap {
	position: relative;
	width: 743px;
}

#slides1 {
	overflow: hidden;
	height: 212px;
}

#slides1 li {
	list-style: none;
	width: 589px;
}

#slides1 li img {
	float: left;
}

#slides1 .content {
	float: left;
	width: 350px;
	padding-left: 21px;
}

#slides1 li p {
	line-height: 22px;
}

#slides1 h3 {
	font-size: 36px;
	color: #8d8d8d;
	font-weight: normal;
	text-transform: lowercase;
}

#slides1 h4 {
	font-size: 18px;
	color: #000;
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
	padding-bottom: 16px;
}

.slides1_wrap .prev {
	position: absolute;
	left: -6px;
	top: 100px;
	outline: 0;
}

.slides1_wrap .next {
	position: absolute;
	right: 90px;
	top: 100px;
	outline: 0;
}

.slides1_wrap a:active {
	top: 102px;
}

.bx_pager {
	padding-left: 309px;
	padding-top: 15px;
}

.bx_pager a {
	float: left;
	background:url(../images/bg_pager.png) no-repeat 0 -21px;
	width: 14px;
	height: 17px;
	color: #fff;
	font-size: 11px;
	margin-right: 6px;
	padding: 4px 0 0 7px;
}

.bx_pager a:hover, .bx_pager a.active {
	background-position: 0 0;
	text-decoration: none;
}

.auto_controls {
	position: absolute;
	bottom: -11px;
	left: 394px;
}

.auto_controls a {
	font-size: 16px;
	color: #a3a3a3;
	outline: 0;
	padding: 2px;
}

.auto_controls a:hover {
	text-decoration: none;	
	background: ;
	color: #e41996;
}

#content #notes li, #content #changes li {
	font-size: 12px;
	color: #8f8f8f;
	margin-left: 43px;
	padding-bottom: 6px;
}

#content #notes li a {
	color: #e41996;
}

#idc-container a {
	color: #e41996;	
}

#idc-container h3 {
	color: #666;
}

.teach {height:40px; text-align:center; color:#fff; font-size:16px; background:#333333;}
.teachd {height:auto; text-align:center; color:#000; font-size:16px;}