/* standard elements */
* {margin: 0; padding: 0;}

html {height: 100%; padding-bottom: 1px;}
body {background: url('img/body.gif') no-repeat center top fixed;
 font: normal 13px "Trebuchet MS", Verdana;
  color: #345;} 

#h_body{


height:128px;

}


#page
{
background:url(img/img01.jpg) repeat-x;
padding-top:9px;



}





/* a {color: #06A;}
a:hover {color: #036;} */

a {color: #999999;}
a:hover {color: #FF9900;}

p {margin: 2px 0 8px;}

h1 {font: normal 1.8em Georgia,Tahoma,sans-serif;}
h2 {font: normal 1.5em Georgia,sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}

h1,h2,h3 {margin: 2px 0;}

blockquote {
	background: #F9F9F9 url('img/quote.gif') no-repeat;
	border-bottom: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	color: #555;
	display: block;
	font: normal 1em sans-serif;
	margin: 1em 0;
	padding: 0.6em 1em 0.2em 40px;
}

code {
	display: block;
	white-space: pre;
	background: #FFFFF6;
	border: 1px solid #EED;
	padding: 5px 10px;
	overflow: auto;
	margin: 1em 0;
}

ul,ol {margin: 0 0 1em 1.4em;}

fieldset {padding: 12px 10px; background: #EFE; color: #232; border: 1px solid #DED; margin-bottom: 1em;}
legend {font: bold 1em Verdana,sans-serif; padding: 0 6px; color: #363;}

img {border: none;}
/*img.bordered,.post img {background: #FFF; padding: 5px; border: 1px solid #DDD;}*/
img.bordered,.post img {background: #FFF; border: 0px solid #DDD;}
img.left {margin-right: 1em;}
img.right {margin-left: 1em;}

small,.small {font-size: 0.8em;}

/* inputs */
input.submit {background: #E9E8E8 url('img/input_submit.gif') repeat-x; border: 1px double #CCC; border-color: #CCC #999 #999 #CCC; color: #456; font: bold 0.8em Verdana,sans-serif; padding: 3px 0; width:70px; height:20px}
input.submit:hover {background: #FCFDFC; cursor: pointer;}
input#s {background: #FCFCFC; font: normal 1.1em sans-serif; border: 1px solid #CCC; padding: 2px 5px; width: 110px;}
input#s:hover {background: #FFF;}
textarea {width: 320px;}

/* main layout */
/* #container {width: 760px; margin: 0 auto; padding-bottom: 0.5em;} */
#container {width: 870px; margin: 0 auto; padding-bottom: 0.5em; text-align:left; background: url('img/splash.jpg') repeat-x left bottom !important; height: 0.01%;}
#main {margin: 12px 0 0 8px;  }

#main_left {
width:870px;
background-image:url(img/homepage_hero_storm2_1.jpg);
background-repeat:no-repeat;
height:413px;

 }
 
 #contact_body {
width:870px;
background-image:url(img/contact.jpg);
background-repeat:no-repeat;
height:324px;

 }
 
 #about_body {
width:870px;
background-image:url(img/about.jpg);
background-repeat:no-repeat;
height:324px;

 }
 #solutions_body {
width:870px;
background-image:url(img/solutions.jpg);
background-repeat:no-repeat;
height:324px;

 }
 
 #support_body {
width:870px;
background-image:url(img/support.jpg);
background-repeat:no-repeat;
height:324px;

 }
 
  #services_body {
width:870px;
background-image:url(img/services.jpg);
background-repeat:no-repeat;
height:324px;

 }
 
  #profile_body {
width:870px;
background-image:url(img/profile.jpg);
background-repeat:no-repeat;
height:324px;

 }
 
 #quote_body {
width:870px;
background-image:url(img/quote.jpg);
background-repeat:no-repeat;
height:324px;

 }
 
#sitemap_body {
width:870px;
background-image:url(img/map.jpg);
background-repeat:no-repeat;
height:324px;

 } 
 
 
 #feedback_body {
width:870px;
background-image:url(img/feedback.jpg);
background-repeat:no-repeat;
height:324px;

 } 
 
 #privacy_body {
