/* ======== DomainName.com Screen Stylesheet ::
Author:     Bayasgalan Boroo
Created:    14/09/2009
Updated:    
TOC:        Resets; HTML & Body; Links; Typography; Lists; Tables;
        Classes; Template; Navigation; Page Styles; Forms; Other;
----------------------------------------------------------------- */

@charset "utf-8";

/* LAYOUT */
/*--------------------------*/
*, html, body {
	margin:0;
	padding:0;
}

a img {
	border:0 none;
}


div#wrap {
	width:960px;
	margin: 0 auto;
	padding: 9px 0 0 0;
}

div#header {
	width:100%;
}

	div#logo {
		width:100%;
		height:69px;
		padding:0;
		
		background:url(../images/logo.gif) no-repeat;
	}
	
		div#logo a.homelink {
			display:block;
			float:left;
			width:795px;
			height:100%;
		}
		
		div#logo div.donate_button {
			float:left;
			width:165px;
		}
		
	div#slogan {
		background-color:#B8E6ED;
		height:43px;
	}
	
		div#slogan p {
			color:#DA3459;
			font-family:Georgia, "Times New Roman", Times, serif;
			line-height:43px;
			margin:0;
		}
		
		.floatright {
			float:right;
		}
		
		div#slogan p.main_slogan {
			font-size:25px;
			margin-left:30px;
		}
		
		div#slogan p.sub_slogan {
			font-size:20px;
			margin-right:25px;
		}
	
	div#menus {
		padding:0;
		width:100%;
	}

		div#mainmenu {
			padding:0;
			border-bottom:1px solid #F2F2F2;
		}
		
			div#mainmenu div.inner {
			}
			
				div#mainmenu div.inner ul {
				
				}
			
				div#mainmenu div.inner ul li {
					list-style:none;
					float:left;
				}
				
				div#mainmenu div.inner ul li {
					padding:0px;
				}
				
				div#mainmenu div.inner ul li, div#mainmenu div.inner ul li a {
					color:#444444;
					font-family:Arial, "Times New Roman", Times, serif;
					font-size:12px;
					text-decoration:none;
				}
				
				div#mainmenu div.inner ul li a {
					display:block;
					height:47px;
					width:120px;
					text-align:center;
				}
				
				div#mainmenu div.inner ul.menu li li a {
					text-align:left;
					height:auto;
					margin:0 5px;
					width:190px;
				}
				
				div#mainmenu div.inner ul li a span {
					line-height:47px;
					background-image:url(../images/menu_arrow.gif);
					background-repeat: no-repeat;
					background-position:3px top;
					padding:0 0 0 12px;
				}
				
				div#mainmenu div.inner ul li li a span {
					background-image:none;
					line-height:30px;
				}
				
				div#mainmenu div.inner ul li {
					
				}

div#breadcrumb {
	padding:6px 0 6px 30px;
}

div#breadcrumb, div#breadcrumb a {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#051A3A;
	font-size:11px;
	text-decoration:none;
}

div#topleft {
	width:710px;
	margin:0;
	float:left;
}

div#topright {
	width:250px;
	margin:0;
	float:left;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#444444;
}

	div#topright a {
		color:#DB3A5E;
		text-decoration:none;
	}
	
	div#topright div.button {
		width:250px;
		height:40px;
		background-color:#B8E6ED;
		margin-bottom:10px;
	}
		div#topright div.button a {
			display:block;
			background-image:url(../images/bg_button.gif);
			background-repeat:no-repeat;
			margin:0 33px 0 25px;
			background-position:right center;
			height:40px;
		}
		
			div#topright div.button a span {
				line-height:40px;
			}

div#center {
	width:710px;
	padding: 0px;
	float:left;
}

	div#center div#special {
		background:#F1F6FE;
		color:#232323;
		padding:10px 20px;
	}
	
	div#center div#special a.readon {
		color:#051A3A;
	}
	
	div#center div#special .contentheading, div#center div#special .contentpagetitle {
		color:#051A3A!important;
	}
	
	div.blog_more, div.blog_more div {
		background:#FFFFFF!important;
	}
	
	div.blog_more ul {
		list-style:none;
	}

