/* HANDHELD CSS */

body {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
font-size: 75%;
max-width: 320px;
background: none;
height: auto;
}


html
{
height: auto;
}



#accessibility {
position: absolute;
top: -9999px;
font-size: 1px;
display: none;
}


#accessibility a:focus {
display: block;
position: absolute;
top: 10000px;
font-size: large;
color: #000;
background: #fff;
border: solid 2px #3B8B64;
padding: 10px;
width: 15em;
display: none;

}





.clear {
clear: both;
}


#logo {
width: 320px;
height: 46px;
background-image: url(/wsgraphics/logo_small.jpg);
background-repeat: no-repeat;
background-position: left top;
}


#rightimage {
float: right;
top: 0;
right: 0;
width: 10px;
height: 62px;
background: url(../wsgraphics/right_end.gif) no-repeat;
clear: right;
display: none;
}


#leftimage {
float: left;
top: 0;
left: 0;
width: 10px;
height: 62px;
background: url(../wsgraphics/left_curve.gif) no-repeat;
clear: left;
position: relative;
display: none;
}


#logo h1 a {
position: absolute;
top: 0.3em;
left: 0.3em;
display: block;
height: 46px;
width: 320px;
background: url(../wsgraphics/logo.gif) no-repeat;
text-indent: -9000px;
text-decoration: none;
font: 1.4em/27px Arial, Helvetica, sans-serif;
display: none;
}

* html #logo h1 a {
padding: 0.6em 0 0;
display: none;
}


#topNav {
position: relative;
top: 2.9em;
display: inline;
float: right;
display: none;
}


#topNav ul li {

display: inline;
list-style: none;
padding: 0;
margin: 0;
display: none;
}

#topNav li a
{
text-decoration: none;
padding: 0.3em 1.3em  0.3em; 
font: normal 80%/130% Verdana, Arial, Helvetica, sans-serif;
color: #000;
display: none;
}

#topNav li a:active {
color: #f20e0e;
display: none;
}

#topNav li a:hover
{
text-decoration: underline;
color: #f20e0e;
display: none;
}

#topNav li .homeicon {
background: url(../wsgraphics/house.gif) no-repeat 0 1px;
display: none;
}

#topNav li .login {
background: url(../wsgraphics/login.gif) no-repeat 0 3px;
display: none;
}

#topNav li .access {
background: url(../wsgraphics/triangle.gif) no-repeat 0 3px;
display: none;
}

#topNav li .map {
background: url(../wsgraphics/map.gif) no-repeat 0 3px;
display: none;
}

#topNav li .contact {
background: url(../wsgraphics/blop.gif) no-repeat 0 3px;
display: none;
}


/* Branding area includes header, navigation, search box
----------------------------------------------------------------------------------*/
#branding {
width: 320px;
height: 50px;
padding: 0;
position: relative;

}



/* Header holds banner images, search box
------------------------------------------------------------------*/
#header {

background: none;
width: 320px;
height: 50px;
min-width: 60em;
margin: 0 auto;
position: relative;

}


#searchBox {
width: 19.8%;
float: right;
padding: 0;
margin-top: -28px !important;
margin-top: 0;
top: -28px;
margin: -28px 0 0;	
background: #d3d4d5 url(../wsgraphics/search_bg.jpg) repeat-x top;
height: 174px;	
border-left: 1px solid #fff;	
text-align: center;
display: none;
}


/* Banner holds main navigation 
------------------------------------------------------------------*/
/*#banner {
height: 147px; 
padding: 0;
margin: 0;
background: transparent;
float: left;	
position: relative;
display: none;
}*/



/*#flashbanner {
height: 147px; 
padding: 0;
margin: 0;
background: transparent;
float: left;	
position: relative;
z-index: 3;
display: none;
}*/


/** html #flashbanner {
position: absolute;
width: 560px;
display: none;
}*/


#flashbanner .home {
display: none;
}






/* Take a tour button
------------------------------------------------------------------*/

#tour a {
background: url(../wsgraphics/take_tour.gif) no-repeat bottom;
position: absolute;
text-decoration: none;
width: 140px;
height: 140px;
left: 59%;
top: 0;
margin: 28px 59% 0 0;
text-indent: -9000px;
background-color: transparent;

float: left;
clear: left;
z-index: 4;
padding: 0;
clip: inherit;
overflow: visible;
visibility: visible;
display: none;
}


* html #tour {
padding: 0;
margin-top: -28px;
margin-left: 570px;
display: none;

}



/* Main navigation
------------------------------------------------------------------*/

#nav {
background: #a1a1a3;
width: 320px;
/*height: 26px;*/
border-bottom: 1px solid #fff;
position: relative;
}


#nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
/*line-height: 26px;*/
position: relative;
}

/* 
#about #nav .about a, 
#students #nav .students a,
#faculty #nav .faculty a,
#community #nav .community a,
#businesses #nav .businesses a {
background-color: #950407;
cursor: default;
padding: 0;
}
---------------------------------------------------------------_*/

