/* CSS Document */

/* Positioning */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

#container {
	position:absolute;
	width:776px;
	height:650px;
	left: 170px;
	top: 47px;
}

#header {
	position:absolute;
	width:730px;
	height:100px;
	background-image: url(images/doxabanner.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	}
	
	#header img {
	float: right;
	}

#detail {
	position:absolute;
	width:776px;
	height:550px;
	z-index:0;
	top: 100px;
	background-image:url(images/contentbgnd.jpg);
	background-repeat: no-repeat;
}


/* for youth template */
#detail-youth {
	position:absolute;
	width:776px;
	height:550px;
	z-index:0;
	top: 100px;
	background-image:url(images/youthbgnd.jpg);
	background-repeat: no-repeat;
}

	#menu {
	/* see doxa-menu.css */
	}
	
	
	
	#content {
	position:absolute;
	width:672px;
	height:414px;
	left: 45px;
	top: 34px;
	z-index:0;
	}
	
		#content img {
		border: none;
		}
		
		/* for feature template */

		#maintext {
		position:absolute;
		width:420px;
		height:396px;
		padding: 10px;
		left: 0px;
		top: 0px;
		z-index:0;
		overflow: auto;
		}

	
		#featuretext {
		position:absolute;
		width:212px;
		height:366px;
		padding: 10px;
		padding-top: 40px;
		left: 440px;
		top: 0px;
		z-index:0;
		}
		
		/* for general template */

		#maintext2 {
		position:absolute;
		width:672px;
		height:396px;
		padding: 10px;
		left: 0px;
		top: 0px;
		z-index:0;
		overflow: auto;
		}
		
		/* for youth template */

		#maintext3 {
		position:absolute;
		width:320px;
		height:396px;
		padding: 10px;
		left: 0px;
		top: 0px;
		z-index:0;
		overflow: auto;
		}

	
		#featuretext3 {
		position:absolute;
		width:312px;
		height:396px;
		padding: 10px;
		padding-top: 10px;
		padding-right: 10px;
		left: 340px;
		top: 0px;
		z-index:0;
		}


	#footer {
	position:absolute;
	width:691px;
	left: 46px;
	top: 486px;
	}


/* Typography */

a:link {text-decoration: none; color: #999999;}
a:visited {text-decoration: none; color: #999999;}
a:active {text-decoration: none; color: #999999;}
a:hover {text-decoration: underline; color: #999933;}

#submenu a:link {text-decoration: none; color: #0f4f87;}
#submenu a:visited {text-decoration: none; color: #0f4f87;}
#submenu a:active {text-decoration: none; color: #0f4f87;}
#submenu a:hover {text-decoration: underline; color: #0f4f87;}


h1 a:link {text-decoration: none; color: #0f4f87;}
h1 a:visited {text-decoration: none; color: #0f4f87;}
h1 a:active {text-decoration: none; color: #0f4f87;}
h1 a:hover {text-decoration: underline; color: #999933;}


h2 a:link {text-decoration: none; color: #a7ac2a;}
h2 a:visited {text-decoration: none; color: #a7ac2a;}
h2 a:active {text-decoration: none; color: #a7ac2a;}
h2 a:hover {text-decoration: underline; color: #a7ac2a;}

p  {
font-size: 9pt;
font-weight: bold;
color: #727272;
line-height: 14pt;
margin-top: 0px;
margin-bottom: 10px;
}

#maintext3 p {
color: #FFFFFF;
}

ul {
margin: 10px;
padding: 5px;
}

li  {
font-size: 9pt;
font-weight: bold;
color: #727272;
list-style-image: url(images/dot.jpg);
line-height: 14pt;
}

.largetext {
font-size: 16pt;
line-height: 20pt;
font-weight: bold;
color: #5c5c5c;
text-align: left;
} 

.quote {
font-size: 8pt; 
line-height: 10pt;
font-weight: bold;
font-style: italic;
color: #727272;
}

.submenu {
text-align: center;
font-size: 9pt;
font-weight: bold;
color: #0f4f87;
text-transform: lowercase;
}

img.imageleft {
float: left;
padding: 10px;
padding-left:0;
}

img.imagecenter {
text-align: center;
}


#maintext3 p {
color: #FFFFFF;

}

h1 {
font-size: 9pt; 
font-weight: bold;
color:#0f4f87;
margin-top: 0px;
margin-bottom: 10px;
text-transform: capitalize;
}
 
 
h2 {
font-size: 9pt; 
font-weight: bold;
color:#a7ac2a;
}

td, th, input, select  {
font-size: 9pt;
color: #727272;
line-height: 14pt;
margin-top: 0px;
margin-bottom: 10px;
}


th {
text-align: left;
font-weight: bold;
vertical-align: top;
}

#footer p {
	font-size: 8pt;
	color: #666666;
	font-weight: normal;
	line-height: 10pt
}