a:focus {outline:none;}

body 
{
    margin:0px;
    padding:0px;
    background:url(images/bg.png) repeat-x #ffffff;
    color:#000000;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;    
}

img
{
    border:none;
}

ul#news {list-style:none;margin:0;padding:0;border:0;}

#menuBg
{
    background:url(images/menuBg.png) no-repeat;
    width:770px;
    height:40px;
}

#overall
{
    margin-left:auto;
    margin-right:auto;
    width:770px;
    border-left:4px solid #435600;
    border-right:4px solid #435600;
    border-bottom:4px solid #435600;
    background:#FFF url(images/watermark.jpg) no-repeat bottom;
}

.hpLink
{
    border-bottom:5px solid #98c400;
}

.hpLink:hover
{
    border-bottom:5px solid #000;
}

.darkGreen
{
    color:#435600;
}

.green
{
    color:#98c400;
}

#dividerGreen
{    
    border-bottom:5px solid #98c400;
    margin-bottom:5px;
}

.dividerGreen
{    
    border-bottom:5px solid #98c400;
    margin-bottom:3px;
}

#backLink
{
    position:relative;
    height:33px;
    width:770px;
    top:142px;
}

#header
{
 width:770px;
 height:175px;
 background:url(images/header.jpg) no-repeat;
}

#headerIB
{
 width:770px;
 height:175px;
 background:url(images/headerIB.jpg) no-repeat;
}

#headerGrif
{
 width:770px;
 height:175px;
 background:url(images/headerGrif.jpg) no-repeat;
}

#menuBg
{
    background:url(images/menuBg.png) no-repeat;
    width:770px;
    height:40px;
}

#footer
{
    width:770px;
    min-height:69px;
    height:auto !important;
    height:69px;
    background:url(images/footer.jpg) no-repeat;
}

.menuLink
{
    float:left;
    margin-left:0px;
    height:33px;
}

.menuLink:hover
{
    float:left;
    margin-left:0px;
    height:33px;
}

.homeNavImg
{
    width:236px; 
    height:265px;
}

.homeNavImgText
{
    width:236px; 
    height:28px;
}

#content
{
    width:740px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:30px;
    min-height:400px;
    height:auto !important;
    height:400px;    
}

#contentSidebar
{
    width:770px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:30px;
    min-height:400px;
    height:auto !important;
    height:400px;
}

#sideBar
{
    height:auto !important;
	float:left; 
	width:250px; 
	text-align:right; 
	padding-left:10px;   
	display:block; 
}

#sidebarFull
{
	height:auto !important; 
	min-height:450px; 
	float:left; 
	width:250px; 
	text-align:right; 
	padding-left:10px; 
	text-align:right;
}

#sideBarTop
{
    background:#8eb700 url(images/sideBarTop.jpg) no-repeat top right;
    min-height:550px;
    height:auto !important;
    height:550px;
    width:240px;
    padding-top:10px;
    padding-right:10px;
    color:#fff;
    display:block;
}

#sideBarBottom
{
    background:url(images/sideBarBottom.jpg) no-repeat right;
    height:48px;
    width:250px;
}

#footer
{
    width:770px;
    min-height:69px;
    height:auto !important;
    height:69px;
    background:url(images/footer.jpg) no-repeat;
}

#footerContent
{
    width:740px;
    margin-left:auto;
    margin-right:auto;
    padding-top:12px;
    color:#fff;
}