width:870px;
background-image:url(img/privacy.jpg);
background-repeat:no-repeat;
height:324px;

 } 
 
 #patterns_body {
width:870px;
background-image:url(img/partners.jpg);
background-repeat:no-repeat;
height:324px;

 } 
 
 
 
#campus_h {width: 75.5%;}
#news_h {width: 32%;}

#slide_campus {width: 75.5%;}
#news {width: 32%;}


#h_main_right {width: 75.5%;}
#h_main_right2 {width: 25%;}

#main_right3 { width:25%;}

#main__ {width: 40%;}



/* top part */
#top {margin: 1em 0; padding-left: 1em; height:122px; background:url(img/SZABIST.gif)  no-repeat;}


/* navigation */
.path {margin-bottom: 1em; background: #F6F8FA; border-top: 1px solid #E0E5F0; padding: 8px 10px; color: #678;}

#nav {font-size: 1.1em;}
#nav a {color: #364E6D; text-decoration: none;}
#nav a:hover {text-decoration: underline;}
#nav ul {display: inline; margin: 0;}
#nav ul li {display: inline; list-style: none; margin: 0 8px;}

/* sidebar */
/* #main_right .content {padding: 2px 8px 4px; background: #F8F8F3; border-top: 1px solid #EAEAE2; margin-bottom: 14px;} */
#main_right .content {padding: 2px 8px 4px; background: #f6fbff; border-top: 1px solid #EAEAE2; margin-bottom: 14px;}
#main_right div.content {padding: 5px 8px;  background:url(img/div_bck.jpg) repeat-y;}

#sidebar{
background-image:url(img/divs.gif); background-repeat:no-repeat;
}


#sidebar ul {list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em; }

/* #sidebar li {list-style: none; margin:2px; padding-left:12px; padding-top:2px;} */

#sidebar li {
padding-left: 10px;
background-image: url(img/bullets.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}




#bullets {background:url(img/bullets.gif) no-repeat;}


/* footer 
 #footer {font-size: 0.9em; border-top: 1px solid #E6E6E6; background: #F6F6F6; padding: 8px 12px; color: #888;} 

#footer .right {font-size: 0.9em;}
#footer .right, .right a {color: #888;}
#footer .right a {text-decoration: none;}
#footer .right a:hover {color: #000;}
*/
/* first post highlight */
#splash {margin-bottom: 1em; padding-right:15px;}
#splash .post { padding-left:5px; }
#splash .metadata {color: #ACA; border-top: 1px solid #DEE9E0; background: none; padding: 8px 0; margin: 0;}
#splash .metadata a {color: #474; text-decoration: none;}
#splash .metadata a:hover {color: #232; text-decoration: underline;}
#splash .lil {font-size: 0.9em;}

/* special links */
a.scrolldown,a.scrollup {width: 16px; height: 16px;}
a.scrolldown {background: url('img/arrow_down.gif') no-repeat left top; }
a.scrollup {background: url('img/arrow_up.gif') no-repeat left top;}
a.feed {background: url('img/feed.jpg') no-repeat left top; width: 28px; height: 28px;}
a.button {display: block;}
a.button:hover {background-position: left bottom;}