div#right {
	width:230px;
	margin: 0 0 0 20px;
	float:left;
}

div.footer_line {
	width:936px;
	margin:0 auto 10px auto;
	border-top:1px solid #F1F6FE;
}

div#footer {
	width:100%;
	background-image:url(../images/index_bg.gif);
	background-repeat:repeat-x;
	background-color:#F3FBFC;
	border-bottom:2px solid #FFFFFF;
	padding-bottom:18px;
	padding-top:18px;
}

.footer p, .footer p a {
	font-size:11px;
	color:#232323;
	text-decoration:none;	
}

div#footerwhite {
	border-top:1px solid #D7F1F4;
	width:100%;
	margin:0 auto;
	padding-top:18px;
	padding-bottom:18px;
}

.copyright, .footermenu a, .footermenu, .pedalolink, .pedalolink a, .gullywithlink, .gullywithlink a {
	float:left;
	color:#FFFFFF;
	text-decoration:none;
}

.footermenu ul {
	list-style:none;
}

.footermenu ul li {
	float:left;
	margin-right:5px;
}

.copyright {
	padding:16px 0 12px 16px;
}

.footermenu {
	padding:13px 0 12px 130px;
}

.copyright, .copyright a, .pedalolink, .pedalolink a, .copyright a:visited, .pedalolink a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
}

.footermenu, .footermenu a, .gullywithlink, .gullywithlink a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
}

.pedalolink {
	padding:16px 0 12px 130px;
}

.gullywithlink {
	padding:13px 0 12px 105px;
}

.contentheading {	
	font-family:Georgia;
	font-size:18px;
	color:#444444;
}

.article_column {
	padding:0 20px;
}


#IEroot div#center, #IEroot div#left, #IEroot div#right {
	margin-top:7px;
}
/* COLOURS */

div#content { background:#FFFFFF; padding-top:20px; }
div#center .contentheading, div#center h1, div#center a.contentpagetitle, .componentheading { color:#444444; text-decoration:none; }
.menu_nav a, .menu_nav { color:#65352D; }

/* FONTS */

body {
font-family:Georgia;
font-size:12px;
color:#444444;
}

div#center p, div#center h2, div#center h3, div#center h4 {
line-height:150%;
}

div.gmap { z-index:100; }


/*----------- Pagination
==============================*/

.pagination {
	background:#FFFFFF!important;
	padding:15px 0 0 0;
}

.pagination span, .pagination a, .pagination strong {
	display: inline;
	margin:0 10px 0 0;
}

.pagination span, .pagination a {
	border:1px solid #F1F6FE;
	padding:5px;
}

.pagination span {
	color:#CCCCCC;
}

.pagination a {
	color:#051A3A;
	background:#F1F6FE;
	text-decoration:none;
}

.pagination a:hover, .pagination a:focus, .pagination a:active {
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
}

#center hr.blue {
	border-left:0 none;
	border-right:0 none;
	border-bottom:0 none;
	border-top:1px solid #F1F6FE;
	margin:10px 0;
}

a.readon {
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	color:#974B00;
	text-decoration:none;
}

a.readon:hover {
	font-style:italic;
}

#left .moduletable, #right .moduletable {
	margin-bottom:45px;
}

#left p, #right p {
	padding:5px 10px;
}

.moduletable h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:normal;
	
	color:#FFFFFF;
}

#topright .moduletable h3 {
	margin:5px 0 10px 0;
	border-bottom:1px solid #7A7A7A;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#444444;
	padding:0 0 10px 0;
}

#footer .moduletable h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#DB3A5E;
	margin:0 0 18px 0;
}

#left .moduletable, #right .moduletable {
	background-color:#C5ECF1;
	font-family:Arial;
	font-size:12px;
	color:#298CAD;
}

#left .moduletable, #right .moduletable h3 {
	font-family:Georgia;
	font-size:15px;
	color:#298CAD;
	padding:10px;
}	

#left .moduletable, #right .moduletable div {
padding:10px;
background-color:#FFFFFF;
border-left: 10px solid #C5ECF1;
border-right: 10px solid #C5ECF1;
border-bottom: 30px solid #C5ECF1;
}

