/* CSS Document */

/*---------------------------General Formatting-----------------------
*/

body { background-color: #99CCFF;
          font-family: arial, sans-serif;
          font-size:12px;
          margin-top: 1px;}

p { font-family: arial, sans-serif;
     font-size: 12px;
     margin-top:0px;
     padding: .5em;
     text-align:left;}

a.Link {text-decoration : none;
	font-family : Arial, sans-serif;
	font-size : 12px;}

a.Visited {text-decoration : none;
	font-family : Arial, sans-serif;
	font-size : 12px;}

h1 { font-family: arial, sans-serif;
       font-weight: bold;
       text-align: center;
       font-size: 16px}

h2 { font-family: arial, sans-serif;
       font-weight: bold;
       text-align: center;
       font-size: 12px}

h3 { font-family: arial, sans-serif;
       font-weight: bold;
       text-align: left;
       font-size: 14px}

.bold { font-family: arial, sans-serif;
       font-weight: bold;
       font-size: 12px}

.boldunder { font-family: arial, sans-serif;
       font-weight: bold;
       font-size: 12px;
       text-decoration: underline;}

.pic {border: 0;}

.picwrap {border:0;
             float:left;
             margin-top:5px;
             margin-right:5px;
             margin-bottom:5px;}

.picright {border:0;
             float:right;
             margin-top:5px;
             margin-right:5px;
             margin-bottom:5px;}


.centerit {text-align: center;}


.redcenter {font-weight: bold;
	font-family : Arial, sans-serif;
                font-size: 12px;
                text-align: center;
                color: #FF0000;}

/* 
------------------ 2 Column Layout with Header------------------------ 
*/




#frame { 	width:100%;
                background-color: #FFFFFF;
                border: 1px solid #000000;}

#midframe {width: 100%;
                  padding: 0 0 0 0;
                  background-color: #FFFFFF;}



#top {width:99%;
         padding: .5em; 
         background-color: #FFFFFF:
         border-bottom: 1px solid #000000;}

		
#contentleft {width: 20%;
                   padding: 4px;
                   margin-top: 0px;
	   float:left;
	   background-color:#FFFFFF;
                   text-align: center;
                   font-family: arial, sans-serif;
                   font-size: 12px;}
                                
	
#contentcenter { 
                        padding:10px;
	        background:#FFFFFF;
                        height:100%;}


#footer {clear: both;
             margin: 0;
             padding: .5em;
             border-top: 1px solid #000000;}


/*
------------------ Top Navigation Area-----------------------
*/