/* misc */
.bold {font-weight: bold;}
.bordered {border: 1px solid #DDD; background: #FFF; padding: 5px;}
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.light,.light a {color: #777;}
.odd {background: #F6F6F6;}
.right {float: right;}
.tright {text-align: right;}

/* post */
.post {margin-bottom: 1em;}
.post .date {color: #468; font-size: 0.9em; margin: 4px 0 6px;}
.post .body {margin-bottom: 12px; line-height: 1.4em;}
.post .metadata {background: #F6F6F6; border-top: 1px solid #E6E6E6; font: normal 0.9em sans-serif; padding: 6px; clear: both;}
.post .metadata a {color: #333; text-decoration: none;}

/* icons */
span.comment {background: url('img/icon_comment.gif') no-repeat left center; padding-left: 18px;}
span.tag {background: url('img/icon_tag.gif') no-repeat left center; padding-left: 18px;}

/* comments */
.commentlist {margin: 1em 0 0; font-size: 0.9em;}
.commentlist li {list-style: none; padding: 8px 10px 1px;}
.commentlist .post .date {margin-bottom: 3px;}


/* Toplinks */
#toplinks {
	float: right;
	font-size: 0.85em;
	height: 32px;
}
#toplinks ul {
	display: inline;
	float: right;
	margin: 9px 12px 0 0;
}
#toplinks li {
	background-color: #FAFAFA;
	color: #CCC;
	float: left;
	padding-left: 0px;
}
#toplinks li a {
	color: #777;
	margin-right: 2px;
}
#toplinks li a:hover {color: #012;}


/* ---------------------- menu nav ---------------------- */
.menu #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(img/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.menu #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;} 
.menu #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
/*.menu #slatenav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}*/
.menu #slatenav ul li a{display:block;float:left;color: #FFFFFF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.menu #slatenav ul li a:hover,.menu #slatenav ul li a.current{color:#fff;background:transparent url(img/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END menu nav ---------------------- */


/* ---------------------- Greenslate nav ---------------------- */
.green #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(img/greenslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.green #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.green #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.green #slatenav ul li a{display:block;float:left;color:#EEFFDF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.green #slatenav ul li a:hover,.green #slatenav ul li a.current{color:#fff;background:transparent url(img/greenslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Greenslate nav ---------------------- */

/* ---------------------- Redslate nav ---------------------- */
.red #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(img/redslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.red #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.red #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.red #slatenav ul li a{display:block;float:left;color:#FECCC3;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.red #slatenav ul li a:hover,.red #slatenav ul li a.current{color:#fff;background:transparent url(img/redslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Redslate nav ---------------------- */

/* ---------------------- Purpleslate nav ---------------------- */
.purple #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(img/purpleslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.purple #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.purple #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.purple #slatenav ul li a{display:block;float:left;color:#FBDAFA;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.purple #slatenav ul li a:hover,.purple #slatenav ul li a.current{color:#fff;background:transparent url(img/purpleslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Purpleslate nav ---------------------- */



#c_body{
background-image:url(img/bg_c.jpg);
background-repeat:repeat-y;
 width:405px;
padding:2px;


}







.openpet{ /*class added to slide contents when they are open*/
background:#999999;
background-image:url(img/rpt2.gif);
}

.c_fonts{
color:#FFFFFF;
font-size:11.5px 
}



#centerbody
{
background-image:url(img/bar_02.jpg);
background-repeat:repeat-y;
height:15px;
padding:10px;
color: #FFFFFF;
}
#centerbody2
{
background-image:url(img/bar_01.jpg);
background-repeat:repeat-y;
height:170px;
padding:10px;
}

#centerbody3
{
background-image:url(img/bar_03.jpg);
background-repeat:repeat-x;
width:850px;
height:5px;
}
#centerbody4
{
background-image:url(img/bar_04.jpg);
background-repeat:repeat-y;
height:5px;
padding:10px;
text-align:right;
}

#navigation {
	left: 5px;
	top: 3px;
}





#bodyheading
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12;
color:#FFFFFF;
font-weight:bold;

}
#bodynews
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12;
color:#0066CC;
font-weight:bold;

}



#newsitems
{
font:"Courier New", Courier, monospace;
font-size:12;
color:#333333;
background-image:url(img/bullets.gif); 
background-repeat:no-repeat;
padding-right:20px;
padding-left:20px;

font-weight:bold;

}
#div_r{
float:left;
width:75%;

}

#div_l{
float:right;
padding-right:20px;
background-image:url(img/div_bck.jpg); background-repeat:repeat-y;
width:25%;
}



#navlist
{
margin-left: 0;
padding-left:0;
list-style: none;
}