#nav a {

color: #fff;
text-decoration: none;
}

#nav li { /* all list items */
/*float: left;*/
width: 11.5em;
}

#nav li ul { /* second-level lists */
position: absolute;
font: normal 1.1em/20px "Verdana",sans-serif;
text-transform:none;
text-align: left;
width: 11.5em;
left: -999em;
z-index: 100;
padding: 0;
/* using left instead of display to hide menus because display: none isn't read by screen readers */

}


#nav li a:hover {
background-color: #950407;
padding: 0; 


}



#nav .about, #nav .students, #nav .faculty, #nav .community, #nav .businesses {
font: bold 0.8em/25px "Verdana",sans-serif;
text-transform:uppercase;
text-align: center;
cursor: default;

}


#nav li:hover ul ul {
left: -999em;
width: 11.5em;
display: none;


}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
padding-left: 0.3em;
padding-right: 0.3em;
background-color: #da3b31;
display: none;

}



* html #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
margin-left: -50%;
display: none;
}


ul, p ul  {
list-style: none;
padding: 0;
margin: 0;
}


hr {
border: 0;
width: 60%;
color: #ccc;
height: 1px;
padding: 0.5em;
}

p.small {
font-size: 90%;
color: #4e5054;
}


.top {
float: right;
margin-top: -2em;
font-size: 90%;
padding-right: 1.1em;
background: url(../wsgraphics/top.gif) no-repeat right;
display: none;
}

.top a:link {
text-decoration: none;
color: #606166;
display: none;
}

.top a:visited {
text-decoration: none;
background: url(../wsgraphics/top_hover.gif) no-repeat right;
color: #a7a7aa;
display: none;
}

.top a:hover {
text-decoration: underline;
background: url(../wsgraphics/top_hover.gif) no-repeat right;
color: #d21034;
display: none;
}


.larger, .larger p {
text-align: right;
margin-top: -3em;
padding: 0;
font-size: 90%;
position: relative;
width: auto;
height: 1%;
}


.larger_ath, .larger_ath p {
text-align: left;
margin: 0.3em;
padding: 0;
font-size: 90%;
position: relative;
width: 200px;
height: 1%;
}

.larger a:link, .larger a, .larger_ath a:link, .larger_ath a {
text-decoration: none;
color: #606166;
background: url(../wsgraphics/larger.gif) no-repeat right;
padding-right: 1em;
position: relative;
width: auto;
height: 1%;
}

.larger a:visited, .larger_ath a:visited {
text-decoration: none;
color: #a7a7aa;
background: url(../wsgraphics/larger_visited.gif) no-repeat right;
padding-right: 1em;
}

.larger a:hover, .larger_ath a:hover {
text-decoration: underline;
color: #d21034;
background: url(../wsgraphics/larger_hover.gif) no-repeat right;
}


.anchor_menu ul {
margin-left: 1.5em;
padding-bottom: 2em;
padding: 0.5em 0 1em;
position: relative;
height: 1%;
background: url(../wsgraphics/table_caption.gif) repeat-x bottom;
display: none;
}


.anchor_menu li {
padding: 0.1em;
text-indent: 1.6em;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 95%;
background: url(../wsgraphics/anchors.gif) no-repeat left;
display: none;
}


/* Menu Tabs 1 used for the athletics section
------------------------------------------------------------------*/

body.home #content #tabs1 {
width:320px;
float:left;
font: normal 0.9em/1.5em Verdana;
line-height:normal;
border-bottom:1px solid #b3b3b3;
position: relative;
padding: 0;
margin: 0 auto;
display: none;
} 

body.home #content #tabs1 ul {
margin:0;
padding:10px 0 0;
list-style:none;
position: relative;
display: none;

}



#content #tabs1 {
width:320px;
float:left;
font: normal 0.9em/1.5em Verdana;
line-height:normal;
border-bottom:1px solid #b3b3b3;
position: relative;
padding: 0;
margin: 0;
display: none;
}

#content #tabs1 ul {
margin:0;
padding:10px 10px 0 10px;
list-style:none;
position: relative;
display: none;

}
#content #tabs1 li {
display:inline;
margin:0;
padding:0;
position: relative; 
display: none;

}
#content #tabs1 a {
float:left;
background:url(../wsgraphics/tableft1.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
position: relative; 
display: none;

}
#content #tabs1 a span {
float:left;
display:block;
background:url(../wsgraphics/tabright1.gif) no-repeat right top;
padding:5px 15px 4px 6px;
margin: 0;
color:#af312a; 
display: none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#content #tabs1 a span {float:none;}
/* End IE5-Mac hack */

#content #tabs a:hover span {
position: relative;
color:#af312a;
height:auto;
display: none;
}

