/*************************/
/* DACS			 		 */
/* main.css 			 */
/* Author: Matt Reynolds */
/********************************************************************************************/
/* This stylesheet contains structural elements of the DACS website. Do not edit it unless  */
/* you are knowledgable in CSS. Editing by unqualified indivduals can result in undesired   */
/* consequences that WILL be reflected on the web site.                                     */
/********************************************************************************************/
/* Contents:                                                                                */
/*		A1 Site Containers    																*/
/*		B2 Site Parts																		*/
/*		C3 General Tags																		*/
/*		D4 Classes																			*/
/*		E5 Icons																			*/
/*		F6 Anchors																			*/
/********************************************************************************************/

/************************************ A1 Site Containers ************************************/

/* THIS CONTAINS EVERYTHING IN THE SITE!!!!!												*/
#wrapper{
	width: 800px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	color: #0A3260;
}

/************************************ B2 Site Parts *****************************************/

/* This of course is your banner. Duh.														*/
#banner{
	width: 800px;
	height: 300px;
	background-color: #000000;
	background: url(../assets/images/structure/banner/banner_blue.gif); 
	background-repeat: no-repeat;								 
}

/* Contains both the left and right navigation columns										*/
#navigation{
	width: 800px;
	height: 55px;
	padding-top: 0px;
	background-color: #FFFFFF;
}

/* Your left navgation column.																*/
#nav_left{
	width: 298px;
	height: 45px;
	float: left;
	margin-top: 2px;
	margin-left: 2px;
	background-color: #FFFFFF;
}

/* Your right navgation column.																*/
#nav_right{
	width: 498px;
	height: 40px;
	float: right;
	margin-top: 10px;
	margin-right: 1px;
	background-color: #FFFFFF;
}

/* DONT TOUCH!!!!!!!!!																		*/
#navclearfloat{
	clear: both;
}

/* This is for the BIG BUTTONS!!!!!!!!!!!!!!!												*/
#large_nav{
	width: 800px;
	height: 100px;
	margin-top: 0px;
	background-color: #CACACA;
}

/* This is your left column on the main template.											*/
#content_left{
	width: 298px;
	height: auto;
	float: left;
	margin-right: 1px;
	background-color: #ECE9D8;
}

/* This is your right column on the main template.											*/
#content_right{
	width: 498px;
	height: auto;
	float: right;
	margin-left: 1px;
	background-color: #ECE9D8;
}

/* This is used only on the no_columns template. This is the main content area.				*/
#content{
	width: 800px;
	height: auto;
	background-color: #ECE9D8;
}

/* DONT TOUCH */
#clearfloat{
	clear: both;
}

/* Creates the Footer 																		*/
#footer{
	width: 800px;
	height: 50px;
	background-color: #000000;
}

/* Format the paragraph tag inside the footer.												*/
#footer p{
	margin: 0;
	padding: 8px 0 0 0;
	text-align: center;
	color: #FFFFFF;
}

/* Formats the paragraph tag inside the nav_right div.										*/
#nav_right p{
	margin-top: 5;
	text-align: center;
	font-size: 15px;
}

/************************************ C3 General Tags ***************************************/

html{
	height: 100%;
	margin-bottom: 1px;
}

body{
	margin: 0px;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #FFFFFF;
}

/* Gets rid of crappy purple box that appears around a hyperlinked image.					*/
img{
	border: none;
}

/************************************ D4 Classes ********************************************/

/* This is a Heading Class. Any Text in the site you would like to have a heading, use this.*/
.heading{
	font-size: 200%;
	color: #0A3260;
	text-align: left;
	font-weight: normal;
	padding: 5px 10px 10px 10px;
}

/* This is a Class for body text. Any text in the website should have this class to keep 	*/
/* consistency.																				*/
.body_text{
	color: #0A3260;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	text-align: left;
	font-size: 15px;
}

.list{
	color: #0A3260;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	font-size: 15px;
}

.bold{
	color: #0A3260;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
}

/* This Class modifies the horizontal rule, it shortens it by two percent, and changes color*/
.rule{
	width: 98%;
	color: #0A3260;
}

.blue_bar{
	width: 800px;
	height: 3px;
	background-color: #0A3260;
}

.footer_links{
	font-size: 13px;
}

.rights{
	color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.form{
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding_five{
	padding-left: 5px;
}

.contact{
	color: #0A3260;
	padding-left: 20px;
	text-align: left;
	font-size: 18px;
}

.contactH{
	color: #0A3260;
	padding-left: 0px;
	text-align: left;
	font-size: 25px;
}

/************************************ E5 Icons **********************************************/

#network{
	width: 50px;
	height: 50px;
	background: url(../assets/images/structure/icons/network.gif);
	background-repeat: no-repeat;
}

#security{
	width: 50px;
	height: 50px;
	background: url(../assets/images/structure/icons/security.gif);
	background-repeat: no-repeat;
}

#it_outsource{
	width: 50px;
	height: 50px;
	background: url(../assets/images/structure/icons/shield.gif);
	background-repeat: no-repeat;
}

#services{
	width: 50px;
	height: 50px;
	background: url(../assets/images/structure/icons/services.gif);
	background-repeat: no-repeat;
}

#care{
	width: 50px;
	height: 50px;
	background: url(../assets/images/structure/icons/broom.gif);
	background-repeat: no-repeat;
}

#request{
	width: 200px;
	height: 75px;
	background: url(../assets/images/structure/icons/request.gif);
	background-repeat: no-repeat;
}
	
#network:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#security:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#it_outsource:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#services:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#care:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#request:hover{
	width: 200px;
	height: 75px;
	background: url(../assets/images/structure/icons/request_over.gif);
	background-repeat: no-repeat;
}

/************************************ F6 Anchors ********************************************/

/* General Hyperlinks */
a:link{text-decoration: none; color: #666666;}
a:hover{text-decoration: none; color: #000000;}
a:active{text-decoration: none; color: #CACACA;}
a:visited{text-decoration: none; color: #245EDC;}

/* Navigation Hyperlinks */
.nav_right:link {text-decoration: none; color: #000000;}
.nav_right:hover {text-decoration: none; color: #F7C113;} 
.nav_right:active {text-decoration: none; color: #CACACA;}
.nav_right:visited {text-decoration: none; color: #245EDC;}

/* Footer Hyperlinks */
.footer:link {text-decoration: none; color: #FFFFFF;}
.footer:hover {text-decoration: none; color: #F7C113;}
.footer:active (text-decoration: none; color: #CACACA;}
.footer:visited {text-decoration: none; color: #245EDC;}