/*-----------------------------------------------------------------------------
Theme Name: style.css
Version: 1.6
Company: Matador Web Group
Description: CSS Basic with fixed params and default selectors.
-----------------------------------------------------------------------------*/

/* Hack for IE6: *   */
/* Hack for IE7: *:  */

/* reseting styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0px;
	letter-spacing:-0.1px;
	background:#9cc7ef;
}


blockquote, q {
	quotes:none;
}

/* remember to define focus styles :) */
:focus {
	outline:0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}

/*** LINKS: Remember the rule: LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	outline:0;
	color:#003366;	
}

/*-----------------------------------------------------------------------------
Headers for the WebSite
-----------------------------------------------------------------------------*/

#web .bigheader 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:700;
}

#web .barsubheader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	/*background-color: #000066;*/
	background-color: rgb(0, 0, 102);
	color:White;
	font-weight:bold;
	height: 25px;
	vertical-align:middle;
}
/*-----------------------------------------------------------------------------
Basic structure of the WebSite
-----------------------------------------------------------------------------*/

div#web{
	position:absolute; 	
	top:0px;
	left:50%; 				
	margin-left:-478px; /* Substract half of the Container Div for the Horizontal center */
	width:978px;	
	color:#000;
	background:#9cc7ef url(../images/bgleft.gif) repeat-y left;
}

#web .logo{
float:left;
padding-left:40px;
width:229px;
height:112px;
}

#web .top{ 
float:left;
width:704px; 
height:112px;
text-align:right;
color:#003366;
line-height:20px;
background:url(../images/sun.png);
}

#web .toptext{
padding-top:11px;
padding-right:20px;
}

#web .toptext a{
text-decoration:none;
}

#web .toptext a:hover{
text-decoration:underline;
}


#web .topbuttons{
float:left;
text-align:left;
padding-top:13px;
padding-left:39px;
}



#web .content{
float:left;
margin-left:5px !important; /* FF  IE7 and Others */
margin-left:2px; /* Only IE6 */
min-height:754px;
height:auto !important;
height:754px;
background:#fff url(../images/bgright.gif) repeat-y right;
width:978px;
}


/*-----------------------------------------------------------------------------
Top Menu
-----------------------------------------------------------------------------*/

#web .menu{
	margin:0;
	padding:0;
	list-style:none;
}

#web .menu li {
	float:left;
	padding:0;
	margin:0;
	height:47px;
	list-style:none;
	background-repeat:no-repeat;
}

#web .menu li a, .menu li a:visited {
	display:block;
	text-decoration:none;
	text-indent:-3000px;
	height:47px;
	background-repeat:no-repeat;
}

#web .menu li {float:left;}

#web .menu:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
/* 3 state buttons. Use id=current for current page. */
#menu-programs {background-image:url(../buttons/programs-ov.png); width:123px;}
#menu-programs a {background-image:url(../buttons/programs.png);}
#menu-programs a#current{background-image:url(../buttons/programs-ov.png); width:123px;}

#menu-faqs {background-image:url(../buttons/enrollment-faqs-ov.png); width:192px;}
#menu-faqs a {background-image:url(../buttons/enrollment-faqs.png);}
#menu-faqs a#current{background-image:url(../buttons/enrollment-faqs-ov.png); width:192px;}

#menu-about {background-image:url(../buttons/about-pinnacle-ov.png); width:179px;}
#menu-about a {background-image:url(../buttons/about-pinnacle.png);}
#menu-about a#current{background-image:url(../buttons/about-pinnacle-ov.png); width:179px;}

#menu-enroll {background-image:url(../buttons/enroll-today-ov.png); width:158px;}
#menu-enroll a {background-image:url(../buttons/enroll-today.png);}
#menu-enroll a#current{background-image:url(../buttons/enroll-today-ov.png); width:158px;}

#menu-programs a:hover, #menu-faqs a:hover, #menu-about a:hover, #menu-enroll a:hover {background:none;}

/*-----------------------------------------------------------------------------
banner
-----------------------------------------------------------------------------*/

#web .banner{
float:left;
padding-top:7px;
padding-left:14px;
}

/*-----------------------------------------------------------------------------
center col (Homepage)
-----------------------------------------------------------------------------*/

#web .centercol{
float:left;
padding-top:15px;
padding-left:10px;
}

#web .programs{
float:left;
width:425px;
}

#web .imgfeatured{
display:block;
margin-left:14px;
padding:6px 2px 16px 1px;
}


#web .programbox{
float:left;
padding-left:11px;
padding-bottom:18px;
width:400px;
font-size:12px;
line-height:14px;
color:#162648;
}

#web .programbox img{
display:block;
float:left;
margin:0;
padding-left:20px;
width:315px;
}

#web .programbox h3{
font-weight:bold;
color:#193766;
}

#web .orange{
text-decoration:underline;
font-size:12px;
color:#e1800a;
}

#web .orange:hover{
text-decoration:none;
}

#web .programboxtext{
float:left;
padding-top:5px;
padding-left:20px;
width:375px;
}

#web .allprograms{
float:left;
padding-left:17px;
padding-top:11px;
height:29px;
}

#web .allprograms a{
font-size:12px;
color:#193766;
text-decoration:underline;
}

#web .allprograms a:hover{
text-decoration:none;
}



/* CSS for Horizontal bars */
div.hr {
float:left;
height:2px;
background:#d8dde5;
}
div.hr hr {display:none;}