#content #tabs1 a:hover {
background-position:0% -42px;
position: relative;
height:auto;
display: none;

}
#content #tabs1 a:hover span {
background-position:100% -42px;
display: none;

}

#content #tabs1 #current a {
background-position:0% -42px;
font-weight: bold;
display: none;
}

#content #tabs1 #current a span {
background-position:100% -42px;
display: none;
}


/* Container includes content, secondary navigation, info boxes
------------------------------------------------------------------*/
#container {
width: 320px;
background: #fff;
padding: 2px;

}


body.home #container {
width: 320px;
background: #fff;
text-align: left;
padding: 0;
position: relative;
}

* html body.home #container { 
height: auto;
width: 320px;

}

/* Secondary level navigation
------------------------------------------------------------------*/

#sideNav {
width: 23%;
float: left;
display: none;
}



ul#sidenavigation {
width: 99%;
padding: 0;
border-top: 0;
border-bottom: 1px solid #cacbce;
margin: 0;
font: bold 100% verdana,helvetica,arial,sans-serif;
background: #808080;
display: none;
}

ul#sidenavigation li {
height: 1%;
list-style: none;
margin: 0;
border-top: 1px solid #fff;
display: none;
}

ul#sidenavigation li a {
height: 1%;
display: block;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 1em solid #a1a0a2;
background: #f0dcb4;
text-decoration: none;
text-align: left;
display: none;
}

/*ul#sidenavigation li a:link { color: #666677; }

div#sideNav li a:visited { color: #666677; }

ul#sidenavigation li a:hover
{
border-color: #d8ddf9;
color: #fff;
background: #79777b;
display: none;
}

#sidenavigation li a#active {
border-color: #d8ddf9;
color: #fff;
background: #79777b;
display: none;
}*/



/* Content & heading styles begins
------------------------------------------------------------------*/
#content {
width: 320%;
height: auto;
float: left;
}

body.home #content {
width: 320px;
margin: 0 auto 0.5em;
padding: 0;
}


* html #content {
width: 320%;
padding-top: 10px;
padding-left: 10px;
}

* html body.home #content {
width: 320%;
padding-top: 10px;
padding-left: 10px;
}


h2 {
padding-top: 0.7em;
font-size: 1.9em;
line-height: 0;
font-family: "Times New Roman","Times",serif;
font-weight: normal;
color: #35459b;
position: relative;
}

#content h3 {
font-size: 1.4em;
line-height: 0.6em;
font-weight: normal;
padding: 0;
padding-left: 0.9em;
font-family: "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
color: #750818;
background: url(../wsgraphics/subheadbg.gif) no-repeat left;
}


h4 {
font: bold 1.2em/1.6em "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
color: #35459b;
text-align: left;
padding: 0;
margin: 0;
}


.sayings h4 {
font: bold 1.2em/1.6em "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
color: #35459b;
text-align: center;
padding: 0;
margin: 0;
display: none;
}

.related h4 {
font: bold 1.2em/1.6em "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
color: #35459b;
text-align: center;
margin-top: -10px;
margin-bottom: 10px;
padding-top: 13px;
background: url(../wsgraphics/related_docs.gif) no-repeat top left;
position: relative;
display: none;
}




* html .related h4, * html .sayings h4, * html .video h4, * html .rightcontent h4, * html .visitors h4, * html .accessECC h4 {
top: -3px;
padding-bottom: 0;
width: 320px;
display: none;
}


.video h4 {
font: bold 1.2em/1.6em "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
color: #35459b;
text-align: center;
margin-top: -10px;
margin-bottom: 10px;
padding-top: 13px;
background: url(../wsgraphics/related_video.gif) no-repeat top left;
position: relative;
display: none;
}


.visitors h4 {
font: bold 1.2em/1.6em "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
color: #35459b;
text-align: center;
margin-top: -10px;
margin-bottom: 10px;
padding-top: 13px;
background: url(../wsgraphics/related_people.gif) no-repeat top left;
position: relative;
}


.accessECC h4 {
font: bold 1.2em/1.6em "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
color: #35459b;
text-align: center;
margin-top: -10px;
margin-bottom: 10px;
padding-top: 13px;
background: url(../wsgraphics/accessECC_small.gif) no-repeat top left;
position: relative;
}



.portal h4 {
font: bold 1.2em/2em "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
color: #35459b;
text-align: center;
position: relative;
}



p {
font-family: verdana, sans-serif;
line-height: 1.7;
margin-bottom: 0.7em;
}

