/*
   
   OCC Style Sheet
   Author: Brett Taylor	
   Date:   11-28-12

   Filename:  OCCstyle.css
   Supporting Files: Front1.jpeg, Front2.jpeg, Front3.jpeg, Front4.jpeg,
   
   

*/

	body          {margin: 0px; padding: 0px; font-size: 15px; 
                  font-family: Calibri, Verdana, sans-serif;
                  background: rgb(149, 179, 215)}
	
#outer {width: 126em}

/*	
.logo {margin-left: 18px; margin-bottom: 20px;}
*/

#contact {float:left; text-align:center; width: 870px; color:white; background: rgb(2, 4, 60); line-height: 1.5; 
		  border-style:inset; border-width: 1px; padding: 5px; margin-left: 7px; margin-top: 0px; font-size: 115%;}
		  
#contact1 {float:left; text-align:center; width: 870px; color:white; background: rgb(2, 4, 60); line-height: 1.5; 
		  border-style:inset; border-width: 1px; padding: 5px; margin-left: 7px; margin-top: -6px; font-size: 115%; }	
		  
#contact2 {float:left; text-align:center; width: 880px; color:white; background: rgb(2, 4, 60); line-height: 1.5; 
		  border-style:inset; border-width: 1px; padding: 5px; margin-left: 7px; margin-top: -8px; font-size: 115%; }		  	  
		  
#contact3 {float:left; text-align:center; width: 900px; color:white; background: rgb(2, 4, 60); line-height: 1.5; 
		  border-style:inset; border-width: 1px; padding: 5px; margin-left: 7px; margin-top: -3px; font-size: 115%; }	
		  
#contact4 {float:left; text-align:center; width: 885px; color:white; background: rgb(2, 4, 60); line-height: 1.5; 
		  border-style:inset; border-width: 1px; padding: 5px; margin-left: 7px; margin-top: -7px; font-size: 115%; }	  
		  
#contact5 {float:left; text-align:center; width: 880px; color:white; background: rgb(2, 4, 60); line-height: 1.5; 
		  border-style:inset; border-width: 1px; padding: 5px; margin-left: 7px; margin-top: -8px; font-size: 115%; }
		  
#contact6 {float:left; text-align:center; width: 865px; color:white; background: rgb(2, 4, 60); line-height: 1.5; 
		  border-style:inset; border-width: 1px; padding: 5px; margin-left: 7px; margin-top: -25px; font-size: 115%; }		  		  

#image {float:left; margin-left:1px; }

#image1 {float:left; margin-top:6px; margin-left:5px}

#newsbox {float:left; margin:1px}
#Logo {margin-left:300px}
#Logo a img { border: 3px solid white;} 
#Logo img:hover {border: 3px solid black;} 
    
#content {margin-left:18em; padding-left: 2px; border-left: 0.1em solid orange}


.toolbar {position: absolute; top: 76px; left: 330px; width: 900px; padding: 10px;}	
.toolbar li {display:inline; background-color:white; border:2px solid; border-color: rgb(255,192,0); margin: 0; margin-right:-3px; padding:8px; zoom: 1; font-size: 150%; 
			font-family: Arial, Helvetica, sans-serif Verdana, sans-serif}
.toolbar a:link {color: black; text-decoration: none}
.toolbar a:hover {color: black; text-decoration: none}
.toolbar a:visited {color: black}

.toolbar1 	 {width: 195px; padding: 0px;}	
.toolbar1 li {display:block ; background-color:white; border:2px solid; border-color: rgb(203,203,203); margin-left:25px; margin-top:10px; padding:8px; font-size: 250%; 
			  font-family: Arial, Helvetica, sans-serif Verdana, sans-serif}
.toolbar1 a:link {color: black; text-decoration: none}
.toolbar1 a:hover {color: black; text-decoration: blink}
.toolbar1 a:visited {color: black}


#pageContent          {position: absolute; top: 144px; left: -4px; width: 1500px;}
                     

#pageContent h1       {background-color: white;
                       font-weight: bold; font-size: 28px; letter-spacing: 6px;
                       margin: 0px; padding: 0px 0px 5px 10px}

#pageContent h2       {font-size: 26px; text-align: center; margin: 0px 0px 10px 0px;
                       color: white; letter-spacing: 5px}
#pageContent p        {font-size: 12px}


