body
{
margin:0;
}

h2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	font-weight: normal;
}

h3
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	font-weight: bold;
}

h4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7BA7C7;
	font-weight: bold;
}
h5
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: lighter;
}


.footer
{
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(/images/footershort.jpg);
}

div.content {
	height: auto;
	width: 193px;
    background: #919195;
    float:left;
}

div.main 
{
    text-align: center;
    margin-left: 193px;
    width:624px;
}

div.main_content_lower
{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
color: #333333;

}

div.main_content
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:8px;
    color: #333333;
}

.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}
.style5 {
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
}


a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font: bold;
	text-decoration: underline;
	color: #7BA7C7;
	font-size: 12px;
}
a:visited {
	text-decoration: underline;
	color: #333333;
	font: bold;
}
.style7 {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #878787;
	font: bold;
}
.style9 {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.style11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}




/* New CSS */
#sectionHeader
{
    background-repeat:no-repeat;
    background-image:url("Images/CSC_page_header_new logo.gif");
    height:96px;
    width:823px;
}

#sectionBody 
{
    width:850px;
}

#sectionNavigation {
	height: auto;
	width: 194px;
    background: #919195;
    float:left;
}

#sectionMain
{
    text-align: center;
    margin-left: 193px;
    width:624px;
    top:0px;
    position:relative;
}

#sectionFooter
{
    margin-top:5px;
    height:50px;
    width:823px;
    background-color:White;
    color: Black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	/*red line*/
	border-top: solid 6px #C20000;
}


/* login control style */
#loginbox, #newuserbox
{ 
    border: 1px solid #E6E2D8;
    background-color: #F7F6F3;
    border-spacing:5px;
    font-family: Verdana;
    font-size: 8pt;
    color: #333333;
    width: 365px;
    position: relative;
    text-align: center;
    padding:5px;
}


#loginbox .title, #newuserbox .title
{
    font-weight: bold;
    font-size: 0.9em;
    color: White;
    background-color: #808080;
    margin:10px;
}

#loginbox .instructions, #newuserbox .instructions
{
    font-style:italic;
    color:Black;
    
}
#loginbox .text, #newuserbox .text
{
    font-size:small;
    font-family:Arial; 
}


#loginbox .input, #newuserbox .input
{
    font-size:small;
    font-family:Arial; 
    width:200px;
}

#loginbox input , #newuserbox input
{
    border: 1px solid #CCCCCC;
    background-color: #FFFBFF;
    font-family:Verdana;
    font-size:0.8em;
    color: #284775;
 }

#loginbox .dropdownlists
{
    font-size: 12px;
    color: black;
    font-family: Arial;
    font-weight: normal;
}


div.button
{ 
    font-family:Calibri;
    color: black;
    background-color:red;/* #CCCCCC;*/
    border: 2px solid;
    padding:0;
    margin:0;
    text-indent:12px;
    vertical-align:text-bottom;
        height: 27px;
    width: 97%;
    border-color: #CCCCCC #919195 #98A1A8 #DEDEDE;  
 }


a.menubutton:link, a.menubutton:visited {
	text-decoration: none ;
	color:black;
	background: #DEDEDE;
	display: block ;
	font-weight:bold;
	padding-top:5px;
    width: 100%;
    height:80%;

}
a.menubutton:hover {
	text-decoration: none ;
	color:ButtonHighlight;
	background: #7BA7C7 ;
	display: block ;
	padding-top:5px;
    width: 100%;
    height:80%;

}
a.menubutton:active {
	text-decoration: none ;
	color: black ;
	background: #DEDEDE ;
	display: block ;
	padding-top:5px;
    width: 100%;
    height:80%;

}