/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */

/*
Light Grey:	#736E6E;
Grey:		#4A3F3F;
Burgandy:	#94686b;
L Burgandy:	#b09b9a
very L Bur:	#f1eded

/*  IDS  */

/* NB --- do NOT style base HTML tags
body{}
*/

#bodyContainer { 
	text-align:center;
	background:transparent url(../images/background/background.jpg) repeat-x center top;
}
		
#container {
	margin:22px auto 0 auto;
	width:967px;
	text-align:left;
	color: #736E6E;
	background: transparent url(../images/background/container_background.gif) repeat-y center top;
}

/* @group 1. header */
#header {
	display:block; width:967px; height:106px; 
	margin:0; padding: 0;
	background: transparent url(../images/background/containerTop_background.gif) no-repeat center top;
}

#logotypeBox {
	display: block;
	width:376px; height: 65px;
	padding: 41px 0 0 33px;
	float:left;
}

/* @end */

/* @group 2. navigation */
#navigation {
	display:block; clear:both;
	margin: 0 8px; padding: 0 0 0 18px;
	width:933px; height:33px;
	background-color: #94686b;
	border-top: 1px solid #B09B9A;
}

#searchBox {
	width:250px;
	float:right;
}

/* @end */

/* @group 3. Top Panel */

#topPanelBox {
	display: block;
	clear: both;
	margin: 0 8px;
	width: 951px; height:217px;
	background: #b09b9a url(../images/background/banner_background.jpg) no-repeat left center;
}

.template_Inside #topPanelBox {
	height: 137px;
}

#topPanel {
	display: block;
	margin: 0;
	padding: 30px 20px 10px 700px;
	width: 231px;
	height: 177px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
}

.template_Inside #topPanel {
	padding: 20px 20px 10px 600px;
	width: 321px; height: 107px;
}

/* @end */

/* @group 4. Main Content */

#mainContentBox { 
	display:block; 
	width:881px;
	margin: 25px 38px 25px 48px;
	padding: 0 0 20px 0;
}

.template_Inside #mainContentBox {
	width: 910px;
	margin-left: 20px;
}

.mainContent, .secondaryContent { 
	display: block; float: left;
	margin:0; padding:0;
}


/* 4.1 main content */
.mainContent {
	margin:0; padding:0;
	width: 560px; margin: 0 101px 30px 0;
}

.template_Inside .mainContent {
	float: right;
	width: 641px; margin: 0 0 30px 49px;
}


/* 4.2 sidePanel */
.secondaryContent {
	width: 220px;
	background-color: #f1eded;
	margin-bottom: 30px;
}

.template_Inside .secondaryContent {
	padding:12px 10px 0 10px;
	width:200px;
}

/* @end */

/* @group 5. footer */
	
#footer { 
	clear:both; display:block; 
	width:100%; 
	margin:20px 0 0 0; 
}

#footerNav { 
	display:block; clear: both;
	width: 100%; 
	padding: 30px 0 10px 0;
	background: transparent url(../images/background/footerTop_background.gif) no-repeat left top;
}

.colA, .colB, .colC, .colD, .colE, .colF, .colZ {
	display: block; float: left;
}

#footerNav div.colA {
	margin: 0 32px 0 48px;
}
#footerNav div.colB {
	margin: 0 32px 0 0;	
}

#footerNav div.colC {
	margin: 0 32px 0 0;	
} 
#footerNav div.colD {
	margin: 0 32px 0 0;	
} 
#footerNav div.colE {
	margin: 0 32px 0 0;	
} 
#footerNav div.colF {
	margin: 0 32px 0 0;	
} 
#footerNav div.colZ {
	float: right;
	padding: 9px 26px 0 0;
}

#signOff { 
	display:block; clear: both;
	width: 878px;
	margin: 0 auto;
	padding: 20px 41px 0 48px;
	background: transparent url(../images/background/footerEnd_background.gif) no-repeat left top;
	color: #918E8E;
}

#KpoweredByBox {  
	display:block; float:right;
	width: 25%; height:20px;
	text-align: right;
}

/* @end */

/* @group CLASSES  */

.hide{}
.show{}

.col2 { display:block; width:100%; }
.lhcol { float:left; width: 45%; margin-right:5%; }
.rhcol { float: right; width:50%; }

.content { margin: 0; padding:0;}

.secondaryContent .inner {
	padding:16px 8px;
}

.clearer {
	display: block; clear: both;
	width: 100%;
	height: 2px;
}

/* @end */

/* @group HEADINGS  */

/* NB --- do NOT style base HTML tags
h1{}
h2{}
h3{}
h4{}
h5{}
*/


.mainContent h2, .secondaryContent h2 {
	display: block; width: 100%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;	
	padding-bottom: 2px; margin-bottom: 10px;
	border-bottom: 1px dotted #a8a29b;
}

h2.pageName {
	font-size: 150%;
	display: block; width: 100%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	padding-bottom: 2px; margin-bottom: 20px;
	border-bottom: 1px dotted #a8a29b;
}




#footerNav div.colA h3, #footerNav div.colB h3, #footerNav div.colC h3, 
#footerNav div.colD h3, #footerNav div.colE h3, #footerNav div.colF h3, 
#footerNav div.colZ h3 {
	font-size: 67%;
	display: block;
	margin: 0 0 7px 0;
	font-weight: bold;
	color: #625959;
}

/* @end */

/* @group PARAGRAPHS  */

