﻿body {font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;font-size: 14px;
      background-image: url('images/Background_Grey.jpg'); background-repeat: repeat;}
h2{font-size: 26px;text-shadow: #999999 1px 1px 1px;font-family: 'Times New Roman' , Times, serif;color: #CC6600;margin:1px;font-variant:small-caps}
h3{font-size: 15px;text-shadow: #999999 1px 1px 1px;color: #000080;font-weight: bold;}
h4{font-size: 20px;font-family: 'Times New Roman' , Times, serif;color: #000080;margin:1px;font-variant:small-caps;font-weight:600}
h6 {font-size:12px;font-weight:600}
hr {margin:2px}

.footer {background-color:#e0f1fe;padding:4px}
.header {background-color:#e0f1fe;padding-top:10px}
.workBody {min-height:500px;margin-top:10px;padding:2px 20px 10px 20px }
.homeBanner {min-height:50px;border-bottom:4px dotted maroon;margin-bottom:20px;padding-bottom:20px}
.sideBar {background-color:antiquewhite;padding-bottom:15px;min-height:650px;}


/* Border Elements  ============================================================================*/
.border01 {border:2px solid maroon}
.borderRed {border:1px solid red}
.borderBlue {border:1px solid blue}
.borderGreen {border:1px solid green}

.radius4 {border-radius:4px}
.radius6 {border-radius:6px}
.radius8 {border-radius:8px}

.buttonShadow{box-shadow: 3px 3px 7px 0px #656565;}
.shadow01 {box-shadow: 4px 4px 5px 0px rgba(120,120,120,1);}   
.shadow02 {box-shadow: 4px 4px 5px 0px rgba(51,51,51,1);}
.shadow03 {box-shadow: 4px 4px 5px 0px rgba(0,0,0,1);}

/* Link Modifier Elements  ===========================================================================*/
.whitelink, .redlink, .navylink, .yellowlink, .bluelink, .blacklink, .maroonlink {font-size:unset;color:unset}

.whitelink  { color : white;text-decoration : none; }
.redlink  { color : red;text-decoration : none; }
.navylink  { color : navy;text-decoration : none; }
.yellowlink  { color : yellow;text-decoration : none; }
.bluelink  { color : blue;text-decoration : none; }
.blacklink  { color : black;text-decoration : none; }
.maroonlink  { color : maroon;text-decoration : none; }
.whitelink:hover, .redlink:hover, .navylink:hover, .yellowlink:hover, .bluelink:hover, .blacklink:hover, .maroonlink:hover {text-decoration:underline;color:unset}

/* LIST ELEMENTS   
----------------------------------------------------------*/
.linklist{margin: 5px;	font-size: large;font-weight: normal;}
.linklist ul {}
.linklist li{padding: 10px;list-style-type: none;height: 25px;border: 1px solid Transparent;color: #034af3;text-decoration: none;
            margin-left:30px;margin-bottom:5px;margin-right:20px;height:60px}
.linklist li:hover{border: 1px solid #444;background-image: url('images/bardarkblue.png');background-repeat: repeat;color: #FFFFFF;
	                border-radius: 5px;cursor: pointer;}
.linklist a{text-decoration: none;}
.linklist a:hover{text-decoration: none;color: #FFFFFF;}
.linklist img {position:relative;top:-3px;left:-6px;}
.linklist li .title{display:block;line-height:18px}
.linklist p{font-size:12px;margin-top:0px;margin-bottom:0px;padding:0px;text-indent:0px;}

/* Modifier Elements  ===========================================================================*/
.bold{font-weight:bold}
.pad4 {padding:4px}
.pad8 {padding:8px}
.pad16 {padding:16px}
.pad24 {padding:24px}
.padV4 {padding-top:4px;padding-bottom:4px}
.padV8 {padding-top:8px;padding-bottom:8px}
.padV16 {padding-top:16px;padding-bottom:16px}
.padV24 {padding-top:24px;padding-bottom:24px}

.smallText {font-size:13px;}
.smallText h6 {font-size:15px;font-weight:600;}

/* Navigation  ==================================================================================*/
.navigation {background-color :maroon;font-size:15px;padding:4px 10px}
/*.navigation a,.navigation a:visited{color: #ffffff;display: inline-block;line-height:10px;padding: 6px;text-decoration: none;white-space: nowrap;
                                    border-right:1px solid #ffffff;border-left:1px solid #ffffff;margin:-2px;}
.navigation a:hover{background-color: white;color:maroon;text-decoration: none;}
.navigation a:active{background-color: #465c71;color: #cfdbe6;text-decoration: none;}
.navigation .first {border-left:none}
.navigation .last {border-right:none}*/

#nav{list-style:none; font-weight: normal; }


#nav .navMain {margin-right:15px;}
#nav li{float:left;	position:relative;margin-top:1px;line-height:18px}
#nav a{	display:block;padding:5px;color:#fff; background:maroon; text-decoration:none;}
#nav a:hover{color:#fff;background:#6b0c36;	text-decoration:none;}

/*--- DROPDOWN ---*/
#nav ul{background:#f00; list-style:none;position:absolute;left:-9999px;border:1px solid black}
#nav ul li{padding-top:0px; float:none;margin-top:0px}
#nav ul a{white-space:nowrap;}
#nav li:hover ul{left:-20px}
#nav li:hover a{background:#dd0000;	text-decoration:none;}
#nav li:hover ul a{text-decoration:none;box-shadow: 4px 4px 5px 0px #656565;padding:8px;margin-left:1px}
#nav li:hover ul li a:hover{background:#f00;}
