/*
author: Ziyad Goulamgookhan
project: Orinux website version 2
filename: customize.css
purpose: defining the fonts and colors of webpages
*/

body { font-size: 76.1%; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; }
#footer { color: #fff; padding-bottom: 20px; }
.grey {font-size: 0.95em;color: #858585;}
#slogan2 {font-size: 11pt;font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}

a {color: #B20000;text-decoration: none;}
a:hover {color: #B20000;text-decoration: underline;}
a.linkwhite {color:#FFF; text-decoration:underline;}
a.linkwhite:hover { color:#FFF; text-decoration:none;}

#greyout {background-color: #DDDDDD;padding: 0.1em 1em 1em 1em;margin-top: 1em;}
#greyoutCenter {background-color: #DDDDDD;padding: 1em;}

#groupBox{width:40%;float:left; margin-bottom:3em;}
#extraspace { margin:1em; clear:both;}
#roundboxSmall { margin:0 1em 0.5em 0;}
#roundboxLarge { width:55%;float:left;}
#roundcorner {background: #DDDDDD;margin-top: 1em;}
#roundcorner h3 { background:#B20000; color:#FFF; margin:0.5em 1em 0 1em; padding:0.1em 0.5em; border-bottom:3px solid #000;}
#roundcorner p {margin: 0;padding: 1em;}
#roundcorner p.servicesAlignRight { text-align: right; }
#roundcorner p.roundImage { padding-bottom: 0; }
#roundcorner p.roundImageRight { padding-bottom: 0; text-align: right; }
#roundcorner div { margin:0 1.3em 1em 1.3em;}
#roundcorner div.underline { margin:0 1.3em 1em 1.3em; border-bottom:1px solid #AAA;}
#roundcorner div.author { border:0; margin:0.3em 1.3em;}
#roundcorner div.author table.partnerArticleAuthor tr td { padding-right:5em;}
#roundcorner div h4 { margin:0.5em 1em 0 0;}
#roundcorner div p { padding:0; margin:1em 0;}
#roundcorner div p a { font-weight:bold;}
#roundcorner div p a.learnmore { font-weight:normal; font-size:11px;}
#roundcorner div table tr th { font-size:9pt; text-align:left;}
#roundcorner div table.partnerServicesList tr th { font-size:9pt; padding:5px 0; border-bottom:1px solid #AAA; padding-right:5px;}
#roundcorner div table.partnerServicesList tr td { font-size:9pt; padding-right:12px;}
#roundcorner div table tr td a { font-size:9pt;}
#roundcorner div table form tr td { font-size:9pt;}
#roundcorner ul { margin:0; padding:0.5em 0.5em; list-style:none}
#roundcorner ul li { margin:0 0.7em; padding:0.2em 0; border-bottom:1px solid #AAA;}
#roundcorner div.more {text-align:right; border:0;}
b.rtop, b.rbottom {display: block;background: #FFF;}
b.rtop b, b.rbottom b { display: block;height: 1px;overflow: hidden; background: #DDDDDD;}
b.r1 { margin: 0 5px; }
b.r2 { margin: 0 3px; }
b.r3 { margin: 0 2px; }
b.rtop b.r4, b.rbottom b.r4 {margin: 0 1px;height: 2px;}
hr { border:0; border-bottom:1px solid #AAA; height:0;}

.hilite {color: #B20000;}

#certify {border: 1px solid #858585;background-color: #DDDDDD;}
#certify h4 {background-color: #B20000;color: #fff;font-weight: normal;margin: 0;padding: 0.3em 0em 0.3em 0em;border-bottom: 1px solid #BBBBBB;}
#certify h5 {background-color: #858585;margin: 0;text-align: left;padding: 0.2em 0.7em 0.2em 0.7em;border-bottom: 1px solid #BBBBBB;}
#certify ul {list-style-type: square;margin: 0;padding-left: 1.8em;text-align: left;}
#certify ul li {font-size: 91%;padding: 0em 0.7em 0em 0em;border-bottom: 1px solid #AAAAAA;}

/*************** menu *****************/
#navlist li {display: inline;list-style-type: none;line-height: 1.3em;}
#navlist a { font-family: Verdana, Arial, Helvetica, sans-serif;color: #fff;text-decoration: none;padding: 10px 10px;}
#navlist a:hover {background-color: #1C1C1C;}
/*************** end menu *****************/

h2 {font-size: 1.7em;font-weight: lighter;padding: 7px 0px;}

#abettertitle {background-color: #B20000;/* 	border-bottom: 3px solid #1C1C1C; */}
#abettertitle h2 {color: #fff;padding: 0.2em 0.2em 0.2em 0.5em;border-bottom: 3px solid #1C1C1C;margin-bottom: 0;}
#abetternavigation {font-size: 100%;color: #B20000;margin: 0 0 2em;padding-left: 0.8em;}
#abetternavigation a { color: #B20000; }
#partnernavigationTop { border-bottom:1px solid #AAA; padding-bottom:0.3em; color:#858585;}
#partnernavigationTop a, #partnernavigationBottom a { padding:0 0.8em; color:#858585;}
#partnernavigationBottom { border-top:1px solid #AAA; padding-top:0.3em; margin-top:1em; color:#858585;}

h4 {font-size: 1.1em;font-weight: bolder;padding: 0;}
h5 {font-size: 1em;font-weight: bold;padding: 0px 0px;}
#linklist {position: relative;left: 2.5em;display: inline;list-style-type: none;padding: 0px 0px;list-style: none inside url(../img/arrowRed3.gif);}
#linklist li {text-indent: -2.5em;}
#linklist a {color: #B20000;text-decoration: none;text-align: left;}
#linklist a:hover {color: #B20000;text-decoration: underline;}

/************************* content link *********************/
#contentLink {background: url(../img/arrowRed3.gif) left no-repeat;}
#contentLink a {color: #B20000;text-decoration: none;padding-left: 2.3em;}
#contentLink a:hover {text-decoration: underline;}
/************************* end content link *********************/


/************************* bullet listing **********************/
#justListing {position: relative;left: 2.5em;display: inline;list-style: none inside url(../img/arrowBlack3.gif);/* 	list-style-type: square; */padding: 0px 0px; line-height: 2em;}
#justListing li {text-indent: -2.8em;width: 95%;}
#listNone {	list-style: none;}
#listNone li {padding: 1em 0;}
/************************* end bullet listing **********************/


/************************* quotes **********************/
#quoter{ display: block;padding: 0 0 3em 5.3em;}
blockquote {display: block;padding: 1em 2em 0;font-style: italic;width: 42em;}
blockquote:before, blockquote:after {color: #CCC;display: block;font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;font-size: 700%;}
blockquote:before {content: open-quote;height: 0;margin-left: -0.4em;}
blockquote:after {content: close-quote;margin: 0.1em 0 -0.1em 4em;height: 0;}
/************************* end quotes **********************/