/* NB --- do NOT style base HTML tags
p{}
*/

p.status {
	width: 208px;
	margin-top: 3px;
	float: left;
	font-size: 67%;
	border-right: 1px solid #736E6E;
}

p.parent {
	float: right;
	margin-top: 3px;
	font-size: 67%;
}

p.breadcrumbs { font-size:77%; }

p.copyright {
	font-size: 67%;
	float:left;
}


/* @end */

/* @group LISTS  */

ul.headerNav {
	display: block; float: right;
	font-size: 67%;
	margin: 20px 35px 0 0;
}

ul.headerNav li {
	display:inline;
	text-align: right;
	margin:0; padding:0;
}

ul.headerNav li a {
	color: #4A3F3F;
	margin: 0; padding: 0;
}

ul.headerNav li.hN_logi {
	padding-right: 6px;
	margin-right: 5px;
	border-right: 1px solid #736E6E;
}

ul.headerNav li a:hover {
	color: #000;
}

#navigation ul, #footerNav ul   {
	float:left;
	list-style-type:none;
	margin:0; padding:0;
	font-size:75%;
}

#navigation ul {
	width: 576px;
	background: transparent url(../images/background/navigation.gif) no-repeat left top;
}

#navigation ul.mainNav_home { background-position: left -33px;}
#navigation ul.mainNav_abou { background-position: left -66px;}
#navigation ul.mainNav_cour { background-position: left -99px;}
#navigation ul.mainNav_stud { background-position: left -132px;}
#navigation ul.mainNav_poli { background-position: left -165px;}
#navigation ul.mainNav_news { background-position: left -198px;}
#navigation ul.mainNav_cont { background-position: left -231px;}


#navigation li, #footerNav li {
	display:inline;
	margin:0; padding:0;
}

#navigation li a {
	display: block; float: left;
	width: 70px; height:33px;
	text-indent: -12345em;
	text-decoration: none;
	color: #FFF;
	outline: none;
}


#navigation li#mN_home a { width: 60px; }
#navigation li#mN_abou a { width: 73px; }
#navigation li#mN_cour a { width: 84px; }
#navigation li#mN_stud a { width: 95px; }
#navigation li#mN_poli a { width: 94px; }
#navigation li#mN_news a { width: 63px; }
#navigation li#mN_cont a { width: 89px; }



.secondaryContent ul  {
	margin:0; padding:0;
	font-size:0.6875em;
	width: 189px;
	margin-bottom: 30px;
	list-style-type: none;
}

.secondaryContent ul ul {
	list-style-type: none;
	margin: 0; padding: 0 0 0 1.5em;
	font-size:1em;
}

.secondaryContent li {
	padding: 0; margin: 0;
}

.secondaryContent li a { 
	display:block; padding: 4px 0;
	color: #94686b;
}

.secondaryContent li.active a {
	color: #000;
}

.secondaryContent li.active li a {
	color: #94686b;
}

.secondaryContent li.active li.active a {
	color: #000;
}

.secondaryContent li a:hover {
	color: #000;
	text-decoration: underline;
}

ul.breadcrumbs {
	display: block;
	font-size: 67%;
	margin: 0 0 20px 0; padding: 0;
}

ul.breadcrumbs li {
	display:inline;
	margin:0; padding:0;
}

ul.breadcrumbs li a {
	color: #4A3F3F;
	margin: 0 5px 0 0; padding: 0 6px 0 0;
	border-right: 1px solid #736E6E;
	
}

ul.headerNav li a:hover {
	color: #000;
}


#footerNav div.colA li, #footerNav div.colB li, #footerNav div.colC li, 
#footerNav div.colD li, #footerNav div.colE li, #footerNav div.colF li, 
#footerNav div.colZ li {
	display: block;
	font-size: 100%;
	line-height: 1.2em;
}

#footerNav div.colA li a, #footerNav div.colB li a, #footerNav div.colC li a, 
#footerNav div.colD li a, #footerNav div.colE li a, #footerNav div.colF li a, 
#footerNav div.colZ li a {
	font-size: 90%;
	color: #625959;
}


/* @end */

/* @group IMAGES  */

/* NB --- do NOT style base HTML tags
img{ }
img a{ }
img a:hover{ }
*/

/* @end */

/* @group BREAK  */


/* NB --- do NOT style base HTML tags
hr{}
*/

.clearer hr { display:none; }

/* @end */

/* @group LINKS  */

/* NB --- do NOT style base HTML tags
a{ }
a:hover{ }
a:visited, a:active, a:focus{ }
a:visited{ }
a:active{ }
a:focus{ }
*/

#footerNav h3 a {
	color: #625959;
}

p.breadcrumbs a { }
p.breadcrumbs a:hover { }

a img { border-width:0;}

/* @end */

/* @group FORMS  */

form.searchForm {
	display: inline;
	float: right;
	margin:4px 25px 0 0; padding:0;
	width: 190px;
}

#searchInput {
	color:#736E6E;
	font-family:Verdana,Arial,sans-serif;
	font-size:67%;
	height:16px; width:150px; /* [height] OR [width]- padding = [actual height] OR [actual width] */
	margin-top:0 !important; padding:2px 0 0 5px;
	border:1px solid #cfc9c6;
}

#searchGo {
	vertical-align: bottom;
}

/* NB --- do NOT style base HTML tags
form{}

fieldset{}
legend{}
label{}
input{}
textarea{}
select{}
optgroup{}
option{}
*/

/* @end */