/* ---------------- Blue header
======================================*/
div.blue h3 {
	background:#395B77 url(../images/module_header_blue.gif) no-repeat 0px 0px;
	padding:8px 5px 8px 25px;
}

div.blue2 h3 {
	background:#395B77 url(../images/module_header_blue2.gif) no-repeat 0px 0px;
	padding:8px 5px 8px 25px;
}

div.blue .arrows_bottom, div.blue2 .arrows_bottom {
	height:39px;
	width:100%;
	background:url(../images/bg_arrows_bottom_blue.gif) no-repeat top left;
}

/* ---------------- Orange header
======================================*/
div.orange h3 {
	background:#974B00 url(../images/module_header_orange.gif) no-repeat 0px 0px;
	padding:8px 5px 8px 25px;
}

/* ---------------- Green header
======================================*/
div.green h3 {
	background: #516121 url(../images/module_header_green.gif) no-repeat 0px 0px;
	
	padding:8px 5px 8px 25px;
}

div.green2 h3 {
	background: #516121 url(../images/module_header_green.gif) no-repeat 0px 0px;
	
	padding:8px 5px 8px 25px;
}

div.green .arrows_bottom {
	height:39px;
	width:100%;
	background:url(../images/bg_arrows_bottom_green.gif) no-repeat top left;
}

div.green2 .arrows_bottom {
	height:39px;
	width:100%;
	background:url(../images/bg_arrows_bottom_green2.gif) no-repeat top left;
}

.green .arrows_bottom a {
	margin-left:90px;
	color:#000000!important;
	font-weight:normal;
}

.green2 .arrows_bottom a {
	line-height:40px;
	padding-left:140px;
}

div.green ul li a {
	color:#051A3A!important;
}

div.break {
	clear:both;
	height:0;
	padding:0!important;
	margin:0!important;
	background:#FFFFFF!important;
}



/* ---------------- Various
===============================*/

ul.latestnews {
	list-style:none;
}

ul.latestnews a {
	text-decoration:none;
}

ul.latestnews li {
	padding:10px;
}

div.moduletable ul {
	padding:10px;
	margin:0;
	list-style:none;
}

div.moduletable ul li {
	padding:0;
}

/* ---------------- Devices
==============================*/

div.device_blue, div.device_red, div.device_purple, div.device_orange {
	padding:8px 5px 8px 25px;
	color:#FFFFFF;
}

div.device_blue {
	background:url(../images/device_blue.gif) no-repeat 0px 0px;
	background-color:#395B77!important;
}

div.device_red {
	background:url(../images/device_red.gif) no-repeat 0px 0px;
	background-color:#58011C!important;
}

div.device_orange {
	background:url(../images/device_orange.gif) no-repeat 0px 0px;
	background-color:#966601!important;
}

div.device_purple {
	background:url(../images/device_purple.gif) no-repeat 0px 0px;
	background-color:#4A3F58!important;
}

div.device_blue a, div.device_red a, div.device_purple a, div.device_orange a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
}

/* ----------------------- Inside
===================================*/

.contenttoc {
	float:right;
	background-color:#DFDFDF;
	padding:15px;
	border-spacing:5px;
	width:160px;
	margin-bottom:12px;
}

.contenttoc td, .contenttoc p, .contenttoc a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#232323;
	text-decoration:none;
}

.contenttoc a.active, .contenttoc a:hover {
	font-weight:bold;
}

.contenttoc tr th {
	display:none;
}

.contentpaneopen {
	width:100%;
}