a:link {color: #000099;}
a:visited {color: #69719b;}
a:hover, a:active {color: #CC0000;}


.external {
background: url(../wsgraphics/externalLink.gif) no-repeat right top;
padding-right: 0.7em;
}

.pdf {
background: url(../wsgraphics/pdf.gif) no-repeat right;
padding-right: 1.5em;
}

.doc {
background: url(../wsgraphics/doc.gif) no-repeat right;
padding-right: 1.5em;
}

.xls {
background: url(../wsgraphics/xls.gif) no-repeat right;
padding-right: 1.5em;
}

.ppt {
background: url(../wsgraphics/ppt.gif) no-repeat right;
padding-right: 1.5em;
}





#content ul.listing li, #content ul.left li, #content ul.right li, #content ul.description li {
font: normal 100%/160% Verdana, Arial, Helvetica, sans-serif;
display: block;
padding: 0 1.3em;
margin-left: 1em;
background-image: url(../wsgraphics/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
color: #660000;
position: relative;
width: auto;
}


/* Listing used on the home page in the boxes */
.widthlessbox ul li {
font: normal 100%/160% Verdana, Arial, Helvetica, sans-serif;
display: block;
background-image: url(../wsgraphics/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
color: #660000;
position:inherit;
padding-left: 1.2em;
width: inherit;
display: none;
}


#content ol li {
font: normal 100%/160% Verdana, Arial, Helvetica, sans-serif;
padding: 0 1em 0 0;
position: relative;
}

#content ul.left {
float: left;
clear: left;
width: 48%; 
margin: 0;
padding: 0 0 1.5em;
line-height: 1%;
}

#content ul.right {
float: right;
clear: right;
width: 48%; 
margin: 0;
padding: 0 0 1.5em;
line-height: 1%;
}

#content ul.listing, #content ul.description {
margin: 0;
padding: 0;
height: auto;
margin: 0;
padding: 0;
line-height: 1%;
}



.no-space, .no-space p {
margin-top: -1%;
margin: 0 !important;
padding: 0;
}



ol.small li {
/* Stipulate the height of each item so that vertical return = items * height */

line-height: 1.5em;
font: normal 100%/160% Verdana, Arial, Helvetica, sans-serif;

/* Clear the default margins & padding so we can style the list from scratch */

margin: 0;
padding: 0;
}

/* If li position is left static, Internet Explorer disables hyperlinks in the list in all but the final column. This rule will be processed only by Internet Explorer because only IE believes that there’s a level above HTML: */

* html ol.small li
{
position: relative;

}
/* Bring the first item of each column back up to the level of item 1. Vertical return = items * height. Here, 5 items * 1.2em line-height = 6em */

ol.small li.item11,
ol.small li.item6
{
margin-top: -8em;
}
/* horizontal position of each column */
ol.small li.item1,
ol.small li.item2,
ol.small li.item3,
ol.small li.item4,
ol.small li.item5
{
margin-left: 0em;
}
ol.small li.item6,
ol.small li.item7,
ol.small li.item8,
ol.small li.item9,
ol.small li.item10
{
margin-left: 10em;
}
ol.small li.item11,
ol.small li.item12,
ol.small li.item13,
ol.small li.item14,
ol.small li.item15,
ol.small li.item16
{
margin-left: 20em;
}
/* anchor styling */

ol.small li a
{
display: block;
width: 10em;
}


.description {
float: left;
width: auto;
margin: 0;
padding-bottom: 1.5em;
position: relative;
height: 1%;
}


#content .rightcontent {
float: right;
clear: right;
height: 1%;
width: 32%; 
margin: 0;
padding: 0;
position: relative;
}



#content .rightcontent p {
margin-top: -0.1em;
padding: 0.7em;
font-size: 75%;
color: #6e6e6e;
}

#content .rightcontent ul {
padding: 0.5em;
font-size: 95%;
}



#content .right {
float: right;
width: 40%; 
margin-top: 0.5em;
padding: 0.5em;
position: relative;
}


#content .left {
float: left;
width: 40%; 
margin-top: 0.5em;
padding: 0.5em;
position: relative;
line-height: 1%;
}

#content .leftcontent {
float: left;
clear: left;
width: auto;
margin: 0;
padding: 0;
position: relative;
line-height: 1%;
}



/* Styling of info boxes
------------------------------------------------------------------*/	

.sections {
float: left;
clear: left;

width: 30%;
margin: 0;
left: 1%;
padding: 0.5em 0;
position: relative;
height: 1%;
display: none;
}



.section_pic {
float: left;
margin: 0.5em;
width: 18%;
min-height: 2em;
padding: 0;
border: 1px solid #fff;
text-indent: -9000px;
position: relative;
display: none;
}

* html .section_pic {
height: 2em;
display: none;

}

/*#pic1 {
background: url(../wsgraphics/classes.jpg) no-repeat left center;
}

#pic2 {
background: url(../wsgraphics/spartacat.jpg) no-repeat left center;
}

#pic3 {
background: url(../wsgraphics/arts.jpg) no-repeat left center;
}


#pic4 {
background: url(../wsgraphics/jobs.jpg) no-repeat left center;
}

#pic5 {
background: url(../wsgraphics/facilities.jpg) no-repeat left center;
}

#pic6 {
background: url(../wsgraphics/library.jpg) no-repeat left center;
}
*/


