@charset "utf-8";

body {
	background-color:#131313;
	margin:0px;
	font-family:"Trebuchet MS", Arial;
	font-size:13px;
	overflow-y:scroll;;
	background-image:url('http://www.iotpd.org/templates/default/assets/content_strip_bg.jpg');
	background-position: 0px 233px;
}

html, body {
	height:100%;
}

td {
	vertical-align:top;
}

h1 {
	-moz-border-radius-topleft:13px;
	-webkit-border-top-left-radius:13px;
	border-top-left-radius:13px;
	-moz-border-radius-topright:13px;
	-webkit-border-top-right-radius:13px;
	border-top-right-radius:13px;
	border:4px solid #FFF;
	color:#333;
	text-decoration:underline;
	font-style:italic;
	font-weight:bold;
	font-size:28px;
	text-align:center;
	background-color:#31FBE7;
	height:47px;
	line-height:47px;
	padding:0px;
	margin:0px;
}

h2 {
	padding:0px;
	margin:0px;
	margin-bottom:20px;
	color:#31FBE7;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
}

p {
	margin:0px;
	padding:0px;
	display:block;
}



/** ERROR AND SUCCESS MESSAGES **/
.error {
	background-color:#FF9B9B;
	color:#330000;
	padding:2px;
}

.success {
	background-color:#80FF80;
	color:#003300;
	padding:2px;
}



/** MEDIA **/
.media_title {
	color:#FFF;
	font-size:13px;
	text-align:center;
	font-style:italic;
}

.media_desc {
	color:#999;
	font-size:12px;
	text-align:center;
}

.attachment_holder {
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #999999;
	text-align:center;
	width:800px;
}

.attachment_holder_inline {
	text-align:center;
}


/** LINKS **/
a, a:link, a:visited, a:active {
	color:inherit;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

a.mediumlink, a.mediumlink:link, a.mediumlink:visited  {
	color:#F90;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
}
a.mediumlink:hover, a.mediumlink:active {
	text-decoration:underline;
}



/** TEXT STYLES **/
.no_em {
	font-style:normal;
}

.text_start {
	background-image:url('http://www.iotpd.org/templates/default/assets/text_start_bg.png');
	background-repeat:no-repeat;
	font-size:37px;
	width:36px;
	height:40px;
	padding:0px 5px;
}

.blue_around {
	background-color:#31FBE7;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	text-decoration:underline;
	font-style:italic;
	padding:5px 15px 9px 15px;
}


/** BULLET POINTS **/
h2.list_title {
	padding-left:30px;
	padding-top:10px;
	margin-bottom:0px;
}

ul.bullet_list {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	margin-top:20px;
}

ul.bullet_list li {
	padding-left:25px;
	background-image:url('http://www.iotpd.org/templates/default/assets/bullet_list_bg.png');
	background-repeat:no-repeat;
	background-position:0px 3px;
	margin-bottom:25px;
}


/** PAGE WRAPPERS **/
#banner_strip {
	background-color:#FFFFFF;
	height:150px;
	text-align:center;
}

#nav_strip {
	background-image:url('http://www.iotpd.org/templates/default/assets/nav_strip_bg.jpg');
	height:83px;
	text-align:center;
}

#content_strip {
	padding-bottom: 20px;
	/*
	text-align:center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	*/
}

#content {
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	background-color:#FFFFFF;
}

#footer {
	text-align:right;
	padding:5px 0px;
	color:#999;
	font-size:12px;
}

.container_middle {
	width: 1003px;
	margin: 0 auto;
	text-align:left;
}

.content_white {
	padding: 20px 12px;
	background-color:#FFF;
	color:#000;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	padding-bottom:10px;
}

.content_dark {
	padding: 20px 12px;
	color:#FFF;
	background-image:url('http://www.iotpd.org/templates/default/assets/dark_bg.jpg');
	font-size:17px;
	font-weight:bold;
	font-style:italic;
}

.content_bottom {
	-moz-border-radius-bottomleft:13px;
	-webkit-border-bottom-left-radius:13px;
	border-bottom-left-radius:13px;
	-moz-border-radius-bottomright:13px;
	-webkit-border-bottom-right-radius:13px;
	border-bottom-right-radius:13px;
	padding-bottom:15px;
}


.nav_holder {
	position:relative;
}

div.nav_main {
	display:block;
	position:absolute;
	top:24px;
}
div.nav_main a {
	display:block;
	font-family:"Trebuchet MS", Arial;
	color:#FFFFFF;
	font-style:italic;
	font-size:17px;
	text-decoration:none;
	padding:2px 5px;
}

div.nav_main a:hover  {
	color:#31FBE7;
}

div.nav_main_selected a, div.nav_main_selected a:hover {
	color:#333;
	background-color:#31FBE7;
}

a.nav_arrow {
	background-image:url('http://www.iotpd.org/templates/default/assets/menu_arrow_white.png'); 
	background-position:right center;
	background-repeat:no-repeat;
}
a.nav_arrow:hover {
	background-image:url('http://www.iotpd.org/templates/default/assets/menu_arrow_blue.png');
}
div.nav_main_selected a.nav_arrow {
	background-image:url('http://www.iotpd.org/templates/default/assets/menu_arrow_black.png');
}


.nav_popup {
	display:none;
	position:absolute;
	top:21px;
	background-repeat:no-repeat;
}

div.nav_main:hover .nav_popup, div.nav_main:active .nav_popup {
	display:block;
}

.nav_popup ul.bullet_list {
	margin-left:17px;
	margin-top:30px;
}

.nav_popup ul.bullet_list li {
	margin-bottom:20px;
	padding-left:20px;
}

.nav_popup ul.bullet_list li a {
	font-family:"Trebuchet MS", Arial;
	color:#FFFFFF;
	font-style:italic;
	font-size:17px;
	text-decoration:none;
	background:none;
	padding:0;
}
.nav_popup ul.bullet_list li a:hover, .nav_popup ul.bullet_list li a:active {
	color:#31FBE7;
}


#nav_home { left:0px; }
#nav_about, #about_popup_wrapper { left:160px; }
#nav_testimonials { left:290px; }
#nav_members { left:435px; }
#nav_donations { left:625px; }
#nav_downloads { left:770px; }
#nav_contact { left:910px; }

#about_popup {
	left:-70px;
	width:293px;
	height:153px;
	background-image:url('http://www.iotpd.org/templates/default/assets/about_popup.png');
}

#contact_popup {
	left:-70px;
	width:200px;
	height:110px;
	background-image:url('http://www.iotpd.org/templates/default/assets/contact_popup.png');
}

#members_popup {
	left:-25px;
	width:225px;
	height:110px;
	background-image:url('http://www.iotpd.org/templates/default/assets/contact_popup2.png');
}


#preload {
	display:none;
}
	
@media screen {
	#preload {
		position: absolute;
		left: -9999px;
		top:  -9999px;
	}
}