/*
    This stylesheet is used on the SWIC homepage and includes some generic total-site styles

    colors used
    #79B30B;  this is blue header, footer, left nav  ? #0b3e91
    #f4770b;  this is orange left nav
    #7C92C8;  this is the off page background
*/


html,body
{
    margin:     0;
    padding:    0;
}

body
{
    background-color: #000!important;
    color:#000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: center;
    direction: ltr;
  
}

/* So images that are links do not have a border */
img
{
	border:  0px;
}

a img 
{ 
    border: none;
}


#wrapper
{
    background-color:   #fff;
    margin:             0px auto;
    width:              993px;
    padding:            0px;
    text-align:         left; 
    position:relative;
   
}


#content
{
	
    float: right; 
    position: relative;
    width: 802px;
    clear: right;
    padding: 0px;
    min-height: 550px;   /* height changed from 480 sjr 10/16/2009 to 500*/
	                                     /* changed from height to min-height to solve problem of College Highlights from flowing
										    past the div and over the footer  (also in footer needs  'clear: both'   */
	/*background-image:   url(../images/bluelghthome.png);*/
    background-repeat:  repeat-x;
    background-color: #eaeaea;	
    z-index: 0;
    /*border: green solid;*/
}

#search
{
    float: right; 
    position: relative; 
    width: 790px;
    clear: right; 
	/* background-image:   url(../images/bluelghthome.png); */
    background-repeat:  repeat-x;
    background-color: white;	
    z-index: 0;
    /*border: green solid;*/
}


#header
{

    height: 319px;
    float: right;
	margin: 0px
	
}

div#leftnav
{
	display:table;
	margin: 0px;
    width: 191px;
	left:0px;
    z-index: 1;
    top:0px;
    position:absolute;
	height: 100%;

}

div#leftnavtop
{
    display: table;
    width: 191px;
    background-image: url(../images/orange_home_gradient.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    min-height: 500px; 
    z-index: 1;
   
}

div#leftnavtopfoundation
{
    display: table;
    width: 191px;
    background-image: url(../images/orange_home_gradient.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 610px; 
    z-index: 1;
   
}

div#logo, div#logosm
{  
    float: left;
    width: 191px;
    text-align: center;  
}

div#logofnd
{  
	border-top: 1px solid #f6cca7;
	border-bottom: 1px solid #f6cca7;
    float: left;
    width: 191px;
    text-align: center;  
	display:block;
}

div#logosb
{  

	border-top: 1px solid #f6cca7;
	border-bottom: 1px solid #f6cca7;
    float: left;
    width: 191px;
    text-align: center;  
}

#menu
{
    width: 191px;
    font-size: 16px;
    float: left;
    clear: left;
    padding-top: 0px;
}

#homesearch
{  
    clear: left;
    padding: 0px 5px 5px;
}



#leftnavbottom
{
    float: left;
    clear: left;
    width: 191px;
}

#resources
{
    padding: 5px;
	margin-top: 10px;
    margin-left: 9px; 
	margin-bottom: 10px;
    border: thin solid #000000;
    clear: left;
    width: 161px;
    background-color: white;
    text-align: center;
}
#campuses
{
    padding: 0px 0px 10px 35px;
    margin: 0px 0px 0px 0px;
    float: left;
    clear: left;
    width: 191px;
    text-align: center;
}


#resources p.title
{
    border-bottom: 1px solid orange;
    padding-bottom: 5px;
    font-weight: bold;
    color: #0038A8;
}


#announcement
{
	padding: 10px;
	background-image:   url(../images/bluelghthome.png);
    background-repeat:  repeat-x;
    background-color: white;
    margin-bottom: 5px;
}

#announcement h1
{
	color: black;
	width: 702px;
	margin: 0px 0px 0px 20px;
	padding: 20px 0px 0px 15px;
}

#announcement ul {
    list-style-type: disc;
	width: 702px;
	margin: 0px 0px 0px 45px;
	padding: 20px 0px 0px 15px;
	
}
#announcement ul li {
    padding-top: 5px !important;
	width: 702px;
}


#announcement ul li.white {
    color: white;
	padding-top: 5px !important;
}

#landingpages
{	float: left;
	width: 490px;
	text-align: center;
	padding-top: 0px;
	margin-left: 0px;
}

#landingpages #leftcol
{
	width: 244px;
	float: left;
}

#landingpages #rightcol
{
	width: 244px;
	float: right;
}

div.label
{
    text-align: left;
    font-weight: bold;
    color: #000;
    font-size: 12px;
    padding: 5px 0px 0px 20px;
}

#highlights
{   
    display: inline;
	float: right;
	width: 290px;
	padding: 0px 0px 10px 0px;
	margin-right: 10px;
	margin-left: 0px;
	
}

#highlights h2
{
float: left;
    font-size: 10pt;
    text-align: left;
    color: white;
    border-bottom: solid 1px #f68723;
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 5px 0px;
}

#highlights h3
{
    display: block;
    clear: left;
    font-size: 10pt;
    font-weight: normal;
    margin: 13px 0px 13px 0px;
    padding: 0px;
    color: #000;
}

#highlights a
{
    display: block;
    font-size: 10pt;
    padding: 0px;
    margin: 0px;
    color: #000;
    text-decoration: none;
    margin: 3px;
}

#highlights a:hover {
    display: block;
	color: #0038A8;
	text-decoration: none;
}

IMG.fbbadge   {
	display: block;
    margin-left: auto;
    margin-right: auto; 
}

/******************************************************************************/
/*               Center  Section  - Emergency Announcements                   */
/******************************************************************************/
div.emergency {
	font-family: Arial, Helvetica, Sans-Serif;
    color: #000000;
    height: 260px; /* height is included because the float for the campus dropdown does not work with only 3 paragraphs in the middle content*/
font-size: medium;
}

.emergency p {
    text-align: left;
    margin: 20px 25px 0px 25px;
    font-size: medium;
}  

.emergency p a {
    color: #0b3e91;
    text-decoration: none;
    font-size: medium;
}

.emergency p a:hover {
    color: #0b3e91;
    text-decoration: underline;
    font-size: medium;
}


/******************************************************************************/
/*                                    Footer                                  */
/******************************************************************************/

div#footer
{
	position:relative;
    display:block;
    background-color: #0b3e91;
    clear: both;
    width: 100%;
    font-size: x-small;
    margin: 0px;
    padding: 10px 0px;  
	z-index: 2;
}

div#footerlinks
{

    float: left;
    width: 740px;
    color: white;
    padding-left: 15px;   
}

div#footerlinks a {
    display: inline;
    color: #ffffff;
    text-decoration: underline;
    padding: 0px;
}

div#copyright 
{
    color: white;
    margin-left: 780px;
}


div.footer  p {
    margin: 0px;
    padding: 0px;
    font-size: x-small;
    color: #ffffff;
}

/******************************************************************************/
/*                          Placement Under Menu's                            */
/******************************************************************************/


div.undermenu
{
	clear: both;
	float: right;
	margin: 0px 5px 0px 15px;
	width: 210px;
	
}