﻿
body 
{
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:140%;
	background-color: #f9fafc;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	
h1
{
	font-size:16px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding:4px 0;
}

h2 
{
	font-size:16px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

h3 
{
	font-size:13px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

h4 
{
	font-size:12px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

h5 
{
	font-size:12px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

h6 
{
	font-size:12px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FONT STYLES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.fontBlueBold
{	
	font-family: Verdana;
	font-size: 12px;	
	color: #27588b;
	font-weight: bold;	
}

.fontGreyBlue
{
	font-family: Verdana;
	font-size: 12px;	
	color: #475c72;	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TOP INFORMATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#top-information 
{
	font-size:9px;
	width:99%;
	height:55px;
	position:relative;
}
	
#logo 
{
	font-size:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	padding:4px 0 10px 0;
}

#logo a 
{
	color:#4A6BB3;
	text-decoration:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN NAV 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav-background
{
	background:#ffffff url(../../Images/Contents/header_1.jpg) no-repeat;	
	width:1680px;
	height: 313px;	
	top: 0px;
	left: 0px;		
}

#nav-background_2
{
	background:#ffffff url(../../Images/Contents/header_2.jpg) no-repeat;	
	width:1680px;
	height: 313px;	
	top: 0px;
	left: 0px;		
}

#nav-Menu
{
	position: relative;
	top: 59px;
	left: 370px;	
	width: 555px;
	font-size: 17px;	
	z-index: 6;
}

#nav-Menu-User
{
	position: relative;
	top: 59px;
	left: 450px;	
	width: 555px;
	font-size: 17px;	
	z-index: 6;
}


#nav-navImage
{	
	position: relative;	
	top: 28px;
	left: 380px;	
	z-index: 5;
}

#nav-leafImage
{
	position: relative;
	top: 290px;
	left: 840px;	
	width: 226px;	

}

#nav-login
{
	position: absolute;
	top: 340px;
	left: 745px;
	z-index: 6;
}

#nav-login a:link,
#nav-login a:visited 
{
	text-decoration:none;
	color:#7d9414;
}

#nav-login a:hover 
{
	color:#eea650;
	text-decoration:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column 
{
	margin-top:8px;
	margin-left:8px;
	padding:15px;
	width:751px;	
	border:1px solid #dcdcdc;
	background-color: #f6f6f6;	
	position:relative;
}

#content-main-stripe
{
	position: relative;
	background: url(../../Images/Contents/stripe_1.jpg) no-repeat;	
	top: -16px;
	left: -16px;
	border: 2px;
	width: 782px;
	height: 16px;
}

#content-main-two-column 
{	
	width:540px;	
	padding-left: 15px;
}

#content-side-two-column 
{		
	width:200px;		
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Master CSS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#master-table-left
{
	height: 700px;	
	background: url(../../Images/Contents/leftBackground.jpg) no-repeat;	
	vertical-align: top;
}

#master-admin-table-left
{
	height: 700px;	
	background: url(../../Images/Contents/InternalStaffNewsBackground.jpg) no-repeat;	
	vertical-align: top;
}


#master-table-main
{
	vertical-align: top;	
}

#master-left-content
{	
	position: relative;
	top: 80px;
	left: 0px;
	width: 180px;
	padding: 0px;	
}

#master-main-content
{	
	position: relative;
	top: 0px;
	left: 0px;
	width: 500px;
	padding: 10px;	
	vertical-align: top;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Default.aspx Page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



#default-stripe-2
{
	left: -10px;
	position: relative;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER-SUB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer-sub 
{
	background: url(../../Images/Contents/footer_1.jpg) no-repeat;	
	margin-top: 1px;
	margin-left: 8px;	
	width:783px;
	height: 90px;	
	position:relative;		
	font-size: 8px;
	color:#e6f2ff;	
}

#footer-nav-loc
{	
	top: 3px;
	left: 400px;		
	position: relative;
}

#footer-sub ul 
{
	margin:0;
	padding:0;
}
	
#footer-sub li 
{
	display:inline;
	list-style:none;
	padding:0 1em 0 0;
	background:none;
}

#footer-sub a:link,
#footer-sub a:visited 
{
	text-decoration:none;
	color:#e6f2ff;
}

#footer-sub a:hover 
{
	color:#eea650;
	text-decoration:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LOGIN 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#loginFormLocation
{
	position: relative;
	top: 40px;
	left: 40px;
	border-width: 1px;
	border-style: solid;
	width: 440px;
	height: 250px;
	padding: 0px;
	background: #f5f3ec;	
	border-color: #dacba3;
	z-index: 6;
}

#loginFormPanel
{
	position: relative;
	height: 800px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ADMIN CLIENTS CONTENT 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#adminClients
{
	position: relative;
	top: 0px;
	left: -60px;
}

.adminClientsMessage
{
	position: relative;
	top: -5px;
	left: 100px;
	z-index: 6;
}

#adminClientsTitle
{
	position: relative;
	top: -5px;
	left: 28px;
}

.adminClientsSubmit
{
	position: relative;
	text-align: left;
	
}

.adminClientsFocus
{
	position: relative;
	top: -10px;
	left: 30px;
}

.adminClientsTableLocation
{
	position: relative;
	top: -20px;
	left: 0px;			
}

.adminClientsDetails
{
	position: relative;	
	top: -10px;
	left: 10px;
	z-index: 6;
}

.adminClientsHeader
{
	padding: 50px;	
}

#adminClientsCrudFuntions
{
	position: relative;
	top: 0px;
	left: -40px;
	text-align: right;
	z-index: 6;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ADMIN HOME CONTENT 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#adminHome
{
	position: relative;
	top: 20px;
	left: -16px;
}

.adminHomeMessage
{
	position: relative;
	top: 0px;
	left: 50px;
}

#adminHomeTitle
{
	position: relative;
	top: -5px;
	left: 28px;
}

.adminHomeSubmit
{
	position: relative;
	top: 0px;
	left: -30px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	NEWS PARAGRAPH CONTENT 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#adminNewsParagraph
{
	position: relative;
	top: 20px;
	left: -16px;
}

.adminNewsParagraphMessage
{
	position: relative;
	top: 0px;
	left: 50px;
}

#adminNewsParagraphTitle
{
	position: relative;
	top: -5px;
	left: 28px;
}

.adminNewsParagraphSubmit
{
	position: relative;
	top: 0px;
	left: -30px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Designed By CONTENT 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#designedBy
{
	position: relative;
	top: 30px;
	left: 230px;
}