#leftColumn		      {float: left; width: 300px}
#middleColumn         {float: left; width: 1000px; margin-left:7px; margin-right: 0px}
#middleColumn1        {float: left; width: 1000px; margin-left:-14px; margin-right: 0px}
#middleColumn2        {float: left; width: 1000px; margin-left:-14px; margin-right: 0px}
#rightColumn          {float: left; width: 100px; margin-left:-118px}

#profile1a    		  {position:absolute; top: 140px; left: 450px; width: 700px}
#profile2a			  {position:absolute; top: 250px; left: 450px; width: 700px}
.profiles             a {color: black}
.profiles			  a:link {color: black; text-decoration: none}
.profiles			  a:hover {color: blue; text-decoration: none}


#Bcardaddress		  {position:absolute; top: 50px; left: 550px; width: 700px}
#BcardEd			  {position:absolute; top: 150px; left: 550px; width: 700px}
#BcardHelen			  {position:absolute; top: 250px; left: 550px; width: 700px}

#News                 {width: 380px; margin-top: -5px}
#News h2              {background-color: rgb(255,192,0)}
#News p               {margin: 0px 0px 10px}

.boxContent li a:link 		  {color: blue; text-decoration: underline;}
.boxContent li a:visited 	  {color: blue; text-decoration: none;}
.boxContent li a:hover 		  {color: black; text-decoration: underline;}
.boxContent h4 a:link 		  {color: black; text-decoration: none; margin-left:295px}
.boxContent h4 a:visited 	  {color: black; text-decoration: none;}
.boxContent h4 a:hover 		  {color: blue; text-decoration: underline;}

#box1                 {width: 885px; }
#box1 h2              {background-color: rgb(2, 4, 60)}
#box1 p               {margin: 0px 0px 0px; font-size: 20px; font-family: Calibri, Verdana, sans-serif}

#box2             	  {width: 900px; margin-bottom: 10px}
#box2 h2         	  {background-color: rgb(202,148,28)}
#box2           	  {margin: 0px 0px 10px}

#box3                 {width: 885px; }
#box3 h2              {background-color: rgb(2, 4, 60)}
#box3 p               {margin: 0px 0px 0px; font-size: 18px; font-family: Calibri, Verdana, sans-serif}
#box3 li			  {font-size: 14px; font-family: Calibri, Verdana, sans-serif}

#box4                 {width: 900px}
#box4 h2              {background-color: rgb(2, 4, 60)}
#box4 p               {margin: 0px 0px 0px; margin-left:0px; font-size: 18px; font-family: Calibri, Verdana, sans-serif}
#box4 li			  {font-size: 14px; font-family: Calibri, Verdana, sans-serif}

#box5                 {width: 448px; margin-top: -7px}
#box5 h2              {background-color: rgb(2, 4, 60)}
#box5 li              {margin: 0px 0px 0px; font-size: 18px; font-family: Calibri, Verdana, sans-serif}
#box5 li			  {font-size: 14px; font-family: Calibri, Verdana, sans-serif}

#box6                 {width: 440px; position: absolute; top: 415px; left: 730px; }
#box6 h2              {background-color: rgb(2, 4, 60)}
#box6 li              {margin: -2px -2px -2px -2px; font-size: 18px; font-family: Calibri, Verdana, sans-serif}
#box6 li			  {font-size: 14px; font-family: Calibri, Verdana, sans-serif}

#box7                 {width: 240px; margin-top: -7px; padding-left: -5}
#box7 h3              {text-align: center; text-decoration:underline}
#box7 li              {margin: -2px -2px -2px -2px; font-size: 14px; font-family: Calibri, Verdana, sans-serif;}


#box8                 {width: 380px; position: absolute; top: 71px; left: 524px; margin-bottom: -100px; }
#box8 h3              {text-align: center; text-decoration:underline}
#box8 li              {margin: -2px -2px -2px -2px; font-size: 14px; font-family: Calibri, Verdana, sans-serif}

#box9                 {width: 305px; position: absolute; top: 71px; left: 902px; }
#box9 h3              {text-align: center; text-decoration:underline}
#box9 li              {margin: -1px -1px 0.1px -1px; font-size: 14px; font-family: Calibri, Verdana, sans-serif}