/* MAIN MENU 

#mainmenu, #mainmenu ul, #mainmenu * ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:1;
}

#mainmenu ul * ul {
	display:none;
}

#mainmenu a {
	display: block;
	line-height:100%;
}

#mainmenu li {
	min-width:50px;
}

#mainmenu li * li {
	width:175px;
	padding:0;
	border-right:none;
	border-top:1px solid #FFFFFF;
}

#mainmenu li ul {
	padding-top:16px;
	background:#051A3A url(../images/bg_subnav.gif) repeat-x;
	position: absolute;
	width: 175px;
	left: -999em;
	
}

#mainmenu li ul ul {
	margin: -2em 0 0 174px;
}

#mainmenu li:hover ul ul, #mainmenu li:hover ul ul ul, #mainmenu li.sfhover ul ul, #mainmenu li.sfhover ul ul ul {
	left: -999em;
}

#mainmenu li:hover ul, #mainmenu li li:hover ul, #mainmenu li li li:hover ul, #mainmenu li.sfhover ul, #mainmenu li li.sfhover ul, #mainmenu li li li.sfhover ul {
	left: auto;
}

#mainmenu li.active {
	background-color:#2A3C57;
}

#mainmenu li:hover {
	background-color:#2A3C57;
}

#mainmenu li * li.parent {
	background-image:url(../images/parent.png);
	background-position:180px;
	background-repeat:no-repeat;
}

#mainmenu li.last {
	border-right:0 none;
}

#mainmenu ul li ul li a, #mainmenu ul li ul li a span {
	text-transform:none;
	font-size:12px;
	
}

div#mainmenu div.inner ul li ul li a {
	height:auto;
	margin:10px 0;
}

 ### Drop Down Menu Styling :: END ### */
 
a.askQuestion {
	display:block;
	font-size:14px;
	text-decoration:none;
	color:#0099FF;
}

a.askQuestion:hover {
	text-decoration:underline;
}

a:visited {
	color:#330066;
}

div.footermenu .moduletable a:visited {
	color:#FFFFFF;
}

div.questionanswer {
	margin-bottom:15px;
	margin-top:5px;
}

div.question {
	background:#F1F6FE;
	padding:5px;
}

div.question p {
	font-size:12px;
	color:#051A3A;
	font-weight:bold;
}

div.answer {
	padding:5px;
	background:#FFFFF1;
}

div.answer p {
	font-size:12px;
}

div.pagination {
	text-align:center;
}

table.questionForm {
	width:100%;
}

table.questionForm tr {
	vertical-align:top;
}

table.questionForm tr td {
	padding:3px;
}

table.questionForm tr td.key {
	width:142px;
	text-align:right;
	padding-right:10px;
	border-right:1px solid #F1F6FE;
	border-bottom:1px solid #F1F6FE;
}

input.textbox {
	width:310px;
}

textarea.textarea {
	width:310px;
	height:100px;
}

/* --------------- Simple Caddy
================================*/

.sccart {
	padding:10px;
	background:#F1F5FE;
	float:left;
}

.scproduct, .scunitpricetext, .scquantitytext, .cartoptionstitle, .atczone {
font-weight:bold;
display:block;
margin-top:10px;
}

.scprodcode {

}

.scshorttext {
	
}

table.sc_cart_module tr td {
	padding:3px;
}

.sc_show_cart_module {
	padding:10px 0;
}

div.moduletable .sixteen, div.moduletable .sixteen a {
	font-size:16px;
}

#footer .footermenu .moduletable ul {
	padding:0;
}

#footer a:visited {
	color:#232323;
}

div#wrap div#content div#center div#qcontacts label.required {
	color:#000000;
}

input, textarea, select, option {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}

#pgbSaveForm table tr {
	vertical-align:top;
}

td.key {
	text-align:right;
	padding-right:5px;
	width:200px;
}

#footer h3 {
	line-height:19px;
	padding-bottom:18px;
}

.inner {
	width:960px;
	margin:0 auto;
}

#footer .inner .footerleft {
	width:228px;
	padding:0 10px;
	float:left;
}

#footer .inner .footercenter {
	width:328px;
	padding:0 66px;
	float:left;
}

#footer .inner .footerright {
	width:252px;
	float:left;
}

#footer .inner .footercenter p {
	margin-bottom:20px;
	color:#282828;
}

#footer .inner .footercenter p.buttonheading {
	margin:0;
}

.footer p {
	margin:0;
}

.ScholarsNav {
color:#DB3A5E;
text-decoration:none;
}

a.ScholarsNav {
color:#DB3A5E;
text-decoration:none;
}

a.ScholarsNav:hover {
color:#DB3A5E;
text-decoration:underline;
}
