﻿/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
}
.skinmaster {
	height: 100%;
	background-color: #f3f5fa;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
	font-style: normal; 
	background-color: Transparent;
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
	font-style: normal; 
	background-color: Transparent;
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover
{
    background-color: #ffffff;
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;

}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	color: #000000;
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
	color: #000000;	
}

.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}

/******************************** Seth Edits ******************/
.news {
	float: left;
	width: 200px;
	margin-top: 20px;
	height: 325px;
	margin-left: 0px;
	border-top: 1px solid #D7D7D7;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/******************************** From Static Site ******************/
/* Page Elements */

body 
{
    margin: 0px;
    padding:0px;
    text-align:left;
    background: url(images/bg2.jpg) repeat-x;
}

#Container {
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	width: 623px;
	height: auto;
}



body,td,th 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}

h1 {font-size: small;color: #286834;margin: 5px;padding: 0px;}

h2 {margin: 1em 0 0; padding: 0; font-size: 12px;color: #7296FF;}

p { margin-left: 0; padding-left: 0;} 

a:link {text-decoration: none;color: #286834;}

a:visited {text-decoration: none;color: #286834;}

a:hover {text-decoration: none;color: #7296FF;}

a:active {text-decoration: none;color: #7296FF;}

.style2 {color: #333333}

.style3 {
	color: #286834;
}

.Lilheaders {font-size: 12px;font-weight: normal;color: #7296ff;}

#Lines {width: 400px;border-bottom: 1px solid #CCCCCC;font-size: 12px;padding-bottom: 5px;}



/* Containers */

#Header {float: left;width: 623px;text-align: right;margin-top: 50px;}

#photoholder {float: left;width:623px;height:205px;}

#thephoto { width:623px;height:205px;}

#BODY2 {
	float: left;
	width: 623px;
}

#BODY3 {float: left;width: 623px;height: auto;margin-top: 15px;}

#BODY4 {float: left;width: 623px;height: 740px;margin-top: 15px;}

#BODY5 {float: left;width: 623px;height: auto;margin-top: 15px;}

#LeftNav {float: left;height: 500px;width: 405px;padding-right: 2px;padding-left: 2px;}

#PNav {padding: 3px 3px 15px;float: left;width: 150px;border: 1px solid #E1E1E1;}

#RP {
	float: left;
	width: 450px;
	margin-left: 15px;
	height: auto;
	margin-bottom: 20px;
}

#RP img {border:1px solid #D7D7D7;}

#RP img:hover {border:1px solid #666666;}

#RightContent {float: left;height: 320px;width: 177px;margin-left: 25px;border: 1px solid #D7D7D7;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;margin-bottom: 10px;}

#Projects {float: left;height: 150px;width: 293px;border-top: 1px solid #d7d7d7;margin-top: 10px;padding-top: 5px;}

#News {
	float: left;
	width: 200px;
	margin-top: 20px;
	height: 325px;
	margin-left: 0px;
	border-top: 1px solid #D7D7D7;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#News3 {float: right;width: 400px;margin-top: 20px;height: 150px;padding-top: 5px;margin-left: 0px;border-top: 1px solid #D7D7D7;}

#News2 {
	width: 400px;
	border-top: 1px solid #D7D7D7;
	padding-top: 20px;
	height: 100%;
	float: right;
}

#LeftContact {float: left;height: 280px;width: 178px;background: url(images/topbar.gif) repeat-x;border: 1px solid #D7D7D7;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}

#RightContact {float: left;height: 200px;width: 405px;margin-left: 20px;padding: 0px 2px;}

.Footer {
	width: 623px;
	padding-top: 10px;
	border-top: 1px solid #D7D7D7;
	margin-top: 10px;
	height: auto;
}



/* Clients List */

#Clients {float: left;width: 150px;padding-top: 2px;padding-bottom: 2px;margin-top: 3px;background: #FFFFFF;}

#Clients a {float: left;width: 150px;margin-top: 3px;color: #333333;}

#Clients a:hover {}





/* Recent Project Boxes */

.P1 {
	float: left;
	width: 125px;
	margin-top: 20px;
	padding-right: 20px;
}

.P1 a span { font-size: 10px; color: #333; }

.P1 img { margin-bottom: 6px; }

.P1 a { display: block; padding: 5px 10px 10px; width: 175px; height: auto; background:rgb(250,250,250); border:1px solid rgb(215,215,215); }

.P1 a:hover {
}



.P2 {	float: left;width: 120px;margin-top: 10px;}

.P2 a span { font-size: 10px; color: #333; }

.P2 img { margin-bottom: 6px; }

.P2 a { display: block; padding: 10px; width: 120px; height: 90px; background:rgb(250,250,250); border:1px solid rgb(215,215,215); }

.P2 a:hover { color: rgb(0,150,255); display: block; padding: 10px; width: 120px; height: 90px; background:rgb(245,245,245); border:1px solid rgb(160,160,160); }





/* Menu Elements */

#menua a.hmenu {DISPLAY: block; BACKGROUND: #FFFFFF; WIDTH: 75px; COLOR: #333333; LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: center; TEXT-DECORATION: none}

#menua a.hmenu:link {DISPLAY: block; BACKGROUND: #FFFFFF; WIDTH: 75px; COLOR: #000; LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: center; TEXT-DECORATION: none}

#menua a.hmenu:visited {DISPLAY: block; BACKGROUND: #FFFFFF; WIDTH: 75px; COLOR: #000; LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: center; TEXT-DECORATION: none}

#menua a.hmenu {FLOAT: left}

#menua a.hmenu:link {FLOAT: left}

#menua a.hmenu:visited {FLOAT: left}

#menua a.hmenu:hover {
	BACKGROUND: inherit none;
	COLOR: #286834;
}

#menua a.hmenu:active {BACKGROUND: #FEFEFF; COLOR: #fff}

#menua {HEIGHT: 25px;float: left;margin-top: 7px;font-size: 10px;}