.sections ul 
{
width: 100%;
\width: 99%;
w\idth: 99.9%;
background: #e1e0e5;
padding: 0;
margin: 0;
font-family: verdana, 'trebuchet ms', sans-serif;
font-size: 98%;
font-weight: bold;
display: none;
}

.sections ul li
{

display: block;
list-style: none;
padding: 0;
margin: 0.2em;
border: 0;
border-bottom: 1px solid #adb2ce;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #adb2ce;
height: 1%;
display: none;
}

.sections ul li a {
display: block;
border: 0;
padding: 1em;
margin: 0;
text-decoration: none;
text-align: left;
background: #d8ddf9 url(../wsgraphics/h3bg.gif) repeat-x top;
display: none;
}

.sections ul li a:link { color: #ad302a;}

.sections ul li a:visited { color: #d21034;}

.sections ul li a:hover { color: #fff; background: #767eac; }


/* Home page left side includes 4 boxes */
.welcome {
padding: 0;
float: left;
width: 64%;
border: 0;
padding: 0;
position: relative;
height: 1%;
}


.firstcolumn {
padding: 0;
float: left;
width: 49%;
border: 0;
padding: 0;
position: relative;
height: 1%;
}


.secondcolumn {
padding: 0;
float: right;
width: 49%;
border: 0;
padding: 0;
position: relative;
height: 1%;
}

/*.widthlessbox h4 {
margin-top: 0; 
}

.widthlessbox {
margin: 0;
background: url(../wsgraphics/box_right.jpg) no-repeat bottom right;
width: 99%;
font-size: 100%;
padding: 0;
}

.boxtop {
background: url(../wsgraphics/box_top.jpg) repeat-x top left;
height: 9px;
margin-left: -9px;
padding: 0;
}



.boxbody {
background: url(../wsgraphics/box_left.jpg) no-repeat bottom left;
margin: 0;
padding: 0px 10px 31px;
}*/

/* End of home page boxes */


/* Home page right section includes tabs for related news and accessECC box below */

#news {
float: left;
border: 0;
width: 34%;
left:1%;
padding: 0;
position: relative;
height: 1%;
display: none;
}

.related_news {
width: 98%;
clear:left;
position: relative;
padding: 0;
margin: 0;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
display: none;
}

.related_news p {
font: normal 100%/150% Verdana, Arial, Helvetica, sans-serif;
margin-left: 1em;
margin-top: 0;
display: none;

}

.related_news ul li 
{
font: normal 100%/150% Verdana, Arial, Helvetica, sans-serif;
display: block;
padding: 0 1.3em 0.5em;
margin-left: 1em;
background-image: url(../wsgraphics/arrow.gif);
background-repeat: no-repeat;
background-position: 0 0.5em;
display: none;
}


.services {
width: 98%;
float:none;
position: relative;
padding: 0;
margin-top: 1.5em;
border: 1px solid #ccc;
background-color: #e1e1e1;
display: none;
}

.services img {
float: left;
padding: 0 1em 1em;
margin: 0;
position: relative;
display: none;
}

hr.services {
background: #fff url(../wsgraphics/table_caption.gif) no-repeat center bottom;
margin: 8px auto;
height: 1px;
border: 0 none;
position: relative;
display: none;
}

/* End of home page right side  */

.events {
float: right;
clear: right;
border: 0;
width: 34%;
padding: 0;
position: relative;
height: 1%;
display: none;
}

* html .events {
width: 32%;
left: 1%;
display: none;
}

.events ul li {

font: normal 100%/150% Verdana, Arial, Helvetica, sans-serif;
width: 90%;
display: block;
padding: 0 1.3em 0.5em;
margin-left: 1em;
background-image: url(../wsgraphics/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
display: none;
}


.related {
background: url(../wsgraphics/h3bg.gif) repeat-x top;
float: right;
clear: right;
border-bottom: 1px solid #bfc6ea;
border-left: 1px solid #929bce;
border-right: 1px solid #bfc6ea;
border-top: 1px solid #929bce;
width: 34%;
position: relative;
height: 1%;
margin: 0;
padding: 0;
display: none;
}

.rightcontent .related {
background: url(../wsgraphics/h3bg.gif) repeat-x top;
border-bottom: 1px solid #bfc6ea;
border-left: 1px solid #929bce;
border-right: 1px solid #bfc6ea;
border-top: 1px solid #929bce;
width: 100%;
position: relative;
height: 1%;
margin: 0;
padding: 0;
display: none;
}

.rightcontent .visitors {
background: url(../wsgraphics/h3bg.gif) repeat-x top;
border-bottom: 1px solid #bfc6ea;
border-left: 1px solid #929bce;
border-right: 1px solid #bfc6ea;
border-top: 1px solid #929bce;
width: 100%;
position: relative;
height: 1%;
margin: 0;
padding: 0;
display: none;
}

.rightcontent .video {
background: url(../wsgraphics/h3bg.gif) repeat-x top;
border-bottom: 1px solid #bfc6ea;
border-left: 1px solid #929bce;
border-right: 1px solid #bfc6ea;
border-top: 1px solid #929bce;
width: 100%;
position: relative;
height: 1%;
margin: 0;
padding: 0;
display: none;
}



.rightcontent .portal {
border-bottom: 1px solid #bfc6ea;
border-left: 1px solid #929bce;
border-right: 1px solid #bfc6ea;
border-top: 1px solid #929bce;
width: 100%;
position: relative;
height: 1%;
padding: 0;
margin: 0;
display: none;
}



.related ul {
font: normal 90%/130% Verdana, Arial, Helvetica, sans-serif;
color: #000;
padding: 0.5em;
display: block;	
position: relative;
display: none;
} 

.related li {
text-indent: 1.6em;
display: block;
background: url(../wsgraphics/related_bullet.gif) no-repeat 0.3em;
display: none;
}


.related li a:link {
color: #d21034;
display: none;

}

.related li a:visited {
color: #985853;
display: none;
}

.related li a:hover {
color: #6c1f1a;
display: none;
}


.video {
background: url(../wsgraphics/h3bg.gif) repeat-x top;
float: right;
clear: right;
border-bottom: 1px solid #bfc6ea;
border-left: 1px solid #929bce;
border-right: 1px solid #bfc6ea;
border-top: 1px solid #929bce;
width: 34%;
position: relative;
height: 1%;
margin: 0;
padding: 0;
display: none;
}


.video ul {
font: normal 90%/130% Verdana, Arial, Helvetica, sans-serif;
padding: 0.5em;
margin: 0;
position: relative;
display: none;
} 

.video li {
text-indent: 1.6em;
background: url(../wsgraphics/video_bullet.gif) no-repeat 0.3em;
display: block;
padding: 0;
display: none;
}


.video li a:link {
color: #d21034;
display: none;

}

.video li a:visited {
color: #985853;
display: none;
}

.video li a:hover {
color: #6c1f1a;
display: none;
}


.visitors {
background: url(../wsgraphics/h3bg.gif) repeat-x top;
float: right;
clear: right;
border-bottom: 1px solid #bfc6ea;
border-left: 1px solid #929bce;
border-right: 1px solid #bfc6ea;
border-top: 1px solid #929bce;
width: 34%;
position: relative;
height: 1%;
margin: 0;
padding: 0;
display: none;
}

.visitors ul {
font: normal 90%/130% Verdana, Arial, Helvetica, sans-serif;
padding: 0.5em;
margin: 0;
position: relative;
display: none;
} 

.visitors li {
text-indent: 1.6em;
background: url(../wsgraphics/related_bullet.gif) no-repeat 0.3em;
display: block;
padding: 0;
display: none;
}


.visitors li a:link {
color: #d21034;
display: none;

}

.visitors li a:visited {
color: #985853;
display: none;
}

.visitors li a:hover {
color: #6c1f1a;
display: none;
}

.visitors p, .video p, .related p {
font-size: 75%;
color: #6e6e6e;
display: none;
}

.accessECC {
background: url(../wsgraphics/h3bg.gif) repeat-x top;
float: right;
clear: right;
border-bottom: 1px solid #bfc6ea;
border-left: 1px solid #929bce;
border-right: 1px solid #bfc6ea;
border-top: 1px solid #929bce;
width: 34%;
position: relative;
height: 1%;
margin: 0;
padding: 0;
display: none;
}

.accessECC ul {
font: normal 90%/130% Verdana, Arial, Helvetica, sans-serif;
padding: 0.5em;
margin: 0;
position: relative;
display: none;
} 

.accessECC li {
text-indent: 1.6em;
background: url(../wsgraphics/related_bullet.gif) no-repeat 0.3em;
display: block;
padding: 0;
display: none;
}


.accessECC li a:link {
color: #d21034;
display: none;

}

.accessECC li a:visited {
color: #985853;
display: none;
}

.accessECC li a:hover {
color: #6c1f1a;
display: none;
}


.related p, .video p, .visitors p, .accessECC p {
padding-left: 0.5em;
display: none;
}



.rightcontent .accessECC {
width: 100%;
padding: 0;
margin: 0;
position: relative;
height: 1%;
display: none;
}

.rightcontent .sayings {
width: 100%;
padding: 0;
margin: 0;
position: relative;
height: 1%;
float: none;
display: none;
}



.sayings {
float: right;
clear: right;
width: 34%;
padding: 0;
margin: 0;
position: relative;
height: 1%;
display: none;
}



.sayings p {
font-size: 75%;
color: #6e6e6e;
position: relative;
padding: 0;
display: none;
}


* html .sayings p {
font-size: 90%;
margin-top: 0.2em;
height: 100%;
display: none;
}



.news p {
margin: 0;
left: 2%;
clear: left;
padding: 0;
position: relative;
text-align: left;
width: 80%;
height: 100%;
display: none;
}

* html .news p {
height: 7.5em;
width: 85%;
display: none;
}


.fluid_pic {
margin: 0;
padding: 0;
width: 100%;
height: 200px;
max-width: 267px;
text-indent: -9000px;
position: relative;
border: none;
border: hidden;
display: none;
}


* html .fluid_pic {
position: absolute;
left: 0;
border: none; 
display: none;
}


.events dl {
float: left;
top: 1em;
margin-top: 1em;
margin-left: 1.5em;
display: block;
padding: 0;
position: relative;
text-align: left;
width: 80%;
min-height: 6em;
background: #c0c2ce url(../wsgraphics/ads_bg.jpg) no-repeat left top;
display: none;
}

* html .events dl {
height: 5.8em;
bottom: 1em;
display: none;
}



.events dt {
margin: 0;
padding: 0 1em ;
font: bold 1.3em "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
color: #35459b;
display: none;
}

.events dd {
margin: 0;
padding: 0 1em 0;
font: normal 100%/160% Verdana, Arial, Helvetica, sans-serif;
display: none;
}

.events img {
padding: 0 0.5em 0 0;
position: relative;
float: left;
clear: left;
display: none;
}


.ads {
margin: 0;
bottom: 1em;
padding: 0;
float: left;
clear: right;
border: 0;
width: 80%;
display: none;

padding: 0;
position: relative;
height: 1%;
display: none;
}

.ads dl {
background: #b6bee0 url(../wsgraphics/events_bg.jpg) no-repeat left top;
padding: 0;
position: relative;
text-align: left;
width: 100%;
min-height: 6em;
display: none;

}

* html .ads dl {
height: 5.8em;
width: 100%;
display: none;
}


.ads dt {
margin: 0;
padding: 0 1em ;
font: bold 1.3em "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
color: #35459b;
display: none;
}

.ads dd {
margin: 0;
padding: 0 1em 0;
font: normal 100%/160% Verdana, Arial, Helvetica, sans-serif;
display: none;
}

.ads img {
padding: 0.5em;
position: relative;
float: right;
clear: right;
display: none;
}


/* Styling of images
------------------------------------------------------------------*/	

.img-talking {
background: url(../wsgraphics/talkingpic.jpg) no-repeat bottom right;
clear: right;
float: left;
position: relative;
margin: 0 5px;
display: none;
}

.img-talking img {
background:#fff;
border: none;
padding: 0;
display: block;
margin: 15px 6px 6px;
position: relative;
display: none;
}

.img-wrapper {
background: url(../wsgraphics/shadow.gif) no-repeat bottom right;
float: right;
clear: left;
position: relative;
margin-left: 0.5em;
padding: 0;
left: 0.5em;
width: auto;
height: 1%;
display: none;
}

.img-wrapper img {
background-color: #fff;
border: 1px solid #c5d0ec;
padding: 0.3em;
display: block;
margin: -6px 6px 6px -6px;
position: relative;
display: none;
}

.small_image {
background: url(../wsgraphics/shadow.gif) no-repeat bottom right;
float: left;
display: none;

position: relative;
margin-right: 0.5em;
margin-top: 0.5em;
margin-left: 0.5em;
position: relative;
display: block;
height: 1%;
display: none;
}

.small_image img {
background-color: #fff;
border: 1px solid #c5d0ec;
padding: 0.3em;
display: block;
margin: -6px 6px 6px -6px;
position: relative;
display: none;

}

img, img a:link {
border: 0;
border: none;
display: none;
}


/* Tables styling
-----------------------------------------------------------------*/

table#ecc {
padding: 0;
margin: 0;
position: relative;
}

table#ecc caption {
background: #fff url(../wsgraphics/table_caption.gif) repeat-x 4px;
font: bold 1.2em/1.6em "Tahoma", Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
color: #6e4a43;
margin-top: 1em;
padding-left: 0.3em;
padding-bottom: 0.9em;
text-align: left;
}




table#ecc th {
font: bold 0.9em "Verdana", Arial, Helvetica, sans-serif;
color: #676978;
border-right: 1px solid #bec0ca;
border-bottom: 1px solid #bec0ca;
border-top: 1px solid #bec0ca;
letter-spacing: 1px;
text-align: left;
padding: 0.3em 0.3em 0.3em 0.6em;
background: #dee2fa url(../wsgraphics/table_bg.jpg) no-repeat;
height: 2em;
}