a:link {
	color:#DBDFD1;
	font-size:100%;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:130%;
	font-weight:600;
}
a:visited {color: #DBDFD1; text-decoration: none; font-weight:600;}
a:hover {color:#000000; text-decoration: none; font-weight:600;}

a:link.yellowlinks, a:visited.yellowlinks 
{
	color:#FeFF5F;
	font-size:100%;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:130%;
	}
a:link.hover, a:link.active {color:#FeFF5F; text-decoration: none;}


a:link.news {
	color:#000000;
	font-size:100%;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:130%;
}
a:visited.news {color: #000000; text-decoration: none;font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;line-height:130%;}
a:hover.news {color:#435600; text-decoration: none;font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;line-height:130%;}

a:link.footerlink, a:visited.footerlink {
	color:#fff;
	font-size:11px;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:130%;
	font-weight:normal;
}

a:hover.footerlink {color:#98c400; text-decoration: none;}


a:link.sideBarLink {
	color:#fff;
	font-size:120%;	
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:150%;
	font-weight:bold;
}
a:visited.sideBarLink {color: #fff;text-decoration: none;font: 120% Verdana, Geneva, Arial, Helvetica, sans-serif;line-height:150%;font-weight:bold;}
a:hover.sideBarLink {color:#fff;background:#98c400;text-decoration: none;font: 120% Verdana, Geneva, Arial, Helvetica, sans-serif;line-height:150%;font-weight:bold;}

a:link.subSideBarLink {
	color:#98c400;
	font-size:100%;	
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:120%;
	font-weight:normal;
}
a:visited.subSideBarLink {color: #98c400; text-decoration: none;font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;line-height:120%;font-weight:normal;}
a:hover.subSideBarLink {color:#fff; text-decoration: none;font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;line-height:120%;font-weight:normal;}

a.toplinks, a:visited.toplinks {color:#5A6E27; text-decoration:none; font-weight:600; }
a:hover.toplinks, a:active.toplinks {color:Green; text-decoration:none; font-weight:600; }

#ourCoursesTitle
{
    height:30px; width:350px;
    background:url(images/titles/ourCourses.jpg) no-repeat;    
}

#contactUsTitle
{
    height:30px; width:350px;
    background:url(images/titles/contactUs.jpg) no-repeat;    
}

#newsTitle
{
    height:30px; width:350px;
    background:url(images/titles/newsEvents.jpg) no-repeat;    
}

#dvcTitle
{
    height:30px; width:350px;
    background:url(images/titles/dvc.jpg) no-repeat;    
}

#facSupTitle
{
    height:30px; width:350px;
    background:url(images/titles/facilitiesSupport.jpg) no-repeat;    
}

#dvcStudStaffTitle
{
    height:30px; width:350px;
    background:url(images/titles/studentStaff.png) no-repeat;    
}

#foiTitle
{
    height:30px; width:400px;
    background:url(images/titles/foi.png) no-repeat;    
}

#belowSideBar
{
    text-align:center;
    margin-top:20px;
}

a:link.download {
	color:#98c400;
	font-size:160%;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:180%;
}
a:visited.download {color: #98c400; text-decoration: none;font: 160% Verdana, Geneva, Arial, Helvetica, sans-serif;line-height:180%;}
a:hover.download {color:#000000; text-decoration: none;font: 160% Verdana, Geneva, Arial, Helvetica, sans-serif;line-height:180%; text-decoration:underline;}

a:link.course {
	color:#407511;
	font-size:110%;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:145%;
	font-weight:bold;
}
a:visited.course {color: #407511; text-decoration: none;font: 110% Verdana, Geneva, Arial, Helvetica, sans-serif;line-height:145%;font-weight:bold;}
a:hover.course {color:#000000; text-decoration: none;font: 110% Verdana, Geneva, Arial, Helvetica, sans-serif;line-height:145%; text-decoration:underline;font-weight:bold;}


.center
{
    margin-left:auto;
    margin-right:auto;
}

.titleHeading
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:200%;
}

.statusHeading
{   
    background:url(images/status_icon.gif) no-repeat 5px center #FFFDDF;
    border:1px solid #545454;
    color:#545454;
    padding:10px;
    padding-left:40px;
}

.statusHeadingSuccess
{   
    background:url(images/status_success.gif) no-repeat 5px center #FFFDDF;
    border:1px solid #0072bc;
    color:#545454;
    padding:10px;
    padding-left:40px;
}

.statusHeadingFailure
{   
    background:url(images/status_failure.gif) no-repeat 5px center #FFFDDF;
    border:1px solid #0072bc;
    color:#545454;
    padding:10px;
    padding-left:40px;
}

.button
{
    background:#990000;
    color:#ffffff;
    border:none;  
}

.clear
{
    clear:both; line-height:1px; height:1px; max-height:1px; min-height:0;    
}

ul li a, a:link, a:visited {color:Black;}
ul li a:hover, a:active {color:Green}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:770px; height:30px; position:relative; z-index:100; font-family:arial, sans-serif;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon  - MAIN MENU BAR */
.menu li {float:left; position:relative;}

/* style the links for the top level - MAIN MENU BAR*/
.menu a, .menu a:visited {display:block; color:#fff; height:33px;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#990000;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#ffc200;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:172px;border-top:3px solid #98c400;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links - dropdownmenu links */
.menu ul ul a, .menu ul ul a:visited {background:#fff; color:#435600;height:33px; width:128px; border-left:3px solid #98c400;border-right:3px solid #98c400;border-bottom:3px solid #98c400; text-align:center; font-size:12px; line-height:34px; font-weight:bold;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{background:#98c400; color:#fff; height:33px; font-size:12px; line-height:34px; font-weight:bold;} /* ie6 */
.menu :hover > a, .menu ul ul :hover > a {background:#98c400; color:#fff; height:33px; font-size:12px; line-height:34px; font-weight:bold;} /* ff */

.subMenu{color:#000; height:30px;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}