#web .line{
margin-left:19px;
*margin-left:8px;
width:375px;
height:2px;
}

#web .accreditation{
float:left;
padding-left:13px;
padding-top:14px;
padding-bottom:10px;
width:302px;
font-size:12px;
}

#web .accreditation img{
padding-bottom:8px;
}

#web .stamp{
float:left;
padding-top:8px;
padding-bottom:4px;
padding-right:12px;
padding-left:20px;
}


#web .stories{
float:left;
padding-left:40px
margin-left:35px;
margin-right:0px;
text-align:center;
width:480px;
height:325px;
color:#CCC
}

#web .stories2{
float:left;
padding-left:10px
margin-left:0px;
margin-right:8px;
text-align:center;
width:250px;
height:325px;
color:#CCC
}

#web .stories2 a{
display:block;
padding-top:13px;
}

#web .stories2 span{
display:block;
padding-top:10px;
font-size:18px;
color:#193766;
}

#web .stories span{
display:block;
padding-top:10px;
font-size:18px;
color:#193766;
}

#web .personal{
float:left;
text-align:left;
padding-left:59px;
width:385px;
font-size:12px;
color:#162648;
}

#web .stories a{
display:block;
padding-top:13px;
}

#web .clear{
clear:both;
}

/*-----------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/

#web .mleft{
float:left;
width:983px !important; /* FF  IE7 and Others */
width:982px; /* Only IE6 */
height:11px;
background:url(../images/left.gif) no-repeat left;
}

#web .mright{
height:11px;
background:url(../images/right.gif) no-repeat right;
}

#web .mcenter{
margin-left:11px;
font-size:6px;
height:11px;
width:961px;
background:url(../images/center.gif) repeat-x;
}

#web .RegisterIm
{
margin-left:0px !important;
*margin-left:-1px;
}

#web .botbuttons{
float:center;
padding-top:25px;
padding-bottom:25px;
padding-right:10px;
padding-left:100px;
font-size:10px;
color:#193766;
background:#9cc7ef;
}

#web .botbuttons a{
text-decoration:none;
}

#web .botbuttons a:hover{
text-decoration:underline;
}

#subpage .botbuttons{
padding-top:20px;
}

/*-----------------------------------------------------------------------------
Left Col 
-----------------------------------------------------------------------------*/

#web .leftcol{
float:left;
width:240px;
}

#web .imgleftmenu{
display:block;
padding-left:16px;
padding-top:28px;
}

#web .imgleftmenubottom{
display:block;
padding-left:16px;
padding-top:38px;
}

/*-----------------------------------------------------------------------------
Right Col
-----------------------------------------------------------------------------*/

#web .rightcol{
float:left;
margin-top:9px;
width:719px;
min-height:187px;
height:auto !important;
height:187px;
font-size:12px;
line-height:18px;
color:#000;
background:url(../images/bgblue.png) no-repeat top;
}

#web h1{
padding-top:15px;
padding-left:14px;
margin-bottom:-1px;
font-size:19px;
letter-spacing:2px;
color:#000000;
}

#web h2{
padding-top:15px;
padding-left:0px;
margin-bottom:-1px;
font-size:19px;
letter-spacing:2px;
color:#000000;
}

#web .rightcol p{

padding-left:13px;
padding-bottom:18px;
}

#web .line2{
margin-left:15px;
*margin-left:7px;
width:674px;
height:1px;
}


#web .firstp{
padding-top:15px;
}

#web .firstp2{
padding-top:5px;
padding-left:25px;
}

#web .firstp img{
float:right;
padding-left:10px;
padding-right:30px;
}

#web .firstpleft{
padding-top:15px;
}

#web .firstpleft img{
float:left;
padding-left:10px;
padding-right:30px;
}

#web .studentp{
padding-top:0px;
}

#web .studentp img{
float:left;
padding-left:0px;
padding-right:20px;
}

/*-----------------------------------------------------------------------------
left submenu 
-----------------------------------------------------------------------------*/

#web .submenubox{
float:left;
padding-top:7px;
padding-left:18px;
}

#web .submenu{
	margin:0;
	padding:0;
	font-size:13px;
	list-style:none;
}

#web .submenu li {	
	margin:0;
	padding:0;
	height:29px;
	list-style:none;
	background-repeat:no-repeat;	
}

#web .submenu li a, .submenu li a:visited {
	display:block;
	padding-left:28px;
	width:194px;
	height:29px;	
	font-weight:bold;
	line-height:32px;
	text-decoration:none;
	color:#8c9bb2;
	background:url(../buttons/ico.gif) no-repeat left;

}


#web .submenu li {float:left;}

#web .submenu:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

#web .submenu li a:hover, #web .submenu #current2{
color:#193766;
background:url(../buttons/ico-ov.gif) no-repeat left;
}

#web .links{
padding-top:18px;
padding-left:13px;
color:#193766;
}

#web .SpaceDv{
padding-top:54px;
}

#web .EmailIm{
margin-left:-4px;
}

/*-----------------------------------------------------------------------------
forms
-----------------------------------------------------------------------------*/

#form .label{
text-align:right;
padding:0 10px 10px 0;
vertical-align:top;
}

#form .portallabel{
text-align:right;
padding:0 10px 0 30px;
}

#form .textbox{
padding-bottom:10px;
}

#form .format{
padding-left:3px;
font-size:10px;
color:#999999;
}