table#ecc th.nobg {
border-top: 0;
border-left: 0;
border-right: 1px solid #bec0ca;
background: none;
background-color: #fff;

}

table#ecc td.blank {
border-top: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
background-color: #fff;
padding: 1em;
height: 2.5em;
}

table#ecc td {
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 95%;
border-right: 1px solid #bec0ca;
border-bottom: 1px solid #bec0ca;
padding: 0.3em 0.3em 0.3em 0.6em;
color: #4e5054;
height: 2em;
}

table#ecc td.yellow {
background-color: #f0e1ca;
}


.rowTint {
background-color: #ededf0;
} 



table#simple {
padding: 0;
margin: 0.5em 0;
}

table#simple caption {
}




table#simple th {
font: bold 0.9em "Verdana", Arial, Helvetica, sans-serif;
color: #676978;
border-top: 1px solid #bec0ca;
border-left: none;
border-right: 1px solid #bec0ca;
border-bottom: 1px solid #bec0ca;
letter-spacing: 1px;
text-align: left;
padding: 0.3em 0.3em 0.3em 0.6em;
background: #dee2fa;
height: 2em;
}


table#simple td.blank {
border-top: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
background-color: #fff;
padding: 1em;
height: 2.5em;
}

table#simple td {
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 95%;
border-right: 1px solid #bec0ca;
border-bottom: 1px solid #bec0ca;
padding: 0.3em 0.3em 0.3em 0.6em;
color: #4e5054;
height: 2em;
}

