/***********************************************************************
File:			DVunited.css
Description:			
Created:		Nov 26, 2011
Modified:		
Author: 		Ryan R. Marzan
/***********************************************************************

/***************************************************************
INTERFACE-WIDE Styles
***************************************************************/
body {
	margin:0;
	padding:0;
	background-color:#003366;
	background-image:url(../images/dvUnited_bg.jpg);
	background-repeat:repeat-x;
	font-family: arial, verdana;
	font-size: 14px;
	color:navy;
}

#containerDiv { /*centers gui*/
	width:970px;
	margin-left: auto;
	margin-right: auto;
}

/****************************
Universal text
****************************/
H1 {font-size:50px;color:#CFF; margin-left:50px; margin-top:50px; margin-bottom:10px; display:block; padding-bottom:10px; text-align:right; font-family:Georgia, "Times New Roman", Times, serif; }
h2 { padding:0; margin:0; display:block; clear:both;  padding-bottom:10px;}
h2.red { color:red;}
h2.blue { color:#013363;}
h2.green { color:#266141;}
h3 {  padding:0; margin:0; font-size:16px; font-weight:bold; color:#066;}

/****************************
Header
****************************/
#headerDiv {
	border:0px solid red; /*guide*/
	background-image:url(../images/dvUnited_nav.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	clear:both;
	height:100px;
}

/****************************
Main focus area
box that holds logo and
main image
****************************/
#focusArea {
	/*background-color:#ccc;*/
	height:310px;
	margin-top:-125px;
	margin-left:15px;
	}

#logoDiv {
	border: 1px solid silver;
	background-color:#ccc;
	background-image:url(../images/DVunited_siteLogo.jpg);
	margin-left:35px;
	margin-top:35px;
	margin-bottom:10px;
	margin-right:20px;
	width: 275px;
	height: 300px;
	position:relative;
	/*z-index:999;*/
	float:left;
}

#mainImage {
	border: 1px solid #ccc;
	background-color:#ccc;
	width: 590px;
	margin-top:0px;
	height: 300px;
	float:left;
	clear:right;
}

/****************************
Navigation
****************************/
#tabDiv {
	/*margin-top:50px;*/
	/*border:1px solid green;*/
	position:relative;
	z-index:988;
	padding-top:60px;
}

ul#menu
{
	padding:0;
	/*border:1px solid green; /*guide*/	
	list-style:none;
	text-align:center; /*left or center align entire menu*/
	/*background:666; /*bg entire menu*/
	margin:0 auto;
	font-size:11px;
	font-family:arial, sans-serif;
	font-size:16px;
	text-transform:capitalize;
	text-transform:uppercase;
	height:41px;
	left:0;
	position: relative;
	z-index: 1;
}

ul#menu ul
{
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	left:-9999px;
	z-index:3; 
	float:left;	
}

ul#menu table 
{
	border-collapse:collapse;
	font-size:1em;
	float:left;
	margin:-1px;
	z-index:3; 	
}

ul#menu ul li 
{
	float:left;
	margin:0;
	text-align:left;
	z-index:3; 
}

ul#menu ul li a
{
	display:block;
	line-height:20px;
	margin:0;
	padding:0 10px;
	background:transparent;
	width:150px;
	z-index:3; 	
}

ul#menu li
{
	/*background:#666;*/
	display:inline;
	margin:0 -2px;
	text-align:left;
}