.topkeys {font-size:5%; 
              text-align:left; 
              color: #330099; 
              margin-top:0px;
              background-color: #330099;}

.bluband {width: 98%;
               padding: 10px;
               background-color: #330099;
               text-align: center;
             color: #FFFFFF;
             font-family: arial, sans-serif;
             font-size: 16px;
             font-weight: bold;
             margin-top: 0px;}

.whiteonwhite {width: 100%;
          color: #FFFFFF;
          background-color: #FFFFFF;
          text-align: left;
          margin-bottom: 1px;
          font-family: arial, sans-serif;
          font-size: 12px;}

A.BluOrg:Link {
	color : #3333FF;
	text-decoration : none;
	font-family : Arial, sans-serif;
	font-size : 11px;
                font-weight:bold;
                background-color: #FFFFFF}

A.BluOrg:Visited {
	color : #3333FF;
	text-decoration : none;
	font-family : Arial, sans-serif;
	font-size : 11px;
                font-weight:bold;
                background-color: #FFFFFF}

A.BluOrg:Hover{color : #FF9933; font-weight:bold; font-size: 11px; background-color: #FFFFFF;}

/* 
------------------ bookstore nav ------------------------ 
*/

.whiteonblue {width: 100%;
          color: #330099;
          background-color: #330099;
          text-align: center;
          margin-bottom: 4px;
          font-family: arial, sans-serif;
          font-size: 12px;}



A.WhiYel:Link {
	color : #FFFFFF;
	text-decoration : none;
	font-family : Arial, sans-serif;
	font-size : 11px;
                font-weight:bold;
                background-color: #330099}

A.WhiYel:Visited {
	color : #FFFFFF;
	text-decoration : none;
	font-family : Arial, sans-serif;
	font-size : 11px;
                font-weight:bold;
                background-color: #330099}

A.WhiYel:Hover{color : #FFFF00; font-weight:bold; font-size: 11px; background-color: #330099;}


A.BIGWhiYel:Link {
	color : #FFFFFF;
	text-decoration : none;
	font-family : Arial, sans-serif;
	font-size : 15px;
                font-weight:bold;
                background-color: #330099}

A.BIGWhiYel:Visited {
	color : #FFFFFF;
	text-decoration : none;
	font-family : Arial, sans-serif;
	font-size : 15px;
                font-weight:bold;
                background-color: #330099}

A.BIGWhiYel:Hover{color : #FFFF00; font-weight:bold; font-size: 15px; background-color: #330099;}




















/* 
------------------ logo and search area------------------------ 
*/


#logoframe {width: 100%;
                  padding: 5px;
 	  margin-top:0px;
 	  margin-bottom:0px;
                  background-color: #FFFFFF;}
		
#logoleft {width:48%;
               padding: 0px;
               margin-top:0px;
               margin-bottom:0px;
               float:right;
               background-color:#FFFFFF;}
                               
	
#searchright { width: 48%;
	     padding: 0 px;
 	     margin-top:0px;
 	     margin-bottom:0px;
	     float:left;
	     background:#FFFFFF;}

/*
------------------ Main Topic Navigation Area-----------------------
*/

A.BigBluOrg:Link {
	color : #3333FF;
	text-decoration : none;
	font-family : Arial, sans-serif;
	font-size : 14px;
                font-weight:bold;
                background-color: #FFFFFF}

A.BigBluOrg:Visited {
	color : #3333FF;
	text-decoration : none;
	font-family : Arial, sans-serif;
	font-size : 14px;
                font-weight:bold;
                background-color: #FFFFFF}

A.BigBluOrg:Hover{color : #FF9933; font-weight:bold; font-size: 14px; background-color: #FFFFFF;}

A.BigRedYell:Link {
	color : #993333;
	text-decoration : none;
	font-family : Arial, sans-serif;
	font-size : 12px;
                font-weight:bold;
                background-color: #FFFFFF}

A.BigRedYell:Visited {
	color : #993333;
	text-decoration : none;
	font-family : Arial, sans-serif;
	font-size : 12px;
                font-weight:bold;
                background-color: #FFFFFF}

A.BigRedYell:Hover{color : #FF0033; font-weight:bold; font-size: 12px; background-color: #FFFFFF;}





/*
----------------------- blue menu boxes*/

.bluemenutop {width: 100%;
               background-color: #330099;
               text-align: center;
             color: #FFFFFF;
             font-family: arial, sans-serif;
             font-size: 12px;
             font-weight: bold;
             padding: 0px;
             margin-top:5px;}


.bluemenu {width: 100%;
              font-family: arial, sans-serif;
              font-size: 14px;
              background-color: #FFFFFF;
              padding: 0px;
              margin-bottom:5px;
               border: 1px solid #330099}



.blueitem {width: 100%;
               background-color: #330099;
               text-align: center;
               color: #FFFFFF;
               font-weight: bold;
               font-size: 12px;
                 margin 10 10 10 10;}


/*
----------------------- google alignment*/
.google {margin-left: 10%;
             margin-right: 10%;}





/*
----------------------- left menu column items  */

#leftnav {  text-align: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #D6D6D6;
                font-family: arial, sans-serif;
                font-size: 12px;}

#leftnav ul {margin: 1px;
                    padding: 1px;
                    font-family: arial, sans-serif;
                    font-size: 12px;}
		
#leftnav li {display: block;
	border-top: 1px solid #A5B5C6;
                    font-family: arial, sans-serif;
                    font-size: 12px;}

#leftnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	background-color: #5C6F90;
	font: bold 0.8em /1.5 arial, sans-serif;			
                color: #fff;
	text-decoration: none;
	width: 100%;
                font-family: arial, sans-serif;
                font-size: 12px;}

#leftnav li a:hover {background-color: #43616B;
	color: #eee;}






/*
----------------------- blue left menu column items  */

.bluenav { text-align: left;
                list-style: none;
	margin: 0px;
	padding: 0px;
                font-family: arial, sans-serif;
                font-size: 11px;}

.bluenav ul {margin: 0px;
                    padding: 0px;}
		
.bluenav li {
	display: block;
	border-top: 1px solid #000000;
                font-family: arial, sans-serif;
                text-indent: 4px;
                font-size: 11px;}

.bluenav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	background-color: #99CCFF;
	font: bold 0.8em /1.5 arial, sans-serif;
	color: #000000;
	text-decoration: none;
	width: 100%;	
	font-family: arial, sans-serif;
                font-size: 11px;}

.bluenav li a:hover {
	background-color: #003399;
	color: #eee;
	}


/*
----------------------- green left menu column items  */

.greennav {  text-align: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #D6D6D6;
                font-family: arial, sans-serif;
                font-size: 12px;}

.greennav ul {margin: 1px;
                    padding: 1px;
                font-family: arial, sans-serif;
                font-size: 12px;}
		
.greennav li {display: block;
	border-top: 1px solid #A5B5C6;
                font-family: arial, sans-serif;
                font-size: 12px;}

.greennav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	background-color: #669966;
	font: bold 0.8em /1.5 arial, sans-serif;			color: #fff;
	text-decoration: none;
	width: 100%;	
                font-family: arial, sans-serif;
                font-size: 12px;}

.greennav li a:hover {
	background-color: #006633;
	color: #eee;
	}




/*
----------------------- purple left menu column items  */

.purplenav {  text-align: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #D6D6D6;
                font-family: arial, sans-serif;
                font-size: 12px;}

.purplenav ul {margin: 1px;
                    padding: 1px;
                font-family: arial, sans-serif;
                font-size: 12px;}
		
.purplenav li {
	display: block;
	border-top: 1px solid #A5B5C6;
                font-family: arial, sans-serif;
                font-size: 12px;}

.purplenav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	background-color: #9966CC;
	font: bold 0.8em /1.5 arial, sans-serif;			color: #fff;
	text-decoration: none;
	width: 100%;
                font-family: arial, sans-serif;
                font-size: 12px;}

.purplenav li a:hover {
	background-color: #663399;
	color: #eee;	}



/*
----------------------- red left menu column items  */

.rednav {  text-align: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #D6D6D6;
                font-family: arial, sans-serif;
                font-size: 12px;}

.rednav ul {margin: 1px;
                    padding: 1px;
                font-family: arial, sans-serif;
                font-size: 12px;}
		
.rednav li {
	display: block;
	border-top: 1px solid #A5B5C6;
                font-family: arial, sans-serif;
                font-size: 12px;}

.rednav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	background-color: #990000;
	font: bold 0.8em /1.5 arial, sans-serif;			
                color: #fff;
	text-decoration: none;
	width: 100%;	
                font-family: arial, sans-serif;
                font-size: 12px;}

.rednav li a:hover {
	background-color: #660000;
	color: #eee;}

/*
----------------------- boxes ------------------*/

.boxit {font-family: arial, sans-serif;
              font-size: 12px;
              background-color: #FFFFFF;
              padding: 5px;
              margin-bottom:5px;
              border: 1px solid; #330099;}


.bluebox {font-family: arial, sans-serif;
              font-size: 12px;
              background-color: #CCFFFF;
              padding: 5px;
              margin-bottom:5px;
              border: 1px solid; }


.tanbox {font-family: arial, sans-serif;
              font-size: 12px;
              background-color: #FFFFCC;
              padding: 5px;
              margin-bottom:5px;
              border: 1px solid; }

.fullbox {font-family: arial, sans-serif;
              font-size: 12px;
              background-color: #FFFFFF;
              padding: 5px; 
              margin-bottom:5px;
              border: 1px solid; }

.darkbluebox {font-family: arial, sans-serif;
              font-size: 12px;
              font-weight: bold;
              color: #FFFFFF;
              text-decoration: none;
              background-color: #000099;
              padding: 5px;
              margin-bottom:5px;
              border: 1px solid; }

.graybox {font-family: arial, sans-serif;
              font-size: 12px;
              background-color: #CCCCCC;
              padding: 5px;
              margin-bottom:5px;
              border: 1px solid; }


.plainbox {font-family: arial, sans-serif;
              font-size: 12px;
              background-color: #FFFFFF;
              padding: 5px; 5px; 5px; 5px
              margin-bottom:5px;
              border: 1px solid; 
              width: 90%;}





/*
----------------------- 4 column sponsor listings*/

#col1 {width: 24%;
                  background-color: #FFFFFF;
	        float:left;
	        text-align: left;}

#col2 {width: 24%;
                  background-color: #FFFFFF;
	        float:left;
                        text-align: left;}

#col3 {width: 26%;
                  background-color: #FFFFFF;
	        float:left;
                        text-align: left;}

#col4 {width: 24%;
                  background-color: #FFFFFF;
	        float:left;
                        text-align: left;}



.listnav {	font-size: 12px;
                list-style: none;
	margin: 0px;
	padding: 0px;}

.listnav ul {    font-size: 12px;
                    margin: 0px;
                    padding: 0px;}
		
.listtnav li {  font-size: 12px;
                  display: block;}

.listnav li a {display: block;
	margin: 0px 0px 0px 0px;
                font-size: 12px;
	color: #3399FF;
	text-decoration: none;
	width: 100%;}

.listnav li a:hover {background-color: #99CCFF;
	color: #000000;}



/*
----------------------- directory tables*/


table
{
width: 99%;
background-color: #fafafa;
border: 0px #000000 solid;
border-collapse: collapse;
border-spacing: 0px; }


table.noborder
{
width: 100%;
background-color: #FFFFFF;
border: 0;
border-collapse: collapse;}


caption { background-color: #66CCFF;
border: 1px #000000 solid;
font-family: arial, sans-serif;
font-weight: bold;
font-size: 16px;
padding-left: 8px;
color: #404040; }

th { background-color: #CCCCCC;
border: 1px #000000 solid;
font-family: arial, sans-serif;
font-weight: bold;
font-size: 12px;
padding-left: 8px;
color: #000000; }


td.contactDept
{ background-color: #66CCFF;
border: 1px #000000 solid;
font-family: arial, sans-serif;
font-weight: bold;
font-size: 14px;
padding-left: 8px;
color: #404040; }

td.plain
{border: 1px #FFFFFF solid;}

td.dark
{ background-color: #CCCCCC;
border: 1px #000000 solid;
font-family: arial, sans-serif;
font-weight: bold;
font-size: 12px;
padding-left: 8px;
color: #000000; }

td
{ border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: arial, sans-serif;
font-weight: normal;
font-size: 12px;
color: #404040;
background-color: #fafafa;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 8px; 
vertical-align:top;}


#tswcsstabs ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	display: inline ;
}
#tswcsstabs ul li {
	margin: 0 ;
	padding: 0 ;
	display: inline ;
	text-align: center ;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif ;
}
#tswcsstabs li a {
	color: #000 ;
	background-color: #9cf ;
	border: 1px outset #00f ;
	padding: 8px ;
	text-decoration: none ;
	display: inline ;
}
#tswcsstabs li a:hover {
	color: #ff0 ;
	background-color: #0000c0 ;
}