table#simple td.noborder {
border-bottom: 1px solid #bec0ca;
border-left: none;
border-right: none;
border-top: none;
background-color: #fff;
padding: 1em;
height: 2em;
}

table#simple th.yellow {
border: 1px solid #bec0ca;
background-color: #f0e1ca;
height: 2em;
}

table#simple td.yellow {
background-color: #f0e1ca;

}


/* Forms styling
------------------------------------------------------------------*/
/*
div.form-container { margin: 0; padding: 0; background-color: none; font: normal 100% "Verdana", Arial, Helvetica, sans-serif; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #c00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #c00 1px solid; background-color: #F4EBC6; }
div.errors p { margin: 0; }
div.errors p em { color: #c00; font-style: normal; font-weight: bold; }

div.form-container p { margin: 0; }
div.form-container p.note { margin-left: 150px; font-size: 90%; color: #666; padding: 0.5em 0; }

div.form-container fieldset { margin: 0.5em 0; padding: 1em; border: #bec0ca 1px solid; }

div.form-container legend { color: #35459b; font: bold 1.3em "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; }

div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label { margin-right: 10px; padding-right: 10px; width: 130px; display: block; float: left; text-align: right; position: relative; font-weight: bold; color: #676978; }

div.form-container label.error, div.form-container span.error { color: #c00; }
div.form-container label em { position: absolute; right: 0; font-size: 95%; font-style: normal; color: #c00; }
div.form-container input.error { border-color: #c00; background-color: #fef; }
div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus { background-color: #ffc; border-color: #35459b; }

div.form-container div.controlset div label { display: inline; float: none; text-align: left; position: relative; width: auto; font-weight: normal; color: #000; }

div.form-container div.controlset div.blockdisplay { display: block; position: relative; padding: 0; float: left; clear: top; margin: 0; }


div.form-container div.controlset label.controlset { display: block; float: left; text-align: right; position: relative; }

div.form-container div.controlset div { margin-left: 150px; padding: 0; position: relative; }
div.form-container div.buttonrow { margin-left: 150px; }*/