#box10                 {width: 920px; }
#box10 h2              {background-color: rgb(2, 4, 60)}
#box10 p               {margin: 0px 0px 0px; margin-left:0px; font-size: 18px; font-family: Calibri, Verdana, sans-serif}
#box10 li			  {font-size: 14px; font-family: Calibri, Verdana, sans-serif}


#links                 {width: 250px; }
#links h2              {background-color: rgb(255,192,0)}



.topLeft              {background: url(topleft1.png) no-repeat top left}
.topRight             {background: url(topright1.png) no-repeat top right}
.bottomLeft           {background: url(bottomleft1.png) no-repeat bottom left}
.bottomRight          {background: url(bottomright1.png) no-repeat bottom right}
.top                  {background: url(top.png) repeat-x top}
.bottom               {background: url(bottom1.png) repeat-x bottom}
.left                 {background: url(left.png) repeat-y left}
.right                {background: url(right1.png) repeat-y right}
.roundedBox           {margin: 0px; background-color: white}
.boxContent           {padding: 16px }

.ntopLeft              {background: url(topleft4.png) no-repeat top left}
.ntopRight             {background: url(topright4.png) no-repeat top right}
.nbottomLeft           {background: url(bottomleft4.png) no-repeat bottom left}
.nbottomRight          {background: url(bottomright4.png) no-repeat bottom right}
.ntop                  {background: url(top4.png) repeat-x top}
.nbottom               {background: url(bottom4.png) repeat-x bottom}
.nleft                 {background: url(left4.png) repeat-y left}
.nright                {background: url(right4.png) repeat-y right}
.roundedBox            {margin: 5px; background-color: white}
.roundedBox1		   {margin: 0px; background-color: white}
.boxContent            {padding: 16px }
.boxContent1           {padding: 1px }
.boxContent2           {padding: 1px }
.boxContent li		   {font-size: 20px; font-family: Calibri, Verdana, sans-serif}


                        


#bottomimages1        {display:inline; padding: 6px; margin-top: 0px; margin-right: -3px; margin-left: 2px}
#leftimage1			  {margin-top: 6px; margin-left: 5px}
#leftimage2			  {margin-left: 5px}
#leftimage3			  {margin-left: 5px}

.email {font-weight: bold; font-style:italic; text-decoration: none}
.email a {color: white}
.email a:link {color: blue; text-decoration: none}
.email a:hover {color: blue; text-decoration: none}

.email1 {font-weight: bold; font-style:italic; text-decoration: none}
.email1 a {color: black}
.email1 a:link {color: blue; text-decoration: none}
.email1 a:hover {color: blue; text-decoration: none}

.training1 a {color: black}
.training1 a:link {color: black; text-decoration: underline}
.training1 a:hover {color: blue; text-decoration: underline}

.click {font-size:14px}


a:hover {
	text-decoration:none;
}

a {
	text-decoration:none;
}

#interface1 {
	z-index:1;
}

#loader_container {
    text-align:center;
    position:absolute;
    top:40%;
    width:100%}

#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}

#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}

#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}

.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}



/*Image Title Styling*/

.title_h2 {
 padding:12px 0 0 18px;
}

h2 {
	font-size:14px;
	padding:0;
	margin:0;
	font-family: "century gothic";
}

.Description1{
	margin-left:30px
	margin-top:0px;
	border-style: none; border-color:white; border-width:5px;	
	float:left;
	width:400px
	font-family: Helvetica;
	color: black;
}
.Description1 p{
	font-size:135%;
	color:black;
	text-align:left;
	padding-left:85px;
	padding-right:70px;
	padding-top:30px;
	font-family: Helvetica;	
}

.Description1 a{text-decoration: none; color: white}
.Description1 a:hover {color: blue}

.Description1  li{font-family: Arial;}

.Description2{
	margin-left:60px;
	margin-top:0px;
	border-style: none; border-color:white; border-width:5px;	
	float:left;
	width:400px
	font-family: Helvetica;
	color: black;
}

.Description2 p{
	font-size:135%;
	color:black;
	text-align:left;
	padding-left:85px;
	padding-right:70px;
	padding-top:30px;
	font-family: Helvetica;	
}	

.Description2 a{text-decoration: none; color: white}
.Description2 a:hover {color: blue}




.Description3 {
	
}	

.Description3 a{text-decoration: none; color: white}
.Description3 a:hover {color: blue}


.color p{
	color:inherit;
}