#navlist li 
{
padding-left: 30px;
background-image: url(img/bullets.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}



#navlist1
{
margin-left: 0;
padding-left:0;
list-style: none;
}

#navlist1 li 
{
padding-left: 18px;
background-image: url(img/bullets2.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}



#headerbck
{
background:url(img/header.jpg) no-repeat;
height:129px;
}


.iconspan{
float: left;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

.eg-bar{
/*
background-color: #EEF5D3;
font-weight: bold;
border: 1px solid black;
padding: 3px; */
}

div.eg-bar{
width: 100%;
}

.icongroup1{
width: 100%;
}


#quicklinks{
color:#FFFFFF;
font-size:12px;
}

.whitefont {color: #FFFFFF;}

/* commonlinks */
 #commonlinks {font-size: 0.9em; border-top: 1px solid #E6E6E6; background: #F6F6F6; padding: 8px 12px; color: #888;} 
 
 
 .sub_menu {
	position:absolute; visibility: hidden; border: 0px solid #000000; background-color: white; width: 200px; padding: 8px; height:110px;	
	}

 .sub_menuu {
	position:absolute; visibility: hidden; border: 0px solid #000000; background-color: white; width: 140px; padding: 8px; height:40px;
	}


.menuitems{
margin-left: 0;
padding-left:0;
list-style: none;
}
.menuitems li 
{
padding-left: 20px;
background-image: url(img/bullets.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}
		
.navigation
{
padding-right:20px;
}		


#footer {
	margin:25px 0 50px;
	padding:11px 0 0px;
	width:100%;
	background:url(img/footer_separator.png)repeat-x 0 0;
	position:relative;
	float:left;
}

#footer .footerWhiteFadeLeft {
	background-color:transparent;
	background-image:url(../images/footer/footer_white_side_fade.png);
	height:251px;
	left:-40px;
	position:absolute;
	top:-130px;
	_top:-120px;
	width:40px;


	!background:transparent;
	!filter:progid:dXImageTransform.Microsoft.alphaImageLoader(src="../images/footer/footer_white_side_fade.png", sizingMethod="scale");
}

#footer .footerWhiteFadeRight {
	background-color:transparent;
	background-image:url(../images/footer/footer_white_side_fade.png);
	height:253px;
	right:-40px;
	position:absolute;
	top:-130px;
	_top:-120px;
	width:40px;

	!background:transparent;
	!filter:progid:dXImageTransform.Microsoft.alphaImageLoader(src="../images/footer/footer_white_side_fade.png", sizingMethod="scale");
}


#footer ul,
#footer ul li {
	position:relative;
	float:left;
	margin:0;
	overflow:hidden;
	list-style-type:none;
}
#footer ul li { padding:0 7px; }
#footer ul li.first {
	padding-left:0;
	background:transparent;
}
#footer ul li a {
	font-size:10px;
	color:#6b9eb4;
	text-decoration:none;
}
#footer ul li a:hover,
ul#fnav li#privacy a { color:#000; }
ul#fnav li#privacy a:hover { color:#868585; }

ul#fnav,
ul#fnav2 {
	height:17px;
	padding-bottom:3px;
}

ul#fnav li,
ul#fnav2 li {
	background:url(../images/fnav_separator.gif) 0 3px no-repeat;
	letter-spacing:0;
}

ul#fnav2 { float:right; }

ul#fnav li a { text-transform:uppercase; }

ul#shortcuts {
	clear:both;
	font-family:Verdana, arial, sans-serif;
}
ul#shortcuts li { background:url(../images/shortcuts_separator.gif) 0 2px no-repeat; }
ul#shortcuts li a { color:#b6b5b5; }
ul#shortcuts li a:hover { color:#767474; }

p.copyright {
	position:relative;
	clear:both;
	padding-top:7px;
	overflow:hidden;
	color:#858585;
	font-size:11px;
	border-top:1px solid #e5e5e5;
	_padding-top:3px;
	_position:relative;
	_top:-4px;
}


/*	floating inline elements*/

.txtbox
{
margin-top:-1px;
margin-right:33px;

font-size:9px;
vertical-align:middle;

width:124px;
height:12px;
border:0px;
border-collapse:0px;
border-spacing:0px;


}


q
{
margin-top:-1px;
margin-right:35px;

font-size:9px;
vertical-align:middle;

width:124px;
height:12px;
border:0px;
border-collapse:0px;
border-spacing:0px;
}
.style6 {
	font-size: 11px;
	color: #666666;
}
.style7 {font-size: 11px}
.style8 {
	color: #999999;
	font-size: 12px;
}
.style9 {font-size: 10px}
.style13 {color: #F4F7FF}