/* Footer begins
------------------------------------------------------------------*/
#footer {
position: relative;
margin: -1% auto 0;
overflow: visible;
position: relative;
width: 320px;
min-width: 60em;
padding: 0;
clear: both;
}

* html #footer {
margin: 0 auto;
}

#footer .extrainfo {

background: #79777b;
padding: 0.2em; 
margin: 0;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
}



#footer .addressinfo, .addressinfo p {
background: #d8ddf9 url(../wsgraphics/h3bg.gif) repeat-x top;
padding: 0.3em; 
margin: 0;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align: center;
font: normal 80%/130% Verdana, Arial, Helvetica, sans-serif;
color: #2a377f;
}


#footer .extrainfo ul
{
display: inline;
list-style: none;
padding: 0;
margin: 0;
}

#footer .right {
position: relative;
padding-left: 0.3em; 
font: normal 80%/130% Verdana, Arial, Helvetica, sans-serif;
color: #fff;
float: right;
border-left: 1px solid #fff;
}

#footer .extrainfo li
{
text-decoration: none;
padding: 0.3em 0.8em 0.3em; 
margin-right: 0;
font: normal 80%/130% Verdana, Arial, Helvetica, sans-serif;
color: #fff;
}

#footer .extrainfo li a:active {
color: #fff;
border: none;
padding: 0; 
}


* html #footer .extrainfo li a { padding: 0; }

#footer .right a {
text-decoration: none;
color: #fff;
}

#footer .extrainfo li a:hover
{
text-decoration: underline;
color: #fff;
}


#footer .right a:visited
{
text-decoration: none;
color: #fff;
}