ul#menu li a 
{
	display:inline-block;
	height:36px;
	margin:5px 0 0 0;
	padding:0 20px 0 0;
	background:url(file:///Macintosh%20HD/Users/RAMadmin/Sites/images/tab_main.gif) right top;
	line-height:30px;
	text-decoration:none;
	color:#fff;
}

ul#menu li a.sub
{
	background:url(file:///Macintosh%20HD/Users/RAMadmin/Sites/images/tab_main_arrow.gif) right top;
}

html>/**/body ul#menu li 
{
	display:inline-block; 
	padding:0;
}

* html ul#menu li a.sub
{
	margin-right:3px;
}

* html ul#menu li a 
{
	margin-bottom:-4px;
}

ul#menu li a b 
{
	display:block;
	height:36px;
	float:left;
	padding:0 0 0 20px;
	background:url(file:///Macintosh%20HD/Users/RAMadmin/Sites/images/tab_main.gif) left top;
	cursor:pointer;
}

ul#menu li a:hover
{
	position:relative;
	background-position:right bottom;
	color:#004475;	/*This changes the hover text color*/
}

ul#menu li a:hover b
{
	background-position:left bottom;
}

ul#menu li:hover
{
	position:relative;
}

ul#menu li:hover > a 
{
	background-position:right bottom;
	color:#A1F88B;
}

ul#menu li:hover > a b 
{
	background-position:left bottom;
}

ul#menu :hover ul
{
	left:1px;
	width:105px;
	top:41px;
}

* html ul#menu :hover ul
{
	top:36px;
}

ul#menu :hover ul li
{
	display:block;
	float:left;
	margin:0;
	border-bottom:1px solid #fff;
}

ul#menu :hover ul li a
{
	display:block;
	float:left;
	margin:0;
	height:25px;
	line-height:25px;
	width:95px;
	background:#d9e8f0; /*Controls the default background color of the drop down menu*/
	color:#004475; /*Controls the text color of the drop down menu*/
}

ul#menu :hover ul li a.fly
{
	background:#ddd url(file:///Macintosh%20HD/Users/RAMadmin/Sites/images/arrow.gif) no-repeat right center;
}

ul#menu :hover ul li a:hover
{
	background:#004475; /*Controls the color of HOVER in any drop down menu*/ 
	color:#fff;
}

ul#menu :hover ul li:hover > a 
{
	background:#c60; 
	color:#fff;
}

ul#menu :hover ul li a.fly:hover
{
	background:#c60 url(file:///Macintosh%20HD/Users/RAMadmin/Sites/images/arrow-over.gif) no-repeat right center;
}

ul#menu :hover ul li:hover > a.fly 
{
	background:#c60 url(file:///Macintosh%20HD/Users/RAMadmin/Sites/images/arrow-over.gif) no-repeat right center;
}

ul#menu :hover ul ul
{
	left:-9999px;
}

ul#menu :hover ul :hover ul
{
	left:105px; top:0; 
	width:150px;
}

ul#menu :hover ul :hover ul li
{
	display:block;
	float:left;
	margin:0;
	border-bottom:1px solid #fff;
}

ul#menu :hover ul :hover ul li a 
{
	display:block;
	float:left;
	margin:0;
	height:25px; 
	line-height:25px;
	background:#bbb;
	color:#000;
}

ul#menu :hover ul :hover ul li a:hover
{
	color:#fff;
	background:#840;
}



#cssmenu{ height:37px; display:block; padding:0; margin:0;  border:0px solid; border-radius:0px; } 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
#cssmenu > ul > li:first-child > a{border-radius:0px 0 0 0px;} 
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:0px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
#cssmenu ul li.has-sub:hover > a{ background:#266141; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{background:#266141; border-color:#3f3f3f;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 0px 0px; z-index:999; } 
#cssmenu ul li > ul{width:200px;} 
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 
#cssmenu{border-color:#3589a1;} 
#cssmenu > ul > li > a{border-right:0px solid #3589a1; color:#fff;} 
#cssmenu > ul > li > a:after{border-color:#266141;} 
#cssmenu > ul > li > a:hover{background:#266141;} 



/****************************
Body
****************************/
#bodyDiv { /*main container that holds the entire site*/	
	background-color:#fff;
	background-image:url(../images/dvunited_bodyBG.jpg);
	background-repeat:repeat-x;
	background-color:white;	
	/*border-top:150px solid #266141;*/
	/*margin-top:-50px;*/
	min-height:400px;
	padding:35px;
}

/****************************
divs
****************************/

#divCenter { width:100%; min-height:10px; margin-top:310px;}
#divLeft { float:left; width:245px; background-color:#dfeeee; padding:15px; }
#divRight {float:right; width:600px; padding:10px; }

#divSubLeft {float:left; width:46%; padding:10px; }
#divSubRight {float:right; width:46%; padding:10px; clear:right !important; }

#divSubLeft2 {float:left; width:245px;}
#divSubRight2 {float:right; width:600px; padding:10px; clear:right !important; }

#divSubpageTop { float:right; border:1px solid black; }
#divGSA { border:1px dotted #ccc; padding:10px; float:left; width:100%; }

#divNews { float:left; width:245px; padding:15px; border:1px dotted #ccc;  }

/****************************
text and spans
****************************/
.divider { margin-left:-20px;}
.bigLetter { float:left; padding:10px; font-size: 42px; margin-top:-15px; margin-right:-5px; margin-bottom:-30px; }
.logoTextBox { border-right:1px solid silver; /*background-color:#fff;*/ padding:10px; margin:10px; margin-right:10px; margin-left:0; float:left; width:150px; height:95px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-align:right; vertical-align:middle;}


/****************************
weblist
****************************/
.webListDiv { display:block; clear:both;}
#webList ul { margin: 0; list-style: none; display:block; clear:both;}
#webList li { margin: 0; padding: 5px; list-style-type:none; display: block; margin-left: -40px;}
#webList img { float:left; padding-right:10px; padding-top:10px; border:0;}
#webList a { color: #336699; margin: 0; padding: 5px 12px;	background: #f2f7fa url('../images/image.jpg') no-repeat 0px -22px; text-decoration: none; display: block; border: 1px solid #CCCCCC; height:140px; cursor:pointer;}
#webList a:hover { color: #336699; background: #edf9f9 url('../images/image.jpg') no-repeat 0px -22px;	text-decoration: none; height: 140px; display: block; border: 1px solid #336699;cursor:pointer;}
.webListTitle { color: #0066cc !important; font-family:Arial, Helvetica, sans-serif; font-size: 16px !important;	font-weight:bold !important; padding-top: 10px; padding-bottom:3px; margin-top:0px; margin-bottom:-10px; display:block;}
.webListDesc { color: #336699 !important; font-weight:normal; font-size: 12px !important; margin-top:10px; display:block;}
.webListPOC { color: #666666 !important; font-weight:normal; font-size: 11px !important; margin-top:5px; display :block;}


#GSAlist li { margin-left:30px; display:block; padding:3px;}
#GSAlist li a { text-decoration:none;}

/************************************************************************
	Buttons
 ***********************************************************************/
/*class for all buttons.  changes here will affect all buttons*/
a.btn { display:block; width:75px; border:1px solid #000; color:white; font-size:11px; text-decoration :none; padding:5px; padding-left:5px; padding-right:5px; margin-top:10px; margin-bottom:10px; }
a:hover.btn { border:1px solid red; }

/*individual button definitions*/
a#btnBlue { background-color:#013363; color:white;}
a#btnRed { background-color:red; color:white;}
a#btnGreen { background-color:#266141; color:white;}

/************************************************************************
	Images
 ***********************************************************************/
/*If an image needs to be aligned a certain way*/
img.leftJustify { float:left; padding-right:10px; padding-bottom:50px; padding-top:0px;}
img.rightJustify { float:right; padding-left:10px; padding-bottom:10px;}
img.centerJustify { display:block; margin-left: auto; margin-right: auto; padding-bottom:10px;}
img.homeImage { position:relative; z-index:99; margin-left:-15px; }

/****************************
footer
****************************/
#footerDiv { /*main container that holds the entire site*/
	/*border:1px solid red; /*guide*/
	clear:both;
	height:100px;
	text-align:center;
	color:#fff;
	padding-top:20px;
}

#footerlist li { display: inline; list-style-type: none; padding-right: 20px;}

/***************************************************************
PAGE SPECIFIC Styles